原创 Vue插件開發，發佈到npm並安裝使用
我們可以先查看Vue的插件的開發規範 我們開發的之後期望的結果是支持 import、require 或者直接使用 script 標籤的形式引入，就像這樣： ps: 這裏注意一下包的名字前綴是 ending ，組件的名字前綴是 end i
2020-06-24 20:23:41
原创 如何用for...of循環對象？
首先了解一下for..of..: 它是es6新增的一個遍歷方法，但只限於迭代器(iterator), 所以普通的對象用for..of遍歷 是會報錯的。下面來說明一下如何用for..of..遍歷普通對象 類數組對象 如果對象是一個類數組對
2020-06-24 20:23:41
原创 通用前端組件
往期 面試官系列(1): 如何實現深克隆 面試官系列(2): Event Bus的實現 面試官系列(3): 前端路由的實現 面試官系列(4): 基於Proxy 數據劫持的雙向綁定優勢所在 面試官系列(5): 你爲什麼使用前端框架 前言 設
2020-06-24 20:23:41
4
原创 promise的工作原理
Promise原理和使用 訪問鏈接：https://blog.csdn.net/weixin_43443341/article/details/86679231 Promise基本用法 異步加載圖片實例 Ajax異步操作實例 Prom
2020-06-24 20:23:41
原创 webpack打包原理 ? 看完這篇你就懂了 !
前言 [實踐系列] 主要是讓我們通過實踐去加深對一些原理的理解。 [實踐系列]前端路由 [實踐系列]Babel 原理 [實踐系列]實踐這一次,徹底搞懂瀏覽器緩存機制 [實踐系列]你能手寫一個 Promise 嗎？Yes I promise
2020-06-24 20:23:41
1
原创 vue-cli項目中怎麼mock數據
在vue項目中, mock數據可以使用 node 的 express模塊搭建服務 1. 在根目錄下創建 data.json文件, 用來存放模擬的 json 數據 2.在build目錄下的 dev-server.js的文件作如下更改 3
2020-06-24 20:23:25
原创 104道 CSS 面試題，助你查漏補缺
CSS 面試知識點總結 最近在整理 CSS 的時候發現遇到了很多面試中常見的面試題，本部分主要原作者在 Github 等各大論壇收錄的 CSS 相關知識和一些相關面試題時所做的筆記，分享這份總結給大家，對大家對 CSS 的可以來一次全方位
2020-03-29 03:55:31
原创 webpack打包（含面試）
1.打包入口 entry: { chunkkey:'' // 使用chunkkey擴展性好，清楚的知道入口文件對應的key } 2.處理CSS 引入css css-loader 提取css文件 extract-text-webpac
2020-03-19 06:11:25
1
原创 詳解vue-cli項目中怎麼使用mock數據
前言 注意：網上很多教程說需要在build目錄下的dev-server.js文件中配置，但目前最新的vue-cli是沒有dev-server.js這個文件的，因爲已經被合併到webpack.dev.conf.js文件中，所以直接在該文件中
2020-03-19 06:11:25
原创 Vue框架原理知識總結
前言 本文分享 vue 高頻原理面試題,覆蓋了 vue 核心實現原理,使用通俗易懂的方式讓讀者更好的理解Vue ❤️ 1.什麼是 MVVM？ MVVM 是 Model-View-ViewModel 的縮寫，MVVM 是一種設計思想。
2020-03-17 22:03:31
原创 8張圖幫你一步步看清 async/await 和 promise 的執行順序
爲什麼寫這篇文章？ 測試一下自己有沒有必要看 需要具備的前置基礎知識 主要內容 對於async await的理解 畫圖一步步看清宏任務、微任務的執行過程 爲什麼寫這篇文章？ 說實話，關於js的異步執行順序，宏任務、微任務這些，或者as
2020-03-17 22:03:31
原创 Async/Await：比Promise更好的6個理由
通過之前的幾篇文章學習Promise，我們瞭解到promise是ES6爲解決異步回調而生，避免出現這種回調地獄，那麼爲何又需要Async/Await呢？你是不是和我一樣對Async/Await感興趣以及想知道如何使用，下面一起來看看這篇文
2020-03-17 22:03:31
原创 爲什麼要用SVG？SVG與iconfont、圖片多維度對比
一、SVG是什麼？ SVG是一種可縮放矢量圖形（英語：Scalable Vector Graphics，SVG）是基於可擴展標記語言（XML），用於描述二維矢量圖形的圖形格式。SVG由W3C制定，是一個開放標準。 簡單的理解，它是圖形的另
2020-03-16 14:52:00
原创 ES5中forEach和map的區別？
相同點： 1、都是遍歷數組的每一項 2、匿名函數傳參都爲3個分別爲（item,index,arr） 3、匿名函數中的this都指向window 4、只能遍歷數組 區別： forEach不會返回數據，對數組操作會改變原數組 ，map會返回一
2020-03-16 14:52:00
原创 瀏覽器相關知識總結
一、瀏覽器是如何渲染UI的？ 瀏覽器獲取HTML文件，然後對文件進行自上而下解析，形成DOM Tree，觸發DomContendLoaded事件。 與此同時，進行CSS解析，生成Style Rules 接着將DOM Tree與Style
2020-03-16 14:52:00