原创 Vue中.sync和v-model的區別

.sync和v-model的區別 v-model <!--父組件--> <template> <!--v-model 是語法糖--> <Child v-model="model"><

原创 從瀏覽器原理分析界面性能優化03---瀏覽器的垃圾回收策略

從瀏覽器原理分析界面性能優化 03—垃圾回收 其他相關文章看這裏: 瀏覽器原理與優化—總攬 瀏覽器原理與優化—網絡篇 瀏覽器原理與優化—渲染篇 前言 對於前端開發來說,JavaScript 的內存機制是一個不經常被提及的概念,因此

原创 從瀏覽器原理分析界面性能優化01

從瀏覽器原理分析界面性能優化—瀏覽器的網絡請求 衆所周知,當我們在瀏覽器的地址欄輸入一個域名並且回車後,瀏覽器就能夠進行網絡請求,然後將我們想要的界面展示出來. 但是這個過程瀏覽器到底經歷了什麼,我們又可以怎樣進行優化,這是我們今

原创 從瀏覽器原理分析界面性能優化02---萬字長文弄懂瀏覽器渲染原理

從瀏覽器原理分析界面性能優化 02—界面渲染 前言 說到性能優化,界面渲染優化是我們要注意的重中之重.想要優化我們的界面渲染,我們首先要明白界面渲染的具體流程. 我們先從幾個面試中經常出現的題目來切入這個問題: JS 解析會阻塞

原创 從瀏覽器原理分析界面性能優化00

從瀏覽器原理分析界面性能優化00 前言 提到前端總是繞不開前端的性能優化部分,而前端性能優化的難點在於不成體系,需要我們在開發過程中去注意各種細節. 最近這段時間在學習瀏覽器的原理的過程中,發現了很多知識點和我們的前端優化部分緊密

原创 Vue源碼解析06-手寫自己的Vue

Vue 源碼解析 06-手寫自己的 Vue 最近一段時間一直在研究 Vue 的源碼,突然間想寫一個乞丐的 Vue 實現,爲了理一下自己的思路,同時也作爲一個階段性的總結. 實現雙向數據綁定 Vue 雙向綁定看這裏 Vue2.0/1

原创 前端初中級面試知識框架整理

前言 基於十來天的面試經歷,大概整理了一份初中級前端的知識框架梳理,當作一個知識的整理吧.也希望可以幫到其他的同學.整理的不是很全面,如果有興趣的同學可以互相探討一下.後續會持續更新相關知識點的整理,歡迎大家一起討論進步💪 手寫

原创 Vue源碼解析05-組件化

Vue源碼解析05-組件化 前言 組件(Component)是Vue.js框架強大的功能之一,我們想要編寫一個完整、健壯的項目離不開Vue的組件,所以本渣從源碼角度梳理了一下Vue組件的創建流程,在此做簡單記錄 個人認爲Vue的組

原创 Vue源碼解析03-異步更新隊列

Vue 源碼解析03-異步更新隊列 前言 這篇文章分析了Vue更新過程中使用的異步更新隊列的相關代碼。通過對異步更新隊列的研究和學習,加深對Vue更新機制的理解 什麼是異步更新隊列 先看看下面的例子: <div id="a

原创 Vue源碼解析04——手寫虛擬DOM

手寫虛擬DOM 什麼是虛擬DOM 概念 虛擬DOM(Virtual DOM) 是對DOM的JS抽象表示,它們是JS對象,能夠描述DOM的結構和關係。應用的各種狀態變化會體現虛擬DOM上,最終映射到真實DOM。 虛擬DOM的優點

原创 Vue源碼解析02-數據響應式

Vue源碼解析02-數據響應式 開篇之前先了解幾個相關概念 MVC模式 模式簡介 MVC的全稱是Model(模型)-View(視圖)-Controller(控制器) Model:這是數據層,存儲項目所需的數據。Model的作

原创 Vue源碼解析01

Vue源碼解析01 首先來一張Vue工作流程圖,作爲整個Vue源碼解析的基礎 初始化 new Vue() 初始化創建Vue實例,初始化data、props、events等 掛載 $mount 掛載執行編譯,首次渲染、創建和追加過

原创 前端響應式佈局

前端響應式佈局 前端網頁佈局分類 ♣ 固定寬度佈局:以px爲單位設置固定的寬度; ♣ 流式佈局:以百分比爲單位設置相對佈局; ♣ 響應式佈局:通過檢測設備信息,決定網頁的佈局方式,一般情況下檢測設備的寬度來實現(CSS樣式中通過‘@med

原创 Kotlin從入門到放棄之基礎篇(五)——修飾詞、擴展、數據類

Kotlin從入門到放棄只基礎篇(五) 可見性修飾詞 在Kotlin中存在四種修飾詞:public, private,protected,internal.其中默認的修飾詞是public。它們用於修飾類、對象、接口、構造函數、屬性以及它們

原创 RN不能在安卓端運行

ReactNative挖坑筆記之 不能在安卓端運行 ReactNative在安卓端運行項目報錯:java.lang.RuntimeException: Could not get BatchedBridge, make sure your