web前端開發(fā)面試必看知識(shí)點(diǎn)總結(jié)，適用：月薪15k+程序員
時(shí)間：2023-05-18 16:54:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-05-18 16:54:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)
web前端開發(fā)面試必看知識(shí)點(diǎn)總結(jié)，適用：月薪15k+程序員：針對(duì)自己工作中所掌握或了解的一些東西做了一個(gè)目錄總結(jié),方便自己復(fù)習(xí)；如果你還是一個(gè)前端新手，也可以根據(jù)以下知識(shí)點(diǎn)，看看自己缺少哪方面的知識(shí)，前端變化快，學(xué)無(wú)止境。
#基本功考察
1.關(guān)于Html- html語(yǔ)義化標(biāo)簽的理解; 結(jié)構(gòu)化的理解; 能否寫出簡(jiǎn)潔的html結(jié)構(gòu); SEO優(yōu)化
- h5中新增的屬性; 如自定義屬性data, 類名className等, 新增表單元素, 拖拽Drag
- h5中新增的API, 修改的API, 廢棄的API 稍作了解 (離線存儲(chǔ), audio, video)
2.關(guān)于CSS- CSS選擇器( 三大特性 )
- BFC機(jī)制
- 盒模型
- CSS模塊化開發(fā)(封裝); SCSS和LESS的使用
- 屏幕適配 以及 頁(yè)面自適應(yīng)
- CSS3中新增的選擇器
- CSS3中新增的屬性, transform trasition animation等…
3.關(guān)于布局- 標(biāo)準(zhǔn)文檔流(padding + margin + 負(fù)margin) + 浮動(dòng)float + 定位
- 百分比布局(流式布局): px單位 用 %num代替, 占父級(jí)元素的百分比
- flex彈性布局: 主軸 輔助軸的幾個(gè)屬性
- grid柵格布局: 使用框架中的類名來(lái)替代: 本質(zhì)上還是百分比布局
4.關(guān)于JS基礎(chǔ)- 變量數(shù)據(jù)類型及檢測(cè): 基本 + 引用
- 運(yùn)算符: 算術(shù) + 條件 + 邏輯 + 位 + 短路, 隱式轉(zhuǎn)換等
- 條件, 循環(huán), 異常處理 if switch(){case xxx:} try catch finally throw
- 函數(shù)定義, 調(diào)用方式(apply, call, 直接調(diào)用), 傳參: 實(shí)參給形參賦值
- 字符串, 數(shù)組, 對(duì)象常用API,
- 正則表達(dá)式
5.關(guān)于JS高級(jí)- 作用域, 作用域鏈, 閉包
- 原型, 原型鏈, 繼承
- 函數(shù)上下文, this指向
- js的運(yùn)行機(jī)制, 事件隊(duì)列和循環(huán)
- Ajax原理, axios庫(kù)
- 同步, 異步編程
- jQuery源碼學(xué)習(xí)
6.關(guān)于瀏覽器- 瀏覽器的構(gòu)成和運(yùn)行機(jī)制,
- 瀏覽器內(nèi)核
- 瀏覽器交互: BOM和DOM相關(guān)webApi, 監(jiān)聽(tīng)事件
- 瀏覽器緩存機(jī)制
- 瀏覽器的渲染原理
- 瀏覽器的安全性: 跨域 和 攻擊
7.關(guān)于網(wǎng)絡(luò)協(xié)議- HTTP協(xié)議
- cookie, session, token
8.關(guān)于ES6語(yǔ)法- 字符串, 數(shù)組, 對(duì)象 擴(kuò)展的api
- 變量擴(kuò)展: let const 解構(gòu)賦值 塊級(jí)作用域
- 函數(shù)擴(kuò)展: 箭頭函數(shù) 默認(rèn)參數(shù), rest參數(shù)
- 展開運(yùn)算符, 模板字符串
- set 和 map數(shù)據(jù)結(jié)構(gòu)
- 迭代器和生成器函數(shù) next 和 yield的理解
- proxy對(duì)象 屬性代理器: 屬性的讀取（get）和設(shè)置（set）相關(guān)操作
- promise對(duì)象, 異步編程的解決方案
- async + await: 異步編程的終極方案 promise + generator的語(yǔ)法糖
- class語(yǔ)法 構(gòu)造函數(shù)的語(yǔ)法糖
- 模塊化編程 export + import 的 導(dǎo)出和導(dǎo)入
9.VUE基礎(chǔ)- 基本指令
- 實(shí)例的 屬性 和 方法
- 實(shí)例的生命周期
- 組件基礎(chǔ): 創(chuàng)建,注冊(cè),添加屬性方法,套用等…
- 組件通信傳值 父子, 兄弟, 跨級(jí)
- 插槽slot 等…
10.VUE高級(jí)- vue-router: 搭建SPA
路由,組件的配置
路由間的傳值
路由跳轉(zhuǎn)
路由的導(dǎo)航守衛(wèi)
記住在router.js 和 組件頁(yè)面中的使用方式 - 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 和 組件中 使用方式
11.VUE深入, 源碼閱讀- 數(shù)據(jù)響應(yīng)式原理
- virtual dom
- diff 算法
- nextTick等等…
如果你依然在編程的世界里迷茫，不知道自己的未來(lái)規(guī)劃，打算深入了解這個(gè)行業(yè)的朋友，我們的前端學(xué)習(xí)扣qun :767273102，不論你是學(xué)生還是想轉(zhuǎn)行的朋友，我都?xì)g迎，在前端工作6年了，每晚分享干貨，網(wǎng)頁(yè)制作，網(wǎng)站開發(fā)，web全棧開發(fā)，從0基礎(chǔ)開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動(dòng)端HTML5的項(xiàng)目實(shí)戰(zhàn)【視頻＋工具＋系路線圖】都有整理，分享給小伙伴：學(xué)習(xí)前端我們是認(rèn)真的
#工程能力考察:
1.項(xiàng)目能力- vue-cli腳手架搭建 和 功能配置 vue.config.js
- webpack的常用配置
- 項(xiàng)目構(gòu)建 打包
- 熟悉各類框架的文檔…
- UI框架: Bootstrap, MUI, Element-ui等
- 常用的插件整理, 整理一個(gè)自己插件庫(kù), 封裝自己的方法庫(kù),組件庫(kù)
- 常用的工具熟練度
- PC端 和 移動(dòng)端開發(fā)注意事項(xiàng)
- 經(jīng)驗(yàn)總結(jié): 快速確定項(xiàng)目的技術(shù)選型
- 坑點(diǎn)總結(jié): 項(xiàng)目遇到坑坑坑!!!
- 項(xiàng)目中的性能優(yōu)化記錄 ( 都是細(xì)節(jié)點(diǎn)…多記錄 )
- 需求文檔的理解, 可以結(jié)合 項(xiàng)目流程圖, UML圖
- 問(wèn)題解決能力: (bug定位調(diào)試, 查找文檔, 尋求他人…)
- 記錄習(xí)慣養(yǎng)成
2.模塊化, 組件化開發(fā)能力- 項(xiàng)目分類; 各類文件整理,分類
- 各類功能封裝
- 組件和功能模塊的抽離, 解耦, 復(fù)用
#內(nèi)功考察:
1.面向?qū)ο蟮木幊趟枷?/b>
- 類的抽象
- 對(duì)象的封裝, 繼承
為了更好的去管理數(shù)據(jù), 分類數(shù)據(jù) 實(shí)現(xiàn)高內(nèi)聚, 低
2.設(shè)計(jì)模式
設(shè)計(jì)模式感覺(jué)也是 將面向?qū)ο笏枷?再度抽象成現(xiàn)實(shí)中 某些特定模式
3.數(shù)據(jù)結(jié)構(gòu)和算法
學(xué)習(xí)常用的排序搜索算法, 順序表,鏈表,棧,隊(duì)列,樹,堆 結(jié)構(gòu)等等…
考驗(yàn)?zāi)愕?抽象思維 和 數(shù)學(xué)功底了
將現(xiàn)實(shí)需求 抽象成 計(jì)算機(jī)代碼 的思維能力
#附加技能考察:
1. 學(xué)習(xí)能力
- 持續(xù)學(xué)習(xí)的態(tài)度–博客, 筆記記錄
- 技術(shù)論壇活躍度高, 問(wèn)答多
- GitHub開源項(xiàng)目參與
2. 了解一門后端語(yǔ)言
- node.js, python, php等…
- 數(shù)據(jù)庫(kù)mysql,redis,mongodb. sql的操作語(yǔ)句, mongo的操作語(yǔ)句, redis操作語(yǔ)句
- node + express 搭建本地服務(wù)等
- python + django + request + scrapy
3. 系統(tǒng)編程
- Linux命令行操作, 系統(tǒng)文件管理
- 多任務(wù), 多線程, 多進(jìn)程, 協(xié)程, 并發(fā), 并行, 串行, 同步, 異步等概念的理解
你會(huì)經(jīng)常地遇到 bug 和其它一些問(wèn)題。這可能會(huì)讓人沮喪，但你要盡量保持冷靜，并系統(tǒng)地去思考。記住實(shí)踐是解決問(wèn)題的最佳方法。
我們采集的是石頭，但是必須時(shí)刻展望未來(lái)的大教堂。
作者：編程匠工
鏈接：web前端開發(fā)面試必看知識(shí)點(diǎn)總結(jié)，適用：月薪15k+程序員_html，css，JavaScript 前端基礎(chǔ)教程-CSDN博客
關(guān)鍵詞：適用,總結(jié),月薪,程序,知識(shí),發(fā)面
在線咨詢