原创 webpack之loader(四)

loader 用於對模塊的源代碼進行轉換。loader 可以使你在 import 或"加載"模塊時預處理文件。因此,loader 類似於其他構建工具中“任務(task)”,並提供了處理前端構建步驟的強大方法。loader 可以將文件從不同的

原创 web前端知識點(JavaScript篇)

call,apply,bind call,apply,bind這三者的區別,及內部實現原理,點這裏 promise promise函數的內部實現原理,點這裏 閉包 閉包就是能夠讀取其他函數內部變量的函數。形式上,就是一個函數返回一個內部函數

原创 web前端知識點(VUE篇)

vue是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是,Vue 被設計爲可以自底向上逐層應用。Vue 的核心庫只關注視圖層,不僅易於上手,還便於與第三方庫或既有項目整合。 vue是一個MVVM框架,MVVM是一個MVC框架的改進版

原创 Promise內部實現原理

promise內部實現原理: function $Promise(fn) { // Promise 的三種狀態 this.PENDING = 'pending' this.RESOLVED = 'resolved' thi

原创 高級前端知識點(持續更新)

js篇 call,apply,bind call,apply,bind這三者的區別,及內部實現原理,點這裏 promise promise函數的內部實現原理  異步與事件輪詢機制 JavaScript語言的核心特點就是單線程,單線程的原因主

原创 call,apply,bind的內部原理實現

call call 方法使用一個函數執行的時候更改本身 this 指向,並傳入一個或者多個參數。 var obj = { name: '$call' } function _fun() { console.log(this.nam

原创 vue 優秀組件庫(持續更新)

vue-json-views JSON展示 GitHub:https://github.com/zhaoxuhui1122/vue-json-view   mavon-editor 富文本編輯器 GitHub:https://github

原创 微信小程序之組件生命週期

組件生命週期   組件的生命週期,指的是組件自身的一些函數,這些函數在特殊的時間點或遇到一些特殊的框架事件時被自動觸發。最重要的生命週期是 created attached detached ,包含一個組件實例生命流程的最主要時間點。 組

原创 nuxtjs之前端持久登錄態

nuxtjs是一個服務端渲染的框架,它的生命週期中有僅在服務端執行的,有僅在客戶端執行的,有服務端和客戶端執行的。 我們在保存登錄態token到緩存中的時候,如果頁面不刷新跳轉,則鉤子方法在客戶端執行,token則在document對象上;

原创 npm run 同時執行多個命令

  在項目中可能需要一套代碼同時部署幾套環境,每一次改動就需要同時打包N次。這時就需要能夠一個命令同時打包多次,省去了很多麻煩。   這裏我們需要用到 concurrently 這個 npm 包,能夠實現我們要的功能。 // 首先進行安裝

原创 柯里化函數的實現

記錄柯里化函數實現的學習過程: 柯里化通常也稱部分求值,其含義是給函數分步傳遞參數,每次傳遞參數後部分應用參數,並返回一個更具體的函數接受剩下的參數,這中間可嵌套多層這樣的接受部分參數函數,直至返回最後結果。 如果要實現下面這個方法: a

原创 vuejs 預渲染插件 prerender-spa-plugin 生成多頁面 -- SEO

前端vue等框架打包的項目一般爲SPA應用,而單頁面是不利於SEO的,現在的解決方案有兩種: 1、SSR服務器渲染   瞭解服務器渲染請進,這裏不做記錄。 2、預渲染模式   這比服務端渲染要簡單很多,而且可以配合 vue-meta-inf