原创 事件委託、函數節流及函數防抖

概念 函數防抖（debounce） 當調用動作過n毫秒後，纔會執行該動作，若在這n毫秒內又調用此動作則將重新計算執行時間 如果一個事件被頻繁觸發多次，並且觸發的時間間隔過短，則防抖函數可以使得對應的事件處理函數只執行一次 函數節流（t

2018-09-03 18:33:07

原创 原生js實現路由跳轉

var regexps = [ /[\-{}\[\]+?.,\\\^$|#\s]/g, /\((.*?)\)/g, /(\(\?)?:\w+/g, /\*\w+/g, ] function extractRoute (

2018-09-03 18:33:07

原创 ES6 小知識

定義變量/常量 ES6 中新增加了 let 和 const 兩個命令，let 用於定義變量，const 用於定義常量。兩個命令與原有的 var 命令所不同的地方在於，let, const 都是塊級作用域，其有效範圍僅在代碼塊中，實例如下

2018-09-03 18:33:07

原创 web前端開發規範

規範目的： 爲提高團隊協作效率, 便於添加功能及前端後期優化維護, 輸出高質量的代碼, 特制訂此文檔。 本規範一經確認, 前端開發人員必須按本規範進行開發. 本文檔如有錯誤或不合適的地方請及時提出, 經討論決定後方可更改。 通用規

2018-09-03 18:33:06

原创 移動端幾個問題解決方案

解決頁面使用 overflow: scroll 在 iOS 上滑動卡頓的問題? 首先你可能會給頁面的 html 和 body 增加了 height: 100%, 然後就可能造成 IOS 上頁面滑動的卡頓問題。解決方案是： (1)

2018-09-03 18:33:06

原创 反序列化自動填寫表單

反序列化自動填寫表單 form表單結構 <form id="fs"> <div class="field"> <label>name</label> <input type="text" name="name">

2018-09-03 18:33:06

原创 vue 雙向數據綁定功能實現

本文將仿寫一個 vue 雙向數據綁定的實例。原理  vue 的雙向數據綁定原理，主要是通過Object對象的 defineProperty屬性，重寫data 的set和get函數實現。本文將簡要實現v-model, v-bind, v-c

2018-09-03 18:33:06 3

原创 input輸入框內容變化實時監聽

js實現的文本框內容發生改變立馬觸發事件簡單介紹:本章節介紹一下如何在文本框的內容發生變化的時候，立馬觸發一個事件執行響應的操作，而不是像是keydown或者keyup事件一樣，只能夠檢測通過鍵盤輸入導致內容的變化， 下面就通過代碼實例做

2018-09-03 18:33:05 3

原创 H5 截屏 (canvas2html / dom-to-image)

場景描述： 移動端調用 iscroll 插件的長頁面實現完整截屏 問題： dom-to-image 插件出現 input 的單選框和複選框選中項截屏生成的圖片無值。 解決方案： 修改的方法： function copyUserInput(

2018-09-03 18:33:05 1

原创 cli 搭建Vue 環境

0、安裝淘寶鏡像 $ npm install -g cnpm –registry=https://registry.npm.taobao.org 1、 npm初始化 $ npm init 2、 webpack配置 主

2018-09-03 18:33:04 1