原创 JS立即執行函數理解

立即執行函數(Immediate Functions) 立即執行函數模式是一種語法,可以讓你的函數在定義後立即被執行,比如: [javascript] view plain copy (function () { al

原创 sass安裝與webstorm配置

sass安裝 sass 是一種 CSS 的開發工具,提供了許多便利的寫法,大大節省了設計者的時間,使得 CSS 的開發,變得簡單和可維護。 Sass 需使用rubygems 安裝,而因爲國內網絡原因 rubygems 會連接失敗

原创 詳解javaScript閉包

閉包(closure)是javascript語言的一個難點,也是它的特色,很多高級應用都要依靠閉包實現。 閉包的特性 函數嵌套函數 函數內部可以引用外部的參數和變量 參數和變量不會被垃圾收回機制回收 閉包的定義及優缺點 閉包是

原创 永遠的夙願

2016-09-15 永遠的夙願 忘記從前,一切重新起航,相信自己配得上所有美好的一切。 點贊 收藏 分享 文章舉報 醬爆小餅乾 發佈了21 篇原創文章 · 獲贊

原创 HTML&CSS編碼規範

HTML&CSS編碼規範 永遠遵循同一套編碼規範,不管有多少人共同參與同一項目,一定要確保每一行代碼都像是同一個人編寫的。 HTML 語法 用兩個空格來代替製表符(tab) – 這是唯一能保證在所有環境下獲得一致展現的方法。 嵌

原创 js數組去重

Javascript數組去重 indexOf去重 Array.prototype.unique1 = function() { var arr = []; for (var i = 0; i < this.

原创 Angular 2與React比較

Angular 2與React的選擇其實只是一種風格偏好。React專注於渲染速度且能夠在客戶端或原生應用內處理複雜的UI設計,而Angular 2則更具開發普適性。它既能夠引導我們逐步構建自己的應用,同時也提供一定的表現力及可複

原创 angularJS自定義指令(一)

一點小說明 指令的作用:實現語義化標籤 它就相當於爲我們寫了公共的自定義DOM元素或CLASS屬性或ATTR屬性,並且它不只是單單如此,你還可以在它的基礎上來操作scope、綁定事件、更改樣式等。通過這個Directive,我們可

原创 js重構與優化(一)

Demo . 1 //bad if (age > 20) { return true; } else { return false; } //good return age > 20; 這種一看就明白吧,沒什麼說的。 D

原创 理解BFC、IFC、GFC、FFC

什麼是fc? FC的全稱是:Formatting Contexts,是W3C CSS2.1規範中的一個概念。它是頁面中的一塊渲染區域,並且有一套渲染規則,它決定了其子元素將如何定位,以及和其他元素的關係和相互作用。 BFC Block F

原创 react-redux-webpack-express開發環境搭建

項目結構 build |-- webpack.config.js # 公共配置 |-- webpack.dev.js # 開發配置 |-- webpack.release.js

原创 js方法模塊化開發

一、原始寫法 模塊就是實現特定功能的一組方法。 只要把不同的函數(以及記錄狀態的變量)簡單地放在一起,就算是一個模塊。   function m1(){     //...   }   function m2(){     //...

原创 查詢瀏覽器版本

function getBrowserInfo() { var agent = navigator.userAgent.toLowerCase() ; var regStr_ie = /msie [\d.]+;/gi ; var reg

原创 佈局小技巧

Firefox:-moz-box- Safari:-webkit-box- Opera:-o-box- IE:-ms-box- a標籤覆蓋整個div <div class="grid"> <figure class="

原创 導入頁面字體@font-face

@font-face是CSS3中的一個模塊,他主要是把自己定義的Web字體嵌入到你的網頁中,隨着@font-face模塊的出現,IE4已支持 語法 @font-face { font-family: <YourWebFontN