筆記整理)與vue相關的問題總結(8) 2

2021-10-04 22:01:18 字數 1729 閱讀 8097

webpack和vue.js的關係

效能優化 - 檢視 webpack 打包後所有的依賴關係(webpack 視覺化工具)

webpack優化 :

vue和webpack的一點點了解

vue的主要作用是當資料發生改變時使用虛擬dom來更改某一dom節點,避免將整個頁面渲染。

1.關於vue,像他是一種元件化的輕量級框架,它是基於什麼前端設計模式的。

vue基於元件化的開發方式,用於構建使用者介面的漸進式的js框架,自底層向上逐層應用,

vue的雙向繫結(你可以說這是vue最大的好處)

雙向資料繫結是在單向的基礎上給可輸入元素(input、textare)新增change(input)事件,來動態修改model和view

實現資料繫結的方法:

發布者-訂閱者模式(backbone.js)

髒值檢查(angular.js)

資料劫持(vue.js)

mvvm

m - model,指的是模型,也就是資料,v - view,指的是檢視,也就是頁面展現的部分。

通常,我們需要編寫**,將從伺服器獲取的資料進行「渲染」,展現到檢視上。每當資料有變更時,我們會再次進行渲染,從而更新檢視,使得檢視與資料保持一致。

另一方面,頁面也會通過使用者的互動,產生狀態、資料的變化,這個時候,我們則編寫**,將檢視對資料的更新同步到資料,

以致於同步到後台伺服器。也就是不同的前端 mv* 框架對於這種 model 和 view 間的資料同步有不同的處理。

vuejs 則使用 es5 提供的 object.defineproperty() 方法,監控對資料的操作,從而可以自動觸發資料同步。

並且,由於是在不同的資料上觸發同步,可以精確的將變更傳送給繫結的檢視,而不是對所有的資料都執行一次檢測。

vue,webpack,node間的關係

⑤npm是社群、不光是node能用的庫、很多前端的庫也在裡面發布、很多人會前端通常也就會一些node的東西

⑥grunt,gulp,webpack這些只是工具,幫助我們前端完成複雜的開發,提高效率。你完全可以不用,如果不會的話還強行用只會加慢你的開發效率,而違背了初衷。

2.想學vue還得先學會npm? 沒有npm還不能用vue了嗎?

沒有npm也可以使用vue,vue只是乙個前端框架。

3.npm又是隨node安裝的工具,還要學node?node不是伺服器端的嗎?關前端什麼事?

node是js的服務執行環境,前端常常借助 node幫助前端實現工程化。

很多任務具是基於node的,比如說你說的webpack,grunt。

總的來說,你還是可以按照原先的開發方式來開發自己的應用,當然考慮引進工具一些先進的理念方法來協助開發。

node,webpack,vue這些概念不應該成為自己開發中的阻礙,而是在自己在面臨一些問題時的利劍。這些概念的學習需要一天一天的來,畢竟一口吃不成個胖子 :)

node是乙個環境配置檔案,當配置node的時候npm也附帶在node上。

webpack是乙個包管理工具,他可以將vue.js進行打包或解析

傳統專案只需要起後台服務即可(可順利呼叫後台api),

現在的前端專案大多通過webpack管理,webpack又是基於node,node是乙個執行在伺服器端的js環境,

瀏覽器本身不支援的scss、es6/es7語法、typescript等都可在node這通過工具包npm去解決.因此前端專案起的node服務一般是為了解決這些問題。

另外前端知識:

u center相關學習筆記和問題整理

1.資訊 現error txbuf alloc的錯誤資訊內容。解決方案 可能是之前配置了錯誤的內容,可以恢復預設設定,在ubx cfg中選擇revert to default configuration,應該就可以恢復正常。參考 2.nmea資訊表示的內容 gprmc 推薦定位資訊 gpgga gp...

vue 元件以及 vue元件檔案的相關整理

test div template export default 區域性元件註冊,通過import匯入 props 資料傳遞 data computed 計算屬性 watch methods 方法 filters 區域性過濾器 僅僅本元件使用 directives 區域性自定義指令 僅僅本元件使用 ...

面試總結 閉包相關問題與繼承相關的問題

一 閉包 閉包的概念 就是能夠讀取其他函式內部變數的函式 閉包的用處 1.讀取函式內部的變數2.讓這些變數的值始終儲存在記憶體中 閉包的缺點 1.造成記憶體的洩露。二 繼承 1.原型鏈繼承2.借用建構函式繼承3.組合繼承4.原形式繼承5.寄生式繼承6.寄生組合式繼承 借用建構函式 思想 在子型別建構...