JavaScript:
作用域鏈、閉包、運(yùn)行時(shí)上下文、this
原型鏈、繼承
NodeJS基礎(chǔ)和常用API
CSS:
選擇器
瀏覽器兼容性及常見的hack處理
CSS布局的方式和原理(盒子模型、BFC、IFC等等)
CSS 3,如animation、gradient、等等
HTML:
語義化標(biāo)簽
JavaScript:
異步控制(Promise、ES6 generator、Async)
模塊化的開發(fā)方式(AMD、CMD、KMD等等)
JavaScript解釋器的一些相關(guān)知識(shí)
異步IO實(shí)現(xiàn)
垃圾回收
事件隊(duì)列
常用框架使用及其原理
jQuery:基于選擇器的框架,但個(gè)人認(rèn)為不能叫框架,應(yīng)該算工具庫,因?yàn)椴痪邆淠K加載機(jī)制,其中源碼很適合閱讀鉆研
AngularJS/Avalon等MVVM框架:著重理解MVVM模式本身的理念和雙向綁定的實(shí)現(xiàn),如何解耦
underscore:優(yōu)秀的工具庫,方便的理解常用工具代碼片段的實(shí)現(xiàn)
polymer/React: 組件化開發(fā),面向未來,理解組件化開發(fā)的原理
CSS和HTML:主要是CSS3的特性和HTML5的特性,以及瀏覽器處理的流程和繪制原理
DOM樹、CSSOM樹、渲染樹的構(gòu)建流程及頁面渲染的過程
解析HTML、CSS、JavaScript時(shí)造成的阻塞
HTML5相關(guān)
SVG及矢量圖原理
Canvas開發(fā)及動(dòng)畫原理(幀動(dòng)畫)
Video和Audio
flex box布局方式
icon fonts的使用
常用NodeJs的package:
koa
express
underscore
async
gulp
grunt
connect
request
一些理念:
響應(yīng)式Web
優(yōu)雅降級(jí)、漸進(jìn)增強(qiáng)
don`t make me think
網(wǎng)頁可用性、可訪問性、其中的意義
SEO搜索引擎優(yōu)化,了解搜索引擎的原理
SPA的好處和問題
性能優(yōu)化:
減少請(qǐng)求數(shù)量(sprite、combo)
善用緩存(application cache、http緩存、CDN、localstorage、sessionstorage,備忘錄模式)
減少選擇器消耗(從右到左),減少DOM操作(DOM和JavaScript解釋器的分離)
CSS的回流與重繪
版本管理:(首推Git,用過Git都不會(huì)想用SVN了)
Git:本地版本管理的機(jī)制
SVN:遠(yuǎn)程中心的版本管理機(jī)制
自動(dòng)化構(gòu)建:主要就是less、模板、coffee等的預(yù)處理以及對(duì)代碼壓縮和合并
Gulp:基于流構(gòu)建,速度快、模塊質(zhì)量好
Grunt:獨(dú)立任務(wù)構(gòu)建,速度慢,配置蛋疼,靈活性高
預(yù)處理和模板引擎
less:語法簡單,但功能有限
jade、ejs、velocity等模板引擎,各有各的長處
coffee:python工程師最愛,我沒用過
環(huán)境搭建:主要是將線上代碼映射到本地,并在本地啟動(dòng)一個(gè)demo服務(wù)器,至于模擬數(shù)據(jù)的mock,見仁見智了
本地代理:ihosts
自動(dòng)化測試:在業(yè)務(wù)較為穩(wěn)定的情況下,可以通過自動(dòng)化測試來減少測試的事件,但需求較多的時(shí)候,維護(hù)測試用例的成本會(huì)很高,可能用自動(dòng)化測試會(huì)起到反效果
jasmine
mocha
生態(tài)系統(tǒng)
npm
bower
spm
搭建一個(gè)屬于自己的博客
git pages
hexo
jekyll
未來
Web Componets:面向未來的組件化開發(fā)方式
HTML模板
Shadow DOM
Custom Elements
HTML Import
移動(dòng)端Native開發(fā):這也是需要了解的,以后前端工程師會(huì)經(jīng)常地和webview打交道,也要了解native開發(fā)
其他
有些東西不是考敲碼就能弄好的,我參與實(shí)習(xí)的時(shí)候感受到了很多,這些是我遇到的也是我感覺自己做的不好的地方
對(duì)于業(yè)務(wù)的思考:我個(gè)人這方面非常欠缺,所以放在最前面,在敲碼前要多思考業(yè)務(wù)
交流和溝通能力:這個(gè)非常重要,前端同時(shí)需要與項(xiàng)目經(jīng)理、產(chǎn)品、交互、后臺(tái)打交道,溝通不善會(huì)導(dǎo)致很多無用功,延緩項(xiàng)目
知識(shí)管理、時(shí)間管理:input和output的平衡,output是最好的input。如何做好分享,參與社區(qū),做好交流,作好記錄
對(duì)新技術(shù)的渴望,以及敢于嘗試
聯(lián)系客服