2019前端技術需要掌握的

2021-09-17 05:18:23 字數 2915 閱讀 4803

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 良好的寫作能力 廣博的學識 這個並不是真要求你要向百科全書一樣什麼都懂,而是要求你有迅速了解乙個行業知...