原创 vue-loader中引入模板預處理器

vue-loader 是一個 webpack 的 loader,可以將指定格式編寫的 Vue 組件轉換爲 JavaScript模塊 同時,vue-loader 支持使用非默認語言,通過設置語言塊的lang屬性,就可以使用指定的預處理器,比如

原创 從css到頁面樣式渲染

寫了這麼多class,color,background,display...; 也許有時候會疑惑,怎麼就顯示在頁面上,改變元素的樣式。 本文簡明介紹整個解析,匹配,渲染過程 css 描述 css 是Cascading Style Sheet

原创 函數式編程 - 容器(container)

最近一直在學習函數式編程,前面介紹了函數式編程中非常重要的兩個運算函數柯里化 和 函數組合,下文出現的curry 和 compose函數可以從前兩篇文章中找到。它們都可以直接在實際開發中用到,寫出函數式的程序。 本文主要初探容器的相關概念,

原创 函數式編程 - 組合compose

函數式編程中有一個比較重要的概念就是函數組合(compose),組合多個函數,同時返回一個新的函數。調用時,組合函數按順序從右向左執行。右邊函數調用後,返回的結果,作爲左邊函數的參數傳入,嚴格保證了執行順序,這也是compose 主要特點。

原创 高級函數技巧-函數柯里化

我們經常說在Javascript語言中,函數是“一等公民”,它們本質上是十分簡單和過程化的。可以利用函數,進行一些簡單的數據處理,return 結果,或者有一些額外的功能,需要通過使用閉包來實現,最後經常會return 匿名函數。 如果你對

原创 pre-commit鉤子,代碼質量檢查

目前基本使用三款js代碼質量檢查工具: jslint, jshint, eslint。許多IDE裏面也有對應的檢查插件,在每次ctrl + s 保存文件的時候,檢查當前文件是否符合規範,保證代碼質量。許多團隊都會指定一套代碼規範code r

原创 chrome 開發者工具 - local overrides

使用chrome 作爲本地網絡服務 chrome 65+ 新功能, 使用我們自己的本地資源覆蓋網頁所使用的資源,可以使用本地css文件覆蓋網頁的css文件,修改樣式。 類似的,使用DevTools的工作區設置持久化,將本地的文件夾映射到網絡

原创 CSS3 transform中的Matrix(矩陣)

原創文章,轉載來自張鑫旭-鑫空間-鑫生活[http://www.zhangxinxu.com] 本文地址:http://www.zhangxinxu.com/wordpress/?p=2427 一、哥,我被你嚇住了 打架的時候會被塊頭大