內(nèi)容通俗易懂，沒有多余的語(yǔ)言，贊
徹底弄懂強(qiáng)緩存與協(xié)商緩存在工作中，前端代碼打包之后的生成的靜態(tài)資源就要發(fā)布到靜態(tài)服務(wù)器上，這時(shí)候就要做對(duì)這些靜態(tài)資源做一些運(yùn)維配置，其中，gzip和設(shè)置緩存是必不可少的。這兩項(xiàng)是最直接影響到網(wǎng)站性能...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
-
寫的很棒，幫我解決了一個(gè)難題。
對(duì)React children 的深入理解
本文為翻譯文章，原文鏈接 React的核心為組件。你可以像嵌套HTML標(biāo)簽一樣嵌套使用這些組件，這使得編寫JSX更加容易因?yàn)樗愃朴跇?biāo)記語(yǔ)言。 當(dāng)我剛開始學(xué)習(xí)React時(shí)，當(dāng)...
-
很棒的一篇總結(jié)
移動(dòng)前端一些重置樣式模板和標(biāo)簽
工作了有一段時(shí)間，基本上都在搞移動(dòng)端的前端開發(fā)，工作的過程中遇到過很多問題，bug的解決方案，記錄下來，以便后用！??！內(nèi)容并不是很全，以后每遇到一個(gè)問題都會(huì)總結(jié)在這里，分享給...
-
webpack 從入門到工程實(shí)踐
GitChat技術(shù)雜談 前言 本文較長(zhǎng)，為了節(jié)省你的閱讀時(shí)間，在文前列寫作思路如下： 什么是 webpack，它要解決的是什么問題？ 對(duì)webpack的主要配置項(xiàng)進(jìn)行分析，雖...
-
React技巧總結(jié)
總結(jié) 盡量不要在render函數(shù)使用bind改變方法的this指向，如下： 可以將bind動(dòng)作放在constructor中實(shí)現(xiàn)： 原理：若放在render函數(shù)中，只要每次重新...
-
React-Router v4.0 hashRouter使用js跳轉(zhuǎn)
React-Router v4.0上已經(jīng)不推薦使用hashRouter，主推browserRouter，但是因?yàn)槭褂胋rowserRouter需要服務(wù)端配合可能造成不便，有時(shí)...
-
React.js使用Nuka-Carousel插件時(shí)禁用越界效果（Edge Easing）
前段時(shí)間在項(xiàng)目中采用了Nuka-Carousel這個(gè)輪播圖/走馬燈插件來實(shí)現(xiàn)整屏上下滑的效果，但是在實(shí)際開發(fā)中遇到了越界效果始終存在的問題，這個(gè)效果在某些場(chǎng)景下會(huì)起到適得其反...
-
React生命周期詳解
Mounting / 掛載階段 getDefaultProps->getInitialState->componentWillMount -> render ->compon...
-
ReactJS第三天
propTypes 檢查組件的屬性值是否符合要求 注意React.PropTypes是大寫開頭 ref 真實(shí)DOM React使用的是虛擬DOM的實(shí)現(xiàn)方式，即所有的DOM先在...
-
ReactJS第二天
組件 生成組件的格式 - createClass 使用組件的方式 給組件傳值 - this.props this.props對(duì)象的屬性與組件的屬性對(duì)應(yīng) class屬性要寫成c...
-
ReactJS第一天
引包&安裝 React官網(wǎng) react.js react-dom.js browser.js 使用JSX語(yǔ)法 JSX語(yǔ)法規(guī)則 遇到HTML標(biāo)簽，按HTML規(guī)則解析 遇到代碼塊...