原创 Vue 的父組件和子組件生命週期鉤子函數執行順序
Vue 的父組件和子組件生命週期鉤子函數執行順序可以歸類爲以下 4 部分： 加載渲染過程： 父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 creat
2020-07-04 02:48:00
原创 常見的前端模塊化方法（CommonJS和ES6模塊方法）
一、CommonJS Node.js是commonJS規範的主要實踐者，它有四個重要的環境變量爲模塊化的實現提供支持：module、exports、require、global。實際使用時，用module.exports定義當前模塊對外輸
2020-07-04 02:48:00
原创 promise中race和all的使用場景
Promise.race（）： race的用法：誰跑的快，以誰爲準執行回調。 race的使用場景：比如我們可以用race給某個異步請求設置超時時間，並且在超時後執行相應的操作，代碼如下： //請求某個圖片資源 function
2020-07-04 02:48:00
6
原创 如何修改chrome記住密碼後自動填充表單的黃色背景
如何修改chrome記住密碼後自動填充表單的黃色背景？ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { backgrou
2020-07-04 02:48:00
原创 移動端開發時使用到的css單位
常用：（px除外） em：定義字體大小時以父級的字體大小爲基準；定義長度單位時以當前字體大小爲基準。例父級font-size: 14px，則子級font-size: 1em;爲font-size: 14px;；若定義長度時，子級的字體大小
2020-05-23 21:50:45
原创 Promise實現紅綠燈交替重複亮
紅燈3秒亮一次，黃燈2秒亮一次，綠燈1秒亮一次；如何讓三個燈不斷交替重複亮燈？（用Promise實現）三個亮燈函數已經存在： function red() { console.log("red"); } function green
2020-05-23 21:50:45
原创 Promise中的then、catch、finally總結
總結： 1、Promise的狀態一經改變就不能再改變。 const promise = new Promise((resolve, reject) => { resolve("success1"); reject("error"
2020-05-23 21:50:45
原创 promise中race的使用技巧
race的用法：誰跑的快，以誰爲準執行回調 race的使用場景：比如我們可以用race給某個異步請求設置超時時間，並且在超時後執行相應的操作，代碼如下： //請求某個圖片資源 function requestImg(){
2020-05-19 16:00:23
原创 chrome瀏覽器中的控制檯Network中size欄狀態（from memory cache 與 from disk cache對比）
在chrome瀏覽器中的控制檯Network中size欄通常會有三種狀態： from memory cache from disk cache 資源本身的大小(如：5k) 三種的區別： from memory cache：字面理解是從內存
2020-05-15 21:35:47
原创 JavaScript去重
Array.from(new Set(arr))或[...new Set(arr)]： var arr = [1,1,2,5,6,3,5,5,6,8,9,8]; console.log(Array.from(new Set(arr)))
2020-05-15 21:35:47
原创 點擊一個input觸發的事件順序
點擊一個input觸發的事件順序： const text = document.getElementById('text'); text.onclick = function (e) { console.log('onclick')
2020-05-15 21:35:47
原创 CSS畫圓半圓扇形三角梯形
直接上代碼： div{ margin: 50px; width: 100px; height: 100px; background: red; } /* 半圓 */ .half-circle{ h
2020-05-09 23:17:35
原创 CSS三欄佈局問題
紀錄多種實現CSS三欄佈局的方法 聖盃佈局 左右兩側浮動，中間元素使用margin <div class="container"> <div class="left">Left</div> <!-- 右欄部分要寫在
2020-05-09 23:17:35
原创 重繪和重排的區別
當盒子的位置、大小以及其他屬性，例如顏色、字體大小等都確定下來之後，瀏覽器便把這些原色都按照各自的特性繪製一遍，將內容呈現在頁面上。 重繪（repaint或redraw）： 重繪是指一個元素外觀的改變所觸發的瀏覽器行爲，瀏覽器會根據元素的
2020-05-09 23:17:35
原创 JavaScript實現對樹結構數據的增刪以及樹型數據與數組的相互轉換
在日常開發中我們經常會碰到樹結構數據，以下是我的筆記： let arr =[ {id:2,name:'部門B',parentId:0}, {id:3,name:'部門C',parentId:1}, {id:1,n
2020-04-29 20:11:59