原创 前端學習筆記之 瀏覽器如何渲染頁面?

前端學習筆記之 瀏覽器如何渲染頁面?從 HTML 到 DOM1. 字節流解碼2. 輸入流預處理3. 令牌化html 代碼的標記過程:遇到 script 標籤時的處理:4. 構建 DOM 樹構建 DOM 樹的步驟:從 DOM 到渲染

原创 前端基礎學習之關於 JavaScript 的數據類型

前端基礎學習之關於 JavaScript 的數據類型7中數據類型UndefinedNullBooleanNumber兩個重要值進制轉換精度問題原因解決方法StringSymbol定義補充知識:類型轉換類型轉換定義常見的觸發類型轉換

原创 基於Vue的組件化併發布到npm

基於Vue的組件化開發併發布到npm創建項目調整項目目錄結構修改打包配置編寫組件代碼編寫組件配置文件配置組件庫入口文件組件測試發佈插件庫配置package.json文件關於README.md發佈到npm服務可能的錯誤提示E401錯

原创 vue-cli配置日誌輸出及資源指引

vue-cli4.x項目vue.config.js下通過configureWebpack配置日誌輸出以及chainWebpack下配置資源引用別名。 'use strict' const path = require("path"

原创 使用 vue-cli-service inspect 來查看一個Vue CLI項目的 webpack 配置信息

–mode 指定環境模式 (默認值:development) 運行命令,在終端輸出: 開發環境:npx vue-cli-service inspect --mode development 生產環境:npx vue-cli

原创 vue-cli前端項目清理打包文件

const fs = require('fs') const path = require('path') //1.刪除舊是目錄 function deleteFolder(path) { let files = []

原创 前端學習筆記之掌握css精髓:佈局

前端學習筆記之掌握css精髓:佈局單列布局2 列布局3 列布局2列3列布局實現垂直三欄佈局 通常提到的佈局,有兩個共同點: 大多數用於 PC 端,因爲 PC 端屏幕像素寬度夠大,可佈局的空間也大; 佈局是有限空間內的元素排列方式

原创 前端學習筆記之看不見的HTML標籤

看不見的HTML標籤交互實現meta標籤:自動刷新/跳轉title 標籤與 Hack 手段:消息提醒性能優化script 標籤:調整加載順序提升渲染速度link 標籤:通過預處理提升渲染速度搜索優化meta 標籤:提取關鍵信息li

原创 基於XMLHttpRequest簡單封裝網絡請求

基於XMLHttpRequest簡單封裝網絡請求代碼使用 沒有時間加以說明,而且代碼也還很粗糙,暫時先直接上代碼,記錄着,週末有空再升級代碼並說明。 代碼 let leAxios = {} leAxios.httpRequest

原创 js MD5的6種實現方式

js MD5的6種實現方式js代碼使用 js代碼 /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Alg

原创 前端學習筆記之如何高效操作DOM元素

如何高效操作DOM元素關於DOM常見的DOM操作場景DOM的組成DOM節點與標籤和元素的區別瀏覽器的工作機制線程和進程的區別線程切換重新渲染瀏覽器渲染頁面的過程如何高效操作 DOM擴展 關於DOM DOM(Document Obj

原创 Vue引入axios報錯TypeError Cannot read property protocol of undefined

Vue引入axios報錯錯誤信息錯誤的引入方式正確的引入方式 錯誤信息 Uncaught (in promise) TypeError: Cannot read property 'protocol' of undefined

原创 前端學習筆記之 3個使用場景助你用好 DOM 事件

3個使用場景助你用好 DOM 事件防抖節流場景思路代理初始實例問題所在補充 防抖 input的輸入自動關鍵字匹配提示,通過監聽每一次輸入來出發 AJAX 請求,獲取匹配數據,但是每一次的輸入並不一定都要發起AJAX請求,此時,我們

原创 採用verdaccio搭建npm私服

採用verdaccio搭建npm私服前置條件verdaccioverdaccio簡介安裝查看verdaccionrm關於nrm安裝安裝yarn(非必須)關於yarnnrm添加源使用pm2啓動verdaccio安裝pm2守護進程工具

原创 js常用小工具

map與json互轉 map轉json 先將Map轉化爲Object; 再將Object轉爲Json 將map轉爲Object _strMapToObj(strMap) { let obj = Object.create(n