1、html語義化標籤的理解、結構化的理解;能否寫出簡潔的html結構;SEO優化。
2、h5中新增的屬性,如自定義屬性data、類名className等;新增表單元素;拖拽Drag。
3、h5中新增的API、修改的API、廢棄的API稍作了解(離線存儲、audio、video)。
2.關於CSS
1、CSS選擇器(三大特性)。
2、BFC機制。
3、盒模型。
4、CSS模塊化開發(封裝);SCSS和LESS的使用。
5、屏幕適配以及頁面自適應。
6、CSS3中新增的選擇器。
7、CSS3中新增的屬性,transform、trasition、animation等。
3.關於佈局
1、標準文檔流(padding + margin + 負margin)+ 浮動float + 定位 left + right + top + bottom。
2、百分比佈局:px單位用%num代替,佔父級元素的百分比。
3、flex彈性佈局:主軸、輔助軸的幾個屬性。
4、grid柵格佈局:使用框架中的類名來替代,本質上還是百分比佈局。
4.關於JS基礎
1、變量數據類型及檢測:基本 + 引用。
2、運算符:算術 + 條件 + 邏輯 + 位 + 短路、隱式轉換等。
3、條件、循環、異常處理if、switch(){case xxx:}、try、catch、finally、throw。
4、函數定義、調用方式(apply、call、直接調用);傳參:實參給形參賦值。
5、字符串、數組、對象常用API。
6、正則表達式。
5.關於JS高級
1、作用域、作用域鏈、閉包。
2、原型、原型鏈、繼承。
3、函數上下文、this指向。
4、js的運行機制、事件隊列和循環。
5、Ajax原理、axios庫。
6、同步、異步編程。
7、jQuery源碼學習。
6.關於瀏覽器
1、瀏覽器的構成和運行機制。
2、瀏覽器內核。
3、瀏覽器交互:BOM和DOM相關webApi、監聽事件。
4、瀏覽器緩存機制。
5、瀏覽器的渲染原理。
6、瀏覽器的安全性:跨域和攻擊。
7.關於網絡協議
1、HTTP協議。
2、cookie、session、token。
8.關於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的導出和導入。
9.VUE基礎
1、基本指令。
2、實例的屬性和方法。
3、實例的生命週期。
4、組件基礎:創建、註冊、添加屬性方法、套用等。
5、組件通信傳值,父子、兄弟、跨級。
6、插槽slot等。
10.VUE高級
1、vue-router:搭建SPA
-
路由、組件的配置。
-
路由間的傳值。
-
路由跳轉。
-
路由的導航守衛。
-
記住在router.js和組件頁面中的使用方式。
2、vuex:狀態管理、數據倉庫store
-
實例化倉庫的5大屬性的使用。
-
state、getters、mutations、actions、modules。
-
輔助函數mapState等,倉庫中計算屬性的映射、方便操作。
-
記住在store.js和組件中使用方式。
11.VUE深入、源碼閱讀
1、數據響應式原理。
2、virtual dom。
3、diff 算法。
4、nextTick等等。
工程能力考察
1.項目能力
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、記錄習慣養成。
2.模塊化、組件化開發能力
1、項目分類;各類文件整理、分類。
2、各類功能封裝。
3、組件和功能模塊的抽離、解耦、複用。
內功考察
1.面向對象的編程思想
1、類的抽象。
2、對象的封裝、繼承。
3、爲了更好的去管理數據、分類數據,實現高內聚、低耦合。
2.設計模式
設計模式感覺也是將面向對象思想再度抽象成現實中某些特定模式。
3.數據結構和算法
1、學習常用的排序搜索算法、順序表、鏈表、棧、隊列、樹、堆等。
2、考驗你的抽象思維和數學功底。
3、將現實需求抽象成計算機代碼的思維能力。
附加技能考察
1.學習能力
1、持續學習的態度——博客、筆記記錄。
2、技術論壇活躍度高、問答多。
3、GitHub開源項目參與。
2.瞭解一門後端語言
1、python、node.js、php等。
2、數據庫mysql、redis、mongodb;sql的操作語句、mongodb的操作語句、redis的操作語句。
3、node + express搭建本地服務等。
4、python + django + request + scrapy。
3.系統編程
1、Linux命令行操作、系統文件管理。
2、多任務、多線程、多進程、協程、併發、並行、串行、同步、異步等概念的理解