摘要：繼承性子標(biāo)簽會(huì)繼承父標(biāo)簽樣式優(yōu)先級(jí)行內(nèi)樣式選擇器類選擇器標(biāo)簽選擇器通配符繼承機(jī)制創(chuàng)建了的元素中，在垂直方向上的會(huì)發(fā)生重疊。

技能考察：

一、關(guān)于Html

1、html語(yǔ)義化標(biāo)簽的理解; 結(jié)構(gòu)化的理解; 能否寫出簡(jiǎn)潔的html結(jié)構(gòu); SEO優(yōu)化

 a、理解：根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語(yǔ)義化），選擇合適的標(biāo)簽（代碼語(yǔ)義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)
        讓瀏覽器的爬蟲和機(jī)器很好地解析。結(jié)構(gòu)化：頭部header、側(cè)欄sider、主體內(nèi)容main、尾部footer.
 b、作用：沒有css，也能呈現(xiàn)內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu)；用戶體驗(yàn)；有利于SEO;方便設(shè)備解析；利于團(tuán)隊(duì)開發(fā)和維護(hù)；

2、h5中新增的屬性; 如自定義屬性data, 類名className等, 新增表單元素, 拖拽Drag

 a、在html標(biāo)簽自定義屬性"data-xxx",js可以通過dataset設(shè)置"data-xxx"自定義屬性
 b、新增表單元素：datalist、keygen、output

3、h5中新增的API, 修改的API, 廢棄的API 稍作了解 (離線存儲(chǔ), audio, video)

a、localStorage:一直存儲(chǔ)在本地，直到手動(dòng)清除;
   sessionStorage:頁(yè)面關(guān)閉則緩存清空;
b、audio音頻（兼容蘋果用touchstart）、video視頻

二、關(guān)于CSS

1、CSS選擇器( 三大特性 )

a、層疊性：標(biāo)簽的多個(gè)重復(fù)的樣式，一個(gè)屬性會(huì)覆蓋另外一個(gè)屬性，比如設(shè)置一個(gè)紅色背景,一個(gè)黃色背景，只能取其一。
b、繼承性：子標(biāo)簽會(huì)繼承父標(biāo)簽樣式
c、優(yōu)先級(jí)：!important>行內(nèi)樣式>id選擇器>類選擇器>標(biāo)簽選擇器>通配符>繼承

2、 BFC機(jī)制

a、創(chuàng)建了BFC的元素中，在垂直方向上的margin會(huì)發(fā)生重疊。根元素就是一個(gè)BFC元素（這個(gè)可以解釋margin重疊）
b、BFC元素在頁(yè)面上是一個(gè)獨(dú)立的容器，外面的元素和里面的元素互不影響。
c、BFC元素不會(huì)和浮動(dòng)的元素重疊。（這個(gè)可以解釋兩欄自適應(yīng)）
d、計(jì)算BFC元素高度時(shí)，里面浮動(dòng)元素

3、 盒模型

a、框模型，包含了元素內(nèi)容（content）、內(nèi)邊距（padding）、邊框（border）、外邊距（margin）幾個(gè)元素。
b、元素框的總寬度 = 元素（element）的width + padding的左邊距和右邊距的值 + margin的左邊距和右邊距的值 + border的左右寬度；
   元素框的總高度 = 元素（element）的height + padding的上下邊距的值 + margin的上下邊距的值 ＋ border的上下寬度。
c、w3c標(biāo)準(zhǔn)盒模型:  width和height不包括padding和border
   ie盒模型:  width和height包含padding和border

4、CSS模塊化開發(fā)(封裝); SCSS和LESS的使用

a、scss安裝使用npm,less使用ruby

5、屏幕適配 以及 頁(yè)面自適應(yīng)

a、百分比布局
b、文字大小用rem
c、媒體查詢

6、CSS3中新增的選擇器

子元素選擇器，相鄰兄弟選擇器，通用兄弟選擇器，群組選擇器

7、CSS3中新增的屬性, transform trasition animation等...

