原创 stylus用法

stylus stylus是一款 CSS 的預處理器,使用它可以創建健壯的、動態的、富有表現力的CSS。 用法 # install npm install stylus -g # watch and complie stylus

原创 javascript 正則表達式 不包含

問題:去除字符串中的標籤,但不包括<br> '<p>No one should be alone in their old age.<br></p>' .replace(/<((?!br).)*?>/g, '') // 結果 "N

原创 統計代碼字數

引用 http://www.phpied.com/quick-stats-on-html-js-css-sizes/ 如果你想統計文件中html,css,javascript的數量可以用下面的代碼。 // 統計文件中代碼的數量

原创 dns-prefetch性能優化

dns-prefetch性能優化 轉載地址 dns-prefetch, 是DNS預獲取,也是網頁前端的優化的一種技術。一般在前端優化中與DNS有關的兩點:1、減少請求次數,2、提前對DNS預獲取。DNS作爲互聯網的基礎協議

原创 base64編碼

base64編碼 base64編碼表 組成:大些字母(26)+ 小寫字母(26)+ 數字(10) + “+”(1) + “/”(1) Base64編碼說明  Base64編碼要求把3個8位字節(3*8=24)轉化爲4個6位的字節(

原创 linux 常見應用

默認的圖片查看工具 eog 屏幕錄製工具gif2mp4 可以錄製gif 或者 mp4 圖片編輯 pinta 默認文件管理 nuatilus 視頻播放器smplayer 計算器bc 翻譯 trans copy to cutborad

原创 linux 命令行快捷鍵

原文地址 方向 <-前 後 -> 刪除 ctrl + d 刪除光標所在位置後的字符 ctrl + h 刪除光標所在位置前的字符 ctrl + k 刪除光標

原创 瀏覽器報錯:ReferenceError: require is not defined

我們使用babel把es6轉化爲es5的時候,會把import 轉化爲 var _es = require('math'); 採用require引用的commomjs形式。 瀏覽器端不識別requrie,nodejs環境可以識別。 b

原创 雙飛翼佈局

雙飛翼佈局:實現效果和聖盃一樣,只是實現的方式有所區別。留白的方式不同(在主要區域內部留白) * { box-sizing: border-box; } body { backgroun

原创 事件

js 中 onclick事件的觸發方式: 鼠標點擊, tab 獲取焦點後,按enter spance 鍵。 不只是鼠標點擊纔會觸發 事件綁定 html 中通過 onclick 綁定的代碼是執行的JavaScript代

原创 編碼原則

什麼是高內聚低耦 總體結構上分解系統 底層上提煉抽象層 模塊間單向依賴 軟件工程原則 面向對象設計 單一職責原則(single responsibility principle) 重用 便於單元測試 維護 開放和封閉原則(op

原创 git 操作

git 查看某一個文件的歷史記錄 git log -p – path 使用git提交代碼前要配置賬戶信息(用戶名和郵箱) 在項目根目錄下執行 git config –global user.name “” git co

原创 左右經典佈局

左右兩列:一列寬度固定,一列寬度自適應 * { box-sizing :border-box; } body { background-color: #ddd; text-alig

原创 函數命名

轉摘地址 get 獲取/set 設置, add 增加/remove 刪除 create 創建/destory 移除 start 啓動/stop 停止 open 打開/close 關閉, r

原创 網頁設計中常用的Web安全字體

引用地址 1, Arial 微軟公司的網頁核心字體之一,最常用的sans serif字體,當字號很小時不容易閱讀。但是,大寫的“I”和小寫的“l”是無法區別的,你可以考慮用Tahoma字體來替代。 (蘋果系統沒有這種字體,但有一種