前端知識(shí)點(diǎn)收集

JS原理

變量提升與函數(shù)提升/是什么,為什么,怎么辦
this的指向以及當(dāng)return了一個(gè)對(duì)象之后
跨域:JSONP | CORS | iframe | postMessage | Websocket | 代理服務(wù)器http-proxy-middleware

JS繼承詳解-原型式繼承,原型鏈繼承
proto和prototype理解原型鏈
JS繼承的設(shè)計(jì)思想 - 阮老師
面向?qū)ο缶幊?- 阮老師 - 構(gòu)造函數(shù)的封裝

前端模塊化-AMD規(guī)范和CommonJS規(guī)范
詳解Xhr
淺比較與is() - IMWeb團(tuán)隊(duì)

new 做了什么 - 造兵兵的例子
按語法糖的角度理解this

從作用域、上下文、作用域鏈、執(zhí)行期上下文的角度理解閉包
閉包 - 阮老師

JS內(nèi)存管理,標(biāo)記清除制度
精讀《JS中的內(nèi)存管理機(jī)制》

數(shù)組去重-ES6吊操作
call apply bind
type of & instance of
instance Of
LazyLoading 延遲加載的三種方式
箭頭函數(shù)以及為什么要謹(jǐn)慎使用它
阮老師的Promise教學(xué)-實(shí)現(xiàn)Ajax的例子

正則表達(dá)式 ES5 - 廖雪峰版本
正則表達(dá)式 ES6 - 阮老師版本


promise必知必會(huì)十道題
js數(shù)據(jù)類型的四種判斷方法
深拷貝與淺拷貝
原型/原型鏈深度解讀
原生ajax實(shí)現(xiàn)
正則表達(dá)式 - IVWEB團(tuán)隊(duì)
JS中創(chuàng)建數(shù)組的正確方式
二維數(shù)組展開
js函數(shù)解釋的過程 - 執(zhí)行期間上下文的創(chuàng)建
ajax跨域,最全解決方案 - 撒網(wǎng)要見魚
setInterval | 用setTimout模擬setInteval
不要再問我系列 - 跨域
閉包的作用
call\apply的實(shí)現(xiàn)
原型鏈和繼承
實(shí)現(xiàn)拖拽教學(xué)


自己動(dòng)手實(shí)現(xiàn)Promise - 崔鵬飛

CSS

偽類與偽元素總結(jié)
阮老師的Flex布局教學(xué)
視覺格式化模型|盒模型|BFC
BlockBox | LineBox
CSS優(yōu)先級(jí)
CSS權(quán)重計(jì)算
CSS動(dòng)畫簡(jiǎn)介 - 阮老師

Styled-Component 結(jié)合

CSS預(yù)編譯器

Flex 布局
CSS fit-content - 張?chǎng)涡?/a>
50道前端基礎(chǔ)面試題
為什么CSS那么難學(xué) - 不正交 - 方應(yīng)杭

BFC的特性及例子 - 說的不那么復(fù)雜版本
浮動(dòng) | 清除浮動(dòng)
浮動(dòng)的清理 - 方應(yīng)杭


深入理解 CSS:字體度量、line-height 和 vertical-align - 方應(yīng)杭
CSS的屬性繼承
視網(wǎng)膜屏幕

HTML

WebStorage API LocalStorage 以及不兼容時(shí)候的cookie polyfill
Cookie 和 Storage什么時(shí)候用
HTML5大綱算法


session cookie&web Storage是什么 | cookie怎么用
HTML5語義話標(biāo)簽

框架

實(shí)現(xiàn)jquery的dom選擇器

單向綁定和雙向綁定的區(qū)別,各自適合的場(chǎng)景-kuitos答案

React生命周期 v15
React組件模式-渲染會(huì)調(diào)模式
React常見面試題集合
React同構(gòu)

React 性能優(yōu)化
React Coding規(guī)范 airbnb
創(chuàng)建component的四種方式

Hook 鉤子其實(shí)就是掛載點(diǎn)
Preact


express中的router 和 app的區(qū)別
各類中間件 以及cookie-parser的用法
中間件是什么 - 胡子大哈等

以面試官的角度看React問題 (勸退)
Fiber架構(gòu)
React新的生命周期
Fiber詳細(xì)使用
React組件間的通訊 - taobaoFed團(tuán)隊(duì)
看過的Redux的最清晰的理解 - Wang Namelos回答
關(guān)于React v16.3 新生命周期 及 使用建議
面試還問redux?那我從頭手?jǐn)]源碼吧(核心篇)
Context的官方文檔

工具

webpack 的世界
gulp和webpack的區(qū)別


webpack 教程風(fēng)格篇
webpack面試題總結(jié)
webpack的工作流程-源碼解讀
webpack常見面試問題

網(wǎng)絡(luò) & 瀏覽器

HTTP狀態(tài)碼
Cookie的的機(jī)制
Cookie 和 session
UR語法
V8引擎


一張圖了解DNS域名解析過程
GET和POST的區(qū)別 - 楊光的回答
HTTPS逐層深入解釋如何加密
HTTPS小美小花小王版本
http緩存控制小結(jié) - imwweb團(tuán)隊(duì)
HTTP緩存從請(qǐng)求到響應(yīng)的一切(上) - 胡子大哈 - CDN | http緩存頭
HTTP緩存從請(qǐng)求到響應(yīng)的一切(上) - 胡子大哈 -
瀏覽器多進(jìn)程到JS單線程 | JS運(yùn)行機(jī)制的全面梳理 - 撒網(wǎng)要見魚

性能優(yōu)化 & 安全

函數(shù)是一等公民 - immutable - stateless
不簡(jiǎn)單的前端性能優(yōu)化-瀏覽器渲染流程 | 資源優(yōu)化策略 | 網(wǎng)絡(luò)優(yōu)化
瀏覽器的Reflow和Repaints以及其優(yōu)化方式
張?chǎng)涡穹g-回流與重繪
瀏覽器從輸入url到返回網(wǎng)頁 - 夭折但是前半部分講的很仔細(xì)版
從輸入 URL 到頁面加載完成的過程中都發(fā)生了什么 - AlloyTeam大佬版
從輸入 URL 到頁面加載完成的過程中都發(fā)生了什么事情 - 業(yè)界楷模版
關(guān)鍵渲染路徑


用大白話談?wù)刋SS與CSRF
V8內(nèi)存清理機(jī)制 - scavenge | mark-sweep

架構(gòu)

大型網(wǎng)站架構(gòu)演化歷程

數(shù)據(jù)可視化相關(guān)

耿直面經(jīng)

一個(gè)offer收割
CSS高頻面試題


滴滴出行前端面試總結(jié) - 2017.4 - 深拷貝|canvas|webpack與其他構(gòu)建工具
前端面經(jīng)-2018.4

主要技能樹

image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容