原创 圖標字體的優缺點和使用

圖標字體的優勢和劣勢 優勢 輕量級:一個圖標字體要比一系列的圖像要小。一旦字體加載了,圖標就會馬上渲染出來,不需要下載一個個圖像。這樣可以減少HTTP的請求數量,而且和HTML5的離線存儲配合,可以對性能做出優化。 靈活性:不調字體可以

原创 項目中使用webpack基本的配置

什麼是 webpack webpack 可以看做是模塊打包機:它做的事情是,分析你的項目結構,找到 JavaScript 模塊以及其他的一些瀏覽器不能直接運行的擴展語言(Scss,TypeScript 等),並將其轉換和打包爲合適的格式供

原创 淺析 String 類型的 slice()、substr()、substring()方法

今天咱們來聊聊 String 類型提供的三個方便而又非常相似的截取方法: 1. slice() 2. substr() 3. substring() 它們的相似體現在兩個方面: 功能:都是截取字符串,並且都返回一個新的字符串 參數

原创 學習ES6中的函數擴展小記

函數的擴展 1. 函數參數的默認值 注意: 1. 參數變量是默認聲明的,不能用 let 和 const 再次聲明 2. 使用參數默認值時,函數不能有同名參數 3. 參數默認值不是傳值的,而是每次都重新計算默認值表達式的值。(參數默認

原创 讓我們來聊聊 jade 模板引擎

jade 模板引擎 jade 是高性能的node JavaScript模板引擎,它主要針對node的服務端 它是侵入式的模板引擎,和普通的 HTML 和 CSS 是無法共存的,強依賴的模板引擎 既然學習了 node,那怎麼可以不知道 ja

原创 vue-router中定義動態路由、嵌套路由,並動態獲取參數

路由的定義,主要有以下幾步: 如果是模塊化機制,需要調用 Vue.use(VueRouter) 定義路由組件,如: const Foo = { template: '<div>foo</div>' }; 定義路由(數組): con

原创 簡單有趣的原型語法

前些天偶然看到了一個有趣的原型語法,這種方法稍微簡化了咱們給原型對象添加方法和屬性的書寫過程,而且非常清新,給人一種一目瞭然的感覺,在這裏欣喜地和大家分享一下 先來看看我們傳統的添加原型對象的屬性、方法的方式: function Pers

原创 Web前端開發工程師必讀的15個設計博客

Web設計是一個不斷變化的領域,因此掌握最新的發展趨勢及技術動向對設計師來說非常重要,無論是學習新技術,還是尋找免費資源與工具,設計博客都是很不錯的去處。本文向Web前端開發工程師推薦15個非常不錯的技術博客。 1. Smashing