? 一直對(duì)React組件的生命周期理解的不夠深刻，例如在React官網(wǎng)中，有這樣一句話來描述shouldComponentUpdate()方法： shouldCompon...
發(fā)簡(jiǎn)信
IP屬地：江蘇
-
React之子組件重新渲染
-
聊聊函數(shù)節(jié)流（throttle）和函數(shù)去抖（debounce）
講在前面 進(jìn)騰訊快半個(gè)多月了，說實(shí)話在這半個(gè)多月里見識(shí)了許多新的東西，比如VR，AR，WebGL，AI技術(shù)等等。作為技術(shù)男的我對(duì)此十分感興趣，連玩了八年的DNF都放棄了，這需...
-
前端優(yōu)化總結(jié)
前端性能優(yōu)化一直都是一個(gè)老生常談的問題，面試中也經(jīng)常被問到，今天就結(jié)合雅虎前端團(tuán)隊(duì)的35條前端優(yōu)化原則來總結(jié)下我在前端開發(fā)過程中的一些優(yōu)化手段。我將從六個(gè)方面來優(yōu)化我們的前端...
-
WEB安全之-CSRF（跨站請(qǐng)求偽造）WEB安全中經(jīng)常談到的兩個(gè)東西：XSS和CSRF。這兩個(gè)概念在前端面試中也經(jīng)常被問到，只要涉及到WEB安全的東西就必須提到他們哥倆，從我以往的面試經(jīng)歷中我多次死在這兩個(gè)東西上...
-
WebSocket的總結(jié)最近做的幾個(gè)項(xiàng)目都用到了HTML5的WebSocket技術(shù)，并且在一些公司的面試中該內(nèi)容也會(huì)被問到，為此有必要將WebSocket方面的知識(shí)整理一下。 WebSocket概述...
-
大公司都會(huì)問的，還是多掌握些好
HTTP狀態(tài)碼
媽的，上次面試被坑了，作為前端工程師，常用的HTTP狀態(tài)碼還是要知道的，為此專門寫一篇文章總結(jié)下，以備今后復(fù)習(xí)。
-
你真的弄懂了瀏覽器緩存嗎？緩存一直以來都是一個(gè)老生常談的問題，在工作和面試中都經(jīng)常會(huì)被問到，合理利用了緩存可以提高網(wǎng)站的訪問速度，節(jié)省帶寬，減輕服務(wù)器壓力，增強(qiáng)用戶體驗(yàn)。到底我們?nèi)粘９ぷ髦袝?huì)用到哪些緩...
-
HTTP概述HTTP是一種能夠獲取如HTML這樣網(wǎng)絡(luò)資源的協(xié)議。它是Web上數(shù)據(jù)交換的基礎(chǔ)，是一種client-server協(xié)議，也就是說請(qǐng)求通常是由瀏覽器這樣的接受方發(fā)起的。一個(gè)完整的...
-
CSS漸變之linear-gradient做前端的時(shí)候難免會(huì)遇到這樣一個(gè)問題，運(yùn)營(yíng)或產(chǎn)品需要實(shí)現(xiàn)下面這樣一個(gè)需求 這是我們公司雙11推出的一個(gè)抽獎(jiǎng)活動(dòng)頁(yè)面，大家請(qǐng)看我紅色箭頭所指的區(qū)域，它其實(shí)是一個(gè)gif動(dòng)畫，見下圖...
-
做前端光把效果實(shí)現(xiàn)還不行，還要從眾多解決辦法中選擇最優(yōu)的，一切為了用戶。當(dāng)然對(duì)于我們自己還要把其中的原理弄清楚，做到融會(huì)貫通，舉一反三，知其然必知其所以然，不想當(dāng)CTO的碼農(nóng)不是好程序猿
CSS漸變之linear-gradient
做前端的時(shí)候難免會(huì)遇到這樣一個(gè)問題，運(yùn)營(yíng)或產(chǎn)品需要實(shí)現(xiàn)下面這樣一個(gè)需求 這是我們公司雙11推出的一個(gè)抽獎(jiǎng)活動(dòng)頁(yè)面，大家請(qǐng)看我紅色箭頭所指的區(qū)域，它其實(shí)是一個(gè)gif動(dòng)畫，見下圖...
-
CSS漸變之linear-gradient
做前端的時(shí)候難免會(huì)遇到這樣一個(gè)問題，運(yùn)營(yíng)或產(chǎn)品需要實(shí)現(xiàn)下面這樣一個(gè)需求 這是我們公司雙11推出的一個(gè)抽獎(jiǎng)活動(dòng)頁(yè)面，大家請(qǐng)看我紅色箭頭所指的區(qū)域，它其實(shí)是一個(gè)gif動(dòng)畫，見下圖...
-
容易被忽視的RequestAnimationFrame
傳統(tǒng)的JS動(dòng)畫都是用 setTimeout 和 setInterval 實(shí)現(xiàn)的，后來無意中在網(wǎng)上看到一個(gè)新的JS函數(shù) requestAnimationFrame 用它來替代傳...
-
瀏覽器輸入U(xiǎn)RL到用戶看到網(wǎng)頁(yè)，中間都發(fā)生了什么？前端面試過程中經(jīng)常會(huì)出現(xiàn)這道題目“瀏覽器輸入U(xiǎn)RL到用戶看到網(wǎng)頁(yè)，中間都發(fā)生了什么”，以前就踩過這個(gè)坑，最近公司出了問題，準(zhǔn)備跳槽了，就來回憶下這道題目，先上一張圖片。 看了...
-
談?wù)勀銓?duì)WEB標(biāo)準(zhǔn)的理解
只要你細(xì)心你就會(huì)發(fā)現(xiàn)，幾乎每個(gè)招聘前端的崗位都要求對(duì)WEB標(biāo)準(zhǔn)、可用性和可訪問性有要求，下面附一張大疆前端任職資格 第二條就是深刻理解WEB標(biāo)準(zhǔn)，對(duì)前端性能、可訪問性、可維護(hù)...
-
前端算法集錦
這次騰訊面試的失利，讓我深刻明白了這一點(diǎn)：想進(jìn)大公司，必須把算法學(xué)習(xí)好。為此開一篇文章，記錄下面試過程中經(jīng)常會(huì)出現(xiàn)的算法筆試題。 Q1. 去掉一組整型數(shù)組中重復(fù)的值 該題目的...
-
前端算法集錦
這次騰訊面試的失利，讓我深刻明白了這一點(diǎn)：想進(jìn)大公司，必須把算法學(xué)習(xí)好。為此開一篇文章，記錄下面試過程中經(jīng)常會(huì)出現(xiàn)的算法筆試題。 Q1. 去掉一組整型數(shù)組中重復(fù)的值 該題目的...
-
CSS Hack
這里說的Hack一般是針對(duì)于IE瀏覽器，使用Hack的最終目的也是為解決瀏覽器的兼容性問題。Hack一般分為三種：條件Hack，屬性級(jí)Hack，選擇符級(jí)Hack。 1. 條件...
-
JS繼承的實(shí)現(xiàn)（ES6）
1. 原型鏈繼承 原型鏈繼承是我們用的最多的一種繼承方式，就是讓一個(gè)子類的原型指向父類的實(shí)例即可。 有人不禁要問為什么不指向父類的原型，而是父類的一個(gè)實(shí)例？ 如果子類的原型直...