原创 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字體來替代。 (蘋果系統沒有這種字體,但有一種