摘要：繼承性子標簽會繼承父標簽樣式優先級行內樣式選擇器類選擇器標簽選擇器通配符繼承機制創建了的元素中，在垂直方向上的會發生重疊。

技能考察：

一、關于Html

1、html語義化標簽的理解; 結構化的理解; 能否寫出簡潔的html結構; SEO優化

 a、理解：根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便于開發者閱讀和寫出更優雅的代碼的同時
        讓瀏覽器的爬蟲和機器很好地解析。結構化：頭部header、側欄sider、主體內容main、尾部footer.
 b、作用：沒有css，也能呈現內容結構、代碼結構；用戶體驗；有利于SEO;方便設備解析；利于團隊開發和維護；

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

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

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

a、localStorage:一直存儲在本地，直到手動清除;
   sessionStorage:頁面關閉則緩存清空;
b、audio音頻（兼容蘋果用touchstart）、video視頻

二、關于CSS

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

a、層疊性：標簽的多個重復的樣式，一個屬性會覆蓋另外一個屬性，比如設置一個紅色背景,一個黃色背景，只能取其一。
b、繼承性：子標簽會繼承父標簽樣式
c、優先級：!important>行內樣式>id選擇器>類選擇器>標簽選擇器>通配符>繼承

2、 BFC機制

a、創建了BFC的元素中，在垂直方向上的margin會發生重疊。根元素就是一個BFC元素（這個可以解釋margin重疊）
b、BFC元素在頁面上是一個獨立的容器，外面的元素和里面的元素互不影響。
c、BFC元素不會和浮動的元素重疊。（這個可以解釋兩欄自適應）
d、計算BFC元素高度時，里面浮動元素

3、 盒模型

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

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

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

5、屏幕適配 以及 頁面自適應

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

6、CSS3中新增的選擇器

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

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

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

三、關于布局

標準文檔流(padding + margin + 負margin) + 浮動float + 定位

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

flex彈性布局: 主軸 輔助軸的幾個屬性

grid柵格布局: 使用框架中的類名來替代: 本質上還是百分比布局

四、關于JS基礎

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

五、關于JS高級

1. 作用域, 作用域鏈, 閉包
2. 原型, 原型鏈, 繼承
3. 函數上下文, this指向
4. js的運行機制, 事件隊列和循環
5. Ajax原理, axios庫
6. 同步, 異步編程
7. jQuery源碼學習

六、關于瀏覽器

 1. 瀏覽器的構成和運行機制, 
 2. 瀏覽器內核
 3. 瀏覽器交互: BOM和DOM相關webApi, 監聽事件
 4. 瀏覽器緩存機制
 5. 瀏覽器的渲染原理
 6. 瀏覽器的安全性: 跨域 和 攻擊

七、關于網絡協議

   1. HTTP協議
   2. cookie, session, token

八、關于ES6語法

   1. 字符串, 數組, 對象 擴展的api
   2. 變量擴展: let const 解構賦值 塊級作用域
   3. 函數擴展: 箭頭函數 默認參數, rest參數
   4. 展開運算符, 模板字符串
   5. set 和 map數據結構
   6. 迭代器和生成器函數 next 和 yield的理解
   7. proxy對象  屬性代理器: 屬性的讀取（get）和設置（set）相關操作
   8. promise對象, 異步編程的解決方案
   9. async + await: 異步編程的終極方案 promise + generator的語法糖
   10. class語法  構造函數的語法糖
   11. 模塊化編程  export + import 的 導出和導入

九、VUE基礎

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

十、VUE高級

   1. vue-router: 搭建SPA
       路由,組件的配置
       路由間的傳值
       路由跳轉
       路由的導航守衛

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

   2. vuex: 狀態管理: 數據倉庫store    
       實例化倉庫的5大屬性的使用
       state, getters, mutations, actions, modules
       輔助函數mapState等..., 倉庫中計算屬性的映射, 方便操作

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

十一、VUE深入, 源碼閱讀

   1. 數據響應式原理
   2. virtual dom
   3. diff 算法
   4. nextTick等等...   


    

工程能力考察：

一、項目能力

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

二、模塊化, 組件化開發能力

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

內功考察：

一、面向對象的編程思想

   1. 類的抽象
   2. 對象的封裝, 繼承
       為了更好的去管理數據, 分類數據     實現高內聚, 低耦合

二、設計模式

  設計模式感覺也是 將面向對象思想 再度抽象成現實中 某些特定模式

三、數據結構和算法

   學習常用的排序搜索算法, 順序表,鏈表,棧,隊列,樹,堆 結構等等...
   考驗你的 抽象思維 和 數學功底了
   將現實需求 抽象成 計算機代碼 的思維能力

附加技能考察：

一. 學習能力

持續學習的態度--博客, 筆記記錄

技術論壇活躍度高, 問答多

GitHub開源項目參與

二. 了解一門后端語言

python, node.js, php等...

數據庫mysql,redis,mongodb. sql的操作語句, mongo的操作語句, redis操作語句

node + express 搭建本地服務等

python + django + request + scrapy

三. 系統編程

Linux命令行操作, 系統文件管理

多任務, 多線程, 多進程, 協程, 并發, 并行, 串行, 同步, 異步等概念的理解