每次做移動端項目，都要根據(jù)設(shè)計圖規(guī)劃和設(shè)計好項目rem和px換算比例。久而久之，找到一套rem自適應(yīng)JS代碼，只要把這段js代碼最好封裝在一個單獨的js文件里，并且放在所有的...
IP屬地：北京
-
移動端項目 - Rem自適應(yīng)代碼 -rem.js -
JS 計算兩個時間戳相差年月日時分秒
// 計算兩個時間戳相差的多少年多少月多少天 calculateDiffTime() { let startTime = '1629107469000' //2021-08...
-
Vuex 狀態(tài)管理Vue組件間通信方式 Vuex核心概念和基本使用 購物車案例 模擬實現(xiàn)vuex 一、組件內(nèi)的狀態(tài)管理流程 狀態(tài)管理組成state：驅(qū)動應(yīng)用的數(shù)據(jù)源view：以聲明方式將sta...
-
Vue.js 源碼分析——模板編譯和組件化一、 模板編譯 模板編譯介紹：模板編譯的主要目的是將模板（template）轉(zhuǎn)換為渲染函數(shù)（render） 渲染函數(shù) 模板編譯的作用Vue2.x使用VNode描述視圖以及各種...
-
Vue.js 源碼分析——虛擬 DOM回顧 虛擬DOM庫 - Snabbdom[http://www.itdecent.cn/p/2c5a83ca2726] 什么是虛擬DOM虛擬DOM（Virtual Dom ...
-
Vue.js 源碼分析——響應(yīng)式原理一、準備工作 Vue源碼的獲取項目地址：https://github.com/vuejs/vue[https://github.com/vuejs/vue]Fork 一份到自...
-
手寫 Vue Router、手寫響應(yīng)式實現(xiàn)、虛擬 DOM 和 Diff 算法（二）模擬 Vue.js 響應(yīng)式原理 一、數(shù)據(jù)驅(qū)動 準備工作 數(shù)據(jù)驅(qū)動 響應(yīng)式的核心原理 發(fā)布訂閱模式和觀察者模式 數(shù)據(jù)驅(qū)動 數(shù)據(jù)響應(yīng)式、雙向綁定、數(shù)據(jù)驅(qū)動 數(shù)據(jù)響應(yīng)式數(shù)據(jù)模型僅僅...
-
手寫 Vue Router、手寫響應(yīng)式實現(xiàn)、虛擬 DOM 和 Diff 算法（一）Vue-Router 原理實現(xiàn) 一、Vue-Router 動態(tài)路由 二、Vue-Router 嵌套路由 三、Vue-Router 編程式導(dǎo)航 四、Vue-Router Has...