a、transform: translate,translateX,translateY在水平方向、垂直方向或者兩個(gè)方向上平移元素
b、transform: scale、scaleX、scaleY在水平方向、垂直方向或者兩個(gè)方向上縮放元素
c、transform: rotate 旋轉(zhuǎn)元素
d、transform: skew,skewX,skewY在水平方向、垂直方向或者兩個(gè)方向上使元素傾斜一定的角度
e、transform: matrix

三、關(guān)于布局

標(biāo)準(zhǔn)文檔流(padding + margin + 負(fù)margin) + 浮動(dòng)float + 定位

百分比布局(流式布局): px單位 用 %num代替, 占父級(jí)元素的百分比

flex彈性布局: 主軸 輔助軸的幾個(gè)屬性

grid柵格布局: 使用框架中的類名來(lái)替代: 本質(zhì)上還是百分比布局

四、關(guān)于JS基礎(chǔ)

1. 變量數(shù)據(jù)類型及檢測(cè):  基本 + 引用
2. 運(yùn)算符: 算術(shù) + 條件 + 邏輯 + 位 + 短路, 隱式轉(zhuǎn)換等        
3. 條件, 循環(huán), 異常處理  if  switch(){case xxx:} try catch finally throw  
4. 函數(shù)定義, 調(diào)用方式(apply, call, 直接調(diào)用), 傳參: 實(shí)參給形參賦值
5. 字符串, 數(shù)組, 對(duì)象常用API,  
6. 正則表達(dá)式

五、關(guān)于JS高級(jí)

1. 作用域, 作用域鏈, 閉包
2. 原型, 原型鏈, 繼承
3. 函數(shù)上下文, this指向
4. js的運(yùn)行機(jī)制, 事件隊(duì)列和循環(huán)
5. Ajax原理, axios庫(kù)
6. 同步, 異步編程
7. jQuery源碼學(xué)習(xí)

六、關(guān)于瀏覽器

 1. 瀏覽器的構(gòu)成和運(yùn)行機(jī)制, 
 2. 瀏覽器內(nèi)核
 3. 瀏覽器交互: BOM和DOM相關(guān)webApi, 監(jiān)聽事件
 4. 瀏覽器緩存機(jī)制
 5. 瀏覽器的渲染原理
 6. 瀏覽器的安全性: 跨域 和 攻擊

七、關(guān)于網(wǎng)絡(luò)協(xié)議

   1. HTTP協(xié)議
   2. cookie, session, token

八、關(guān)于ES6語(yǔ)法

   1. 字符串, 數(shù)組, 對(duì)象 擴(kuò)展的api
   2. 變量擴(kuò)展: let const 解構(gòu)賦值 塊級(jí)作用域
   3. 函數(shù)擴(kuò)展: 箭頭函數(shù) 默認(rèn)參數(shù), rest參數(shù)
   4. 展開運(yùn)算符, 模板字符串
   5. set 和 map數(shù)據(jù)結(jié)構(gòu)
   6. 迭代器和生成器函數(shù) next 和 yield的理解
   7. proxy對(duì)象  屬性代理器: 屬性的讀?。╣et）和設(shè)置（set）相關(guān)操作
   8. promise對(duì)象, 異步編程的解決方案
   9. async + await: 異步編程的終極方案 promise + generator的語(yǔ)法糖
   10. class語(yǔ)法  構(gòu)造函數(shù)的語(yǔ)法糖
   11. 模塊化編程  export + import 的 導(dǎo)出和導(dǎo)入

九、VUE基礎(chǔ)

   1. 基本指令
   2. 實(shí)例的 屬性 和 方法
   3. 實(shí)例的生命周期
   4. 組件基礎(chǔ): 創(chuàng)建,注冊(cè),添加屬性方法,套用等...
   5. 組件通信傳值  父子, 兄弟, 跨級(jí)
   6. 插槽slot 等...

