談吐對vue的理解以及webpack

2021-08-29 18:36:38 字數 441 閱讀 1283

vue.js不是乙個框架,它只聚焦檢視層,是乙個構建資料驅動的web介面的庫。

特性:輕量級

體積小,不依賴其他基礎庫;

資料繫結

指令和angularjs 可以用一些內建的簡單指令(v-*),也可以自定義指令,通過對應表示式的值的變化就可以修改對應的dom;

外掛程式化vue的核心不包含router,ajax表單驗證,但可方便地載入對應的外掛程式。

webpack2.1.0

webpack是乙個前端資源載入/打包工具。它將根據模組的依賴關係進行靜態分析,然後將這些模組按照指定的規則生成對應的

靜態資源。webpack主要處理的是js檔案,而對比之下grunt和gulp處理的是使用者任務。webpack我們主要用於專案的開發,

以及發布,是編譯vue必不可少的工具,另外,webpack的熱部署也是js開發中的神器,能夠大大提高我們質量和效率。

vue對鉤子的理解

生命週期 vue頁面生成的過程當中的不同階段 生命週期鉤子 就是可以讓你在頁面生成的不同階段執行動作的api,作用就是只要頁面到了這個階段就會觸發這個對應鉤子裡的js 總共分為8個階段建立前 後,載入前 後,更新前 後,銷毀前 後。建立前 後 在beforecreated階段,vue例項的掛載元素 ...

對 React Context 的理解以及應用

很多優秀的react元件都通過context來完成自己的功能 在react元件開發中,如果用好context,可以讓你的元件變得強大,而且靈活。簡單說就是,當你不想在元件樹中通過逐層傳遞props或者state的方式來傳遞資料時,可以使用context來實現跨層級的元件資料傳遞。使用props或者s...

對vue虛擬dom的理解

1為什麼使用虛擬dom 因為在開發中,操作原生dom是非常消耗效能的,如果某個節點發生改變時,整個容器中的內容都要被重新渲染。而虛擬dom可以很好地解決這個問題。如果一次操作中有10次更新dom的操作,虛擬dom不會立即操作dom,而是將這10次更新的diff內容儲存在本地的乙個js物件中,最終將這...