原创 前端打包工具之grunt
隨着前端業務邏輯越來越重，代碼量也就越來越大，而過多數量引入js文件會增加http請求，增加數據傳輸的壓力。所以我們在開發的時候，習慣將js文件 模塊化，而在部署項目時，則希望能合併並壓縮js文件來減小壓力。基於node.js的grunt
2018-09-04 18:20:16
原创 從輸入url到加載界面完成，發生了什麼？
1.輸入url並敲下回車 2.瀏覽器在本地緩存中查找資源，如果找到，則查看過期時間，如果沒有過期，則直接從本地讀取數據，不再發送請求。（如果沒有找到緩存，則發送http請求，服務器拿不到版本號，則一定會回送數據給瀏覽器） 3.如果過期，
2018-09-04 18:20:16
原创 JavaScript中的反射機制
反射機制指程序運行時能獲取自身信息，例如對象在運行時能獲取自身的屬性和值。反射只的是一種用法，在js中用for（var p in obj）{}實現， obj是對象，p是對象的屬性。 執行一個反射，屬性值是方法則運行方法，屬性值是屬性則彈出
2018-09-04 18:20:16
原创 微信小程序之我見
一直關注微信小程序的發佈進程，剛剛看了張小龍的文章，真的感覺到此人眼光之精準。 微信小程序，是一種所見即所得的思想，是web在移動端的一種精美又有力的表現形式。無需下載，將app的理念用瀏覽器這種概念表現出來，簡化了產品概念，深化了 工具
2018-09-04 18:20:16
原创 js中的call和apply方法
js中的函數對象有定義時上下文，運行時上下文，上下文是可以改變的 這些概念。 舉個例子 function a(c){ alert(c) alert(this.b) } d={b:'哈哈'} //如果直接運行a();那麼a函數是用windo
2018-09-04 18:20:16
原创 利用jquery進行插件的開發
在開展一個前端項目的時候，由於進度的限制，我們不得不去尋找一些開源的插件來使用，但是這些插件不一定能完全適合我們的項目需求，這時候就需要我們自己修改別人的插件或者開發自己的插件。雖然說不要重複造輪子，但是開發插件是一個非常高效的學習方式。
2018-09-04 18:20:16
原创 前端界面工作流
傳統的切圖佈局，是按照定位+float來實現的。但是現在流行用css3 flex佈局，用gulp添加前綴做兼容。 適配用的是淘寶適配flexible.js 比如說750px的設計稿，如果要在移動端兼容所有比例，那麼需要用淘寶適配，寫樣式的
2018-09-04 18:20:15
原创 js常用的設計模式
一：理解工廠模式二：理解單體模式三：理解模塊模式四：理解代理模式五：理解職責鏈模式六：命令模式的理解：七：模板方法模式八：理解javascript中的策略模式九：Javascript中理解發布--訂閱模式十：理解中介者模式https://
2018-09-04 18:20:15
原创 關於web標準的一些理解
根據百度百科中的定義，web標準不是一個標準，而是一系列標準的集合，結構標準，表現標準，行爲標準 結構；html的文檔結構標準 在書寫標籤時，標籤要閉合，嵌套結構要合理，屬性要加引號，儘量使用語義化標籤，而不是全部使用div進行佈局。舉個
2018-09-04 18:20:15
原创 彩色圖，灰度圖，色值，灰階，16位圖，8位圖等概念的總結
一個像素點的顏色是由RGB三個通道組成，人眼最大的色值範圍是0-255，則人眼能識別的顏色是255*255*255=2的24次方。這些像素點的顏色就有2的24次方種。 當R=B=G時候，像素點的顏色就呈現黑白色調，這種像素點拼接起來的圖像
2018-09-04 18:20:15