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()、try、catch、finally、throw。
5、字串、陣列、物件常用api。
6、正規表示式。
5.關於js高階
1、作用域、作用域鏈、閉包。
2、原型、原型鏈、繼承。
3、函式上下文、this指向。
4、js的執行機制、事件佇列和迴圈。
5、ajax原理、axios庫。
6、同步、非同步程式設計。
7、jquery原始碼學習。
6.關於瀏覽器
1、瀏覽器的構成和執行機制。
2、瀏覽器核心。
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的理解。
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
2、vuex:狀態管理、資料倉儲store
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、多工、多執行緒、多程序、協程、併發、並行、序列、同步、非同步等概念的理解。
前端學習路線 前端攻城獅,需要掌握的技術
前端並不是簡單的寫寫頁面。對於很多人來說,也許不知道前端具體是做什麼的,也不知道自己該學什麼?前端本身就是包含很多,看似也很難下手。但是學習路線明確了自然就好了,所以我就整理了一下,重點在下面 自從 node.js 的出現令前端開發擁有了控 務器的能力,也意味著前端開發向接入層邁進。而前端行業現在的...
前端需要掌握的PHP基礎
php 是 php hypertext preprocessor 的首字母縮寫,php能夠生成動態頁面內容,能夠建立 開啟 讀取 寫入 刪除以及關閉伺服器上的檔案。能夠接收表單資料。能夠傳送並取回cookie。能夠新增 刪除 修改資料庫中的資料。下面介紹一些前端用到的基礎方法 php語法以結尾,注釋...
SEOer需要掌握哪些技術?
上一次我們討論了新手如何開始學習seo?和什麼是seo和seoer?現在,我們來討論一下,作為乙個成功seoer需要掌握哪些技術!seo基礎知識 所有的seoer必須要掌握的,這個不用說。html 良好的寫作能力 廣博的學識 這個並不是真要求你要向百科全書一樣什麼都懂,而是要求你有迅速了解乙個行業知...