十、VUE高級(jí)

   1. vue-router: 搭建SPA
       路由,組件的配置
       路由間的傳值
       路由跳轉(zhuǎn)
       路由的導(dǎo)航守衛(wèi)

       記住在router.js 和 組件頁(yè)面中的使用方式        

   2. vuex: 狀態(tài)管理: 數(shù)據(jù)倉(cāng)庫(kù)store    
       實(shí)例化倉(cāng)庫(kù)的5大屬性的使用
       state, getters, mutations, actions, modules
       輔助函數(shù)mapState等..., 倉(cāng)庫(kù)中計(jì)算屬性的映射, 方便操作

       記住在 store.js 和 組件中 使用方式

十一、VUE深入, 源碼閱讀

   1. 數(shù)據(jù)響應(yīng)式原理
   2. virtual dom
   3. diff 算法
   4. nextTick等等...   


    

工程能力考察：

一、項(xiàng)目能力

   1. vue-cli腳手架搭建 和 功能配置 vue.config.js    
   2. webpack的常用配置 
   3. 項(xiàng)目構(gòu)建 打包
   4. 熟悉各類框架的文檔...
   5. UI框架: Bootstrap, MUI, Element-ui等
   6. 常用的插件整理, 整理一個(gè)自己插件庫(kù), 封裝自己的方法庫(kù),組件庫(kù)
   7. 常用的工具熟練度
   8. PC端 和 移動(dòng)端開發(fā)注意事項(xiàng)
   9. 經(jīng)驗(yàn)總結(jié): 快速確定項(xiàng)目的技術(shù)選型
   10. 坑點(diǎn)總結(jié): 項(xiàng)目遇到坑坑坑!!!
   11. 項(xiàng)目中的性能優(yōu)化記錄 ( 都是細(xì)節(jié)點(diǎn)...多記錄 )
   12. 需求文檔的理解, 可以結(jié)合 項(xiàng)目流程圖, UML圖
   13. 問題解決能力: (bug定位調(diào)試, 查找文檔, 尋求他人...)
   14. 記錄習(xí)慣養(yǎng)成

二、模塊化, 組件化開發(fā)能力

   1. 項(xiàng)目分類; 各類文件整理,分類
   2. 各類功能封裝
   3. 組件和功能模塊的抽離, 解耦, 復(fù)用

內(nèi)功考察：

一、面向?qū)ο蟮木幊趟枷?/p>

   1. 類的抽象
   2. 對(duì)象的封裝, 繼承
       為了更好的去管理數(shù)據(jù), 分類數(shù)據(jù)     實(shí)現(xiàn)高內(nèi)聚, 低耦合

二、設(shè)計(jì)模式

  設(shè)計(jì)模式感覺也是 將面向?qū)ο笏枷?再度抽象成現(xiàn)實(shí)中 某些特定模式

三、數(shù)據(jù)結(jié)構(gòu)和算法

   學(xué)習(xí)常用的排序搜索算法, 順序表,鏈表,棧,隊(duì)列,樹,堆 結(jié)構(gòu)等等...
   考驗(yàn)?zāi)愕?抽象思維 和 數(shù)學(xué)功底了
   將現(xiàn)實(shí)需求 抽象成 計(jì)算機(jī)代碼 的思維能力

附加技能考察：

一. 學(xué)習(xí)能力

持續(xù)學(xué)習(xí)的態(tài)度--博客, 筆記記錄

技術(shù)論壇活躍度高, 問答多

GitHub開源項(xiàng)目參與

二. 了解一門后端語(yǔ)言

python, node.js, php等...

數(shù)據(jù)庫(kù)mysql,redis,mongodb. sql的操作語(yǔ)句, mongo的操作語(yǔ)句, redis操作語(yǔ)句

node + express 搭建本地服務(wù)等

python + django + request + scrapy

三. 系統(tǒng)編程

Linux命令行操作, 系統(tǒng)文件管理

多任務(wù), 多線程, 多進(jìn)程, 協(xié)程, 并發(fā), 并行, 串行, 同步, 異步等概念的理解