從輸入U(xiǎn)RL到頁面加載的過程 瀏覽器接收URL開啟網(wǎng)絡(luò)請(qǐng)求線程 DNS查詢 TCP/IP請(qǐng)求 服務(wù)器接收到請(qǐng)求、對(duì)應(yīng)后臺(tái)處理請(qǐng)求 后臺(tái)和前臺(tái)的HTTP交互 瀏覽器接收到HTT...
發(fā)簡(jiǎn)信
IP屬地：福建
-
前端面試題整理（一） -
我這排版很丑啊签餐。寓涨。。
Puppeteer的入門教程和實(shí)踐
出現(xiàn)的背景 Chrome59(linux氯檐、macos)戒良、 Chrome60(windows)之后，Chrome自帶headless(無界面)模式很方便做自動(dòng)化測(cè)試或者爬蟲冠摄。但...
-
@T現(xiàn)在是冬天T 可能需要啟動(dòng)Chrome的時(shí)候加上--disable-gpu蔬墩，或者是系統(tǒng)的依賴比較低，尤其是centos系統(tǒng)
Puppeteer的入門教程和實(shí)踐
出現(xiàn)的背景 Chrome59(linux耗拓、macos)拇颅、 Chrome60(windows)之后，Chrome自帶headless(無界面)模式很方便做自動(dòng)化測(cè)試或者爬蟲乔询。但...
-
Node啟動(dòng)https服務(wù)器
首先你需要生成https證書樟插，可以去付費(fèi)的網(wǎng)站購買或者找一些免費(fèi)的網(wǎng)站，可能會(huì)是key或者crt或者pem結(jié)尾的竿刁。不同格式之間可以通過OpenSSL轉(zhuǎn)換黄锤，如： Node原生版...
-
Lighthouse的使用與Google的移動(dòng)端最佳實(shí)踐Lighthouse是一個(gè)Google開源的自動(dòng)化工具，主要用于改進(jìn)網(wǎng)絡(luò)應(yīng)用（移動(dòng)端）的質(zhì)量食拜。目前測(cè)試項(xiàng)包括頁面性能鸵熟、PWA、可訪問性（無障礙）负甸、最佳實(shí)踐流强、SEO痹届。Light...
-
vue生命周期鉤子函數(shù)的正確使用方式先上圖 遇到的一個(gè)問題 在我的項(xiàng)目中，常用的生命周期鉤子函數(shù)一直都是mounted打月，對(duì)于大部分情況队腐，都是屢試不爽、捷報(bào)頻傳~ 但是在前幾天卻遭遇了一個(gè)意外奏篙，我在mounted...
-
精誠(chéng)雖至秘通、金石未開
-
瀏覽器HTTP緩存機(jī)制介紹HTTP緩存之前先簡(jiǎn)單說一下Web緩存 Web緩存是一種保存Web資源副本并在下次請(qǐng)求時(shí)直接使用該副本的技術(shù)为严。 Web緩存可以分為這幾種：瀏覽器緩存、CDN緩存肺稀、服務(wù)器緩...
-
去哪了第股？
沒有經(jīng)驗(yàn)的我在秋招找到了年薪13W+的軟件測(cè)試工作
小伙伴們大家好，好久沒更文了盹靴，實(shí)在是迫不得已，前段時(shí)間忙于畢業(yè)論文和找工作瑞妇，也是焦頭爛額的稿静，2017年的秋招差不多快結(jié)束了，不知道2018年畢業(yè)的小伙們有沒有找到合適的工作呢...
-
Puppeteer的入門教程和實(shí)踐
出現(xiàn)的背景 Chrome59(linux辕狰、macos)改备、 Chrome60(windows)之后，Chrome自帶headless(無界面)模式很方便做自動(dòng)化測(cè)試或者爬蟲蔓倍。但...
-
@lucas_cec1 什么叫代碼自動(dòng)提示悬钳？
使用Nightwatch進(jìn)行E2E測(cè)試中文教程
E2E測(cè)試 E2E(end to end)測(cè)試是指端到端測(cè)試又叫功能測(cè)試，站在用戶視角偶翅，使用各種功能默勾、各種交互，是用戶的真實(shí)使用場(chǎng)景的仿真聚谁。在產(chǎn)品高速迭代的現(xiàn)在母剥，有個(gè)自動(dòng)化測(cè)...
-
挺全的。最好能了解點(diǎn)新東西形导，websocket环疼、ssr、wpa朵耕、amp炫隶、fetch、flux阎曹、rxjs伪阶、async等煞檩，如果有一兩個(gè)能說的比較清楚會(huì)是亮點(diǎn)
史上最全的web前端面試題匯總及答案3
前段時(shí)間在github上看到一篇沒有答案面試題的文章，小丸子經(jīng)過多方的看書查資料望门，總結(jié)了一些問題的答案出來形娇，希望能給大家?guī)韼椭袉栴}的地方筹误，歡迎指正歡迎交流桐早，前端面試題會(huì)...
-
羨慕，看起來好爽
花園城市新加坡之旅
前段時(shí)間厨剪，有幸跟老師去了新加坡哄酝，傳說中的花園城市，在飛機(jī)上拍的祷膳，早上五點(diǎn)半的日出陶衅，真的超級(jí)美。 風(fēng)土人情 來到新加坡首先發(fā)現(xiàn)的是新加坡的華人超級(jí)多直晨，聽說新加坡人口有310萬搀军，...
-
@魚娟note 一層以上就是引用復(fù)制了
JS 實(shí)現(xiàn)值復(fù)制
題目要求 實(shí)現(xiàn)一個(gè)函數(shù)clone，可以對(duì)JavaScript中的5種主要的數(shù)據(jù)類型（包括Number勇皇、String罩句、Object、Array敛摘、Boolean）進(jìn)行值復(fù)制 代碼...
-
@魚娟note 數(shù)組直接進(jìn)第一個(gè)if了……
JS 實(shí)現(xiàn)值復(fù)制
題目要求 實(shí)現(xiàn)一個(gè)函數(shù)clone门烂，可以對(duì)JavaScript中的5種主要的數(shù)據(jù)類型（包括Number、String兄淫、Object屯远、Array、Boolean）進(jìn)行值復(fù)制 代碼...
-
@魚娟note 是的
JS 實(shí)現(xiàn)值復(fù)制
題目要求 實(shí)現(xiàn)一個(gè)函數(shù)clone捕虽，可以對(duì)JavaScript中的5種主要的數(shù)據(jù)類型（包括Number慨丐、String、Object泄私、Array咖气、Boolean）進(jìn)行值復(fù)制 代碼...
-
所有對(duì)象都instanceof Object成立，不會(huì)進(jìn)入第二個(gè)分支的…數(shù)組也可以和這里對(duì)象一樣用for...in挖滤。要么就倒過來崩溪，先判斷數(shù)組…既然用es6了，又只考慮一層對(duì)象斩松，干嘛不用Object.assign復(fù)制對(duì)象...也可以用Array.isArray來判斷數(shù)組伶唯。好玩點(diǎn)就加遞歸……
JS 實(shí)現(xiàn)值復(fù)制
題目要求 實(shí)現(xiàn)一個(gè)函數(shù)clone，可以對(duì)JavaScript中的5種主要的數(shù)據(jù)類型（包括Number惧盹、String乳幸、Object瞪讼、Array、Boolean）進(jìn)行值復(fù)制 代碼...
-
語言精粹……而且這個(gè)也不算高級(jí)粹断，一開始就能看符欠，dc大神略偏激……你不知道的js英文是最全最高級(jí)的書（翻譯的不好）
史上最全的web前端面試題匯總及答案2
HTML&CSS img的alt和title的異同？ **alt **是圖片加載失敗時(shí)瓶埋，顯示在網(wǎng)頁上的替代文字希柿；**title **是鼠標(biāo)放上面時(shí)顯示的文字,title是對(duì)圖...
