css區
一：BFC的相關：
BFC的概念？
了解：CSS2.1 中只有 BFC 和 IFC, css3中還增加了 GFC 和 FFC，
BFC 定義：
BFC（Block formatting context）直譯為“塊級格式背景關系”， 它是一個獨立渲染區域，只有BLOCK-LEVEL BOX參與， 他規定內部的BLOCK-LEVEL BOX如何布局， 并與這個區域外部不相干
如何開啟元素的BFC？
1、設定元素浮動 float
2、設定元素絕對定位 position: absolute;
3、設定元素為inline-block
4、將元素的overflow設定為一個非visible的值
推薦方式：將overflow設定為hidden是副作用最小的開啟BFC的方式，
BFC有什么作用呢？當開啟元素的BFC以后，元素將會具有那些特性：
1、父元素的垂直外邊距不會和子元素重疊
2、開啟BFC的元素不會被浮動元素所覆寫
3、開啟BFC的元素可以包含浮動的子元素
二：類與ID的區別：
1、使用范圍不同：
CLASS屬性允許向一組在CLASS屬性上具有相同值的元素應用宣告，BODY內的所有元素都有CLASS屬性，ID屬性的操作類似于CLASS屬性，ID屬性的值在整篇檔案中必須是唯一的，
2、表示方法不同：
CLASS類選擇器以標志符（句點）開頭，用于指示后面是哪種型別的選擇器，對于類選擇器，之所以選擇句點是因為在很多編程語言中它與術語“類”相關聯，翻譯成英語，標志符表示“帶有類名的元素”，ID選擇器的標志符是散列符號（#），標志符用來提醒瀏覽器接下來出現的是ID值，
3、用途不同：
可以使用CLASS屬性來分類元素，ID屬性用來標記檔案中唯一元素，
JS區
三：原型，原型鏈，繼承
1.原型：
JavaScript 規定，每一個建構式都有一個 prototype 屬性，指向另一個物件，這個物件的所有屬性和方法，都會被建構式所擁有
2.物件原型
使用建構式創建出的物件都會有一個屬性_proto_，它指向建構式的 prototype 原型物件，原型物件里面也有一個 constructor 屬性 ，它指回建構式本身，
3.簡述原型鏈原理及作用：
1.當訪問一個物件的成員時，首先查找這個物件自身有沒有該成員，
2.如果沒有就查找它的原型物件
3.如果還沒有就查找原型物件的原型（Object的原型物件），
4.依此類推一直找到 Object 為止（null），
__proto__物件原型的意義就在于為物件成員查找機制提供一個方向，或者說一條路線，而這條路線就是原型鏈
4.原型鏈繼承的本質
重寫原型物件，代之是一個新型別的實體.
5.繼承的方法：
1.原型鏈繼承；2.建構式繼承；3.組合繼承； 4.原型式繼承； 5.寄生式繼承 ；6.寄生組合式繼承；
6.繼承原理：
通過讓子類的原型等于父類的實體，來實作繼承，
優點：繼承了超型別的建構式的所有屬性和方法，
缺點：1、在創建子類實體時，無法向超型別的建構式傳參，繼承單一，
2、所有新實體都會共享父類實體的屬性，
（原型上的屬性是共享的，一個實體修改了原型參考型別的屬性，另一個實體的原型屬性也會被修改！）
四.Ajax的優缺點：
優點： 減輕服務器的負擔, 按需取資料,最大程度的減少冗余請求，
區域重繪頁面, 減少用戶心理和實際的等待時間,帶來更好的用戶體驗，
基于xml標準化, 并被廣泛支持,
不需安裝插件等， 進一步促進頁面和資料的分離
缺點：.對搜索引擎支持較弱，
安全問題較大
AJAX不能很好支持移動設備，
客戶端復雜，太多客戶端代碼造成開發上的成本，
vue區
五：vue常用指令？
v-model 多用于表單元素實作雙向資料系結（同angular中的ng-model）
v-bind 動態系結 作用： 及時對頁面的資料進行更改
v-on:click 給標簽系結函式，可以縮寫為@，例如系結一個點擊函式 函式必須寫在methods里面
v-for 格式： v-for="欄位名 in(of) 陣列json" 回圈陣列或json(同angular中的ng-repeat)
v-show 顯示內容 （同angular中的ng-show）
v-hide 隱藏內容（同angular中的ng-hide）
v-if 顯示與隱藏 （dom元素的洗掉添加 同angular中的ng-if 默認值為false）
v-else-if 必須和v-if連用
v-else 必須和v-if連用 不能單獨使用 否則報錯 模板編譯錯誤
v-text 決議文本
v-html 決議html標簽
v-bind:class 三種系結方法 1、物件型 '{red:isred}' 2、三元型 'isred?"red":"blue"' 3、陣列型 '[{red:"isred"},{blue:"isblue"}]'
v-once 進入頁面時 只渲染一次 不在進行渲染
v-cloak 防止閃爍
v-pre 把標簽內部的元素原位輸出
六：Vue的基本原理
1、建立虛擬DOM Tree，通過document.createDocumentFragment()，遍歷指定根節點內部節點，根據{{ prop }}、v-model等規則進行compile；
2、通過Object.defineProperty()進行資料變化攔截；
3、截取到的資料變化，通過發布者-訂閱者模式，觸發Watcher，從而改變虛擬DOM中的具體資料；
4、通過改變虛擬DOM元素值，從而改變最后渲染dom樹的值，完成雙向系結
完成資料的雙向系結在于Object.defineProperty()
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/395138.html
標籤：其他
上一篇：JS--作用域--詳解/實體
下一篇：JS--閉包--作用/用途/原理