原创 JS - debounce(去抖) 和 throttle(節流)

定義 爲了避免某個事件在較短的時間段內(稱爲 T)內連續觸發從而引起的其對應的事件處理函數不必要的連續執行的一種事件處理機制(高頻觸發事件解決方案)debounce:當調用動作觸發一段時間後,纔會執行該動作,若在這段時間間隔內又調用此動作則

原创 微信小程序mpvue框架總結

原理架構 JSBridge 作爲native 與 JS 之間相互通信的橋樑JS部分(bridge): 在JS環境中注入 bridge 的實現代碼,包含了協議的拼裝/發送/參數池/回調池等一些基礎功能。Native部分(SDK): 在客戶端中

原创 webpack 基礎與實踐(項目優化)總結

前言:本文基於weboack4.x,主要涉及webpack4 基本概念、基本配置和實際項目打包優化。關於概念方面參考官網,常用配置來自於網絡資源,在文末有相關參考鏈接,實踐部分基於自己的項目進行優化配置。 webpack 四大概念 entr

原创 Promise 詳解

Promise 含義 Promise是異步編程的一種解決方案,比傳統的解決方案(回調函數和事件)更合合理、強大。所謂Promise,簡單來說就是一個容器,裏面保存着某個未來纔會結束的事件(通常是一個異步操作)的結果。從語法上說,Promie

原创 前端模塊化詳解

模塊化開發方便代碼的管理,提高代碼複用性,降低代碼耦合,每個模塊都會有自己的作用域。當前流行的模塊化規範有CommonJS,AMD,CMD,ES6的import/export CommonJS的主要實踐者就是nodejs,一般對模塊輸出用

原创 JS 數組常用API方法和遍歷方法總結

數組 (array) ES5 * map 語法:[].map(function(item, index, array) {return xxx})功能:遍歷數組,返回回調返回值組成的新數組,不改變原數組,不會對空數組進行檢測 forEach

原创 npm 發佈 vue 組件

創建 vue 組件 1、創建vue項目,爲了簡潔方便,推薦使用webpack-simple構建一個項目 vue init webpack-simple your-project 2、在 src 目錄下新建子目錄lib,用來放後面自己寫的所有

原创 前端解決跨域總結

CSRF (cross site request forgery)跨站請求僞造 定義 又稱XSRF,攻擊者盜用用戶身份,發送惡意請求。【冒充用戶發起請求(在用戶不知情的情況下),完成一些違背用戶意願的請求(如惡意發帖,刪帖,改密碼,發郵件等