原创 web前端面試題「二」- Javascript篇
*** 代表重要程度及頻率 內容正不斷迭代更新，敬請期待~ 一、Javascript基礎模塊 1. 變量類型和計算 知識點 題目 1.值類型vs引用類型、堆棧模型、深拷貝內容*** 2.typeof運算符*** 3.類型轉換
2021-03-25 01:36:22
原创 Webpack性能優化「七」-- 優化產出代碼 ***
本篇講的是 Webpack 對於優化產出代碼，也就是對於產品性能的優化， 優點：代碼體積更小；合理分包不重複加載；速度更快，內存使用更少。 懶加載 import 提取公共代碼 IgnorePlugin 避免引入無用模塊 小圖片base6
2021-03-22 18:53:04
原创 Webpack性能優化「六」-- 優化打包構建速度 ***
本篇講的是 Webpack 對於優化打包構建速度，也就是對於開發體驗和效率的優化。 有如下幾處可以優化： 優化 babel-loader IgnorePlugin 避免引入無用模塊 noParse 避免重複打包 happyPack //多
2021-03-22 18:53:04
原创 Webpack考點「八」-- 常見面試題 ***
目錄 前端爲什麼要進行打包和構建？ module chunk bundle區別 loader和plugin的區別 babel和webpack的區別 webpack如何實現懶加載 如何產出一個lib babel-polyfill babel
2021-03-22 18:53:04
原创 web前端面試題「二」-Javascript篇
*** 代表重要程度及頻率 內容正不斷迭代更新，敬請期待~ Javascript基礎模塊 1. 變量類型和計算 知識點 題目 1.值類型vs引用類型、堆棧模型、深拷貝內容*** 2.typeof運算符*** 3.類型轉換，t
2021-03-22 18:53:04
原创 2021 Web前端面試題-考點分類梳理
*** 代表重要程度及頻率 內容正不斷迭代更新，敬請期待~ 一、HTML/CSS模塊 知識點 題目 HTML 如何理解語義化？ 默認情況下，哪些是塊級元素，哪些是內聯元素? 佈局 盒模型的寬度如何計算、margin縱
2021-03-22 18:53:04
原创 認識Babel***
Babel是什麼？ 用於解析ES6，甚至比ES6更高級的語法，到ES5或ES4級別，滿足瀏覽器的兼容性 環境搭建 & 基本配置 ① package.json配置安裝： "devDependencies": { "@babel/cli":
2021-03-22 18:53:04
原创 Webpack高級配置「五」-- 懶加載 & 處理JSX & 處理vue ***
1.懶加載 abc.js 文件中定義數據： export default { message: "this is dynamic data" } 動態引入數據 - 實現懶加載： setTimeout(() => { import(
2021-01-22 02:09:30
原创 Webpack高級配置「四」-- 抽離公共代碼和第三方模塊 ***
爲什麼要抽離公共模塊、第三方模塊？ 多入口打包時引入公共部分，公共部分會進行重複打包，打包效率降低，打包文件體積變大； 第三方模塊不會改變，但頁面發生任何變動，第三方模塊都需要重新打包，通過抽離第三方模塊，頁面變動時命中緩存，只打包開發部
2021-01-22 02:09:30
1
原创 Webpack高級配置「二」-- 配置多入口
1.js文件 多入口配置： 在公共配置中配置多入口 [webpack.common.js]: entry: { index: path.join(srcPath, 'index.js'), other: path.join(srcP
2021-01-21 02:10:30
原创 Webpack高級配置「三」-- 抽離CSS文件並壓縮
本地開發環境不需要壓縮css,配置保持不變; 生產中壓縮css可以優化產出代碼，故只在生產環境進行css壓縮; 在開發和生產分別配置如下： 1.在生產配置中配置css抽離壓縮加載： 抽離css文件： 安裝分離css插件 mini-css
2021-01-21 02:10:30
原创 Webpack「一」-- 基本配置
1.拆分配置和merge webpack配置文件拆分爲： webpack.common.js 存放公共配置 webpack.dev.js 存放開發環境配置 webpack.prod.js 存放生產環境配置 開發環境 和 生產環境 分別引入
2021-01-20 02:08:53
原创 Vue原理「十八」-- computed和watch的區別及原理 ***
計算屬性 computed computed用來監控自己定義的變量，該變量不在data裏面聲明，直接在computed裏面定義，然後就可以在頁面上進行雙向數據綁定展示出結果或者用作其他處理 場景： 購物車裏面的商品列表和總金額之間的關係
2021-01-16 02:10:53
原创 Vue性能「十九」-- Vue常見優化方式 ***
合理使用v-show和 v-if 合理使用computed(緩存) v-for中加key,避免和v-if同時使用 自定義事件和DOM事件及時銷燬（否則會導致內存泄露） 合理使用異步組件（import） 合理使用緩存組件（keep-aliv
2021-01-16 02:10:53
4
原创 Vue性能「二十」-- vue常見面試題
vue常見面試題整理： 使用及原理篇： 組件間的通訊 組件生命週期 解釋MVVM 響應式原理 vue3.0 響應式原理 虛擬DOM 模板編譯 組件渲染過程 vue-router的路由模式 Vuex computed和watch的區別及原理
2021-01-16 02:10:53