我認(rèn)任職XX公司XX部門(mén)，該部門(mén)后臺(tái)系統(tǒng)主要由API模塊，APP后臺(tái)模塊，算法模塊以及數(shù)據(jù)模塊組成。
后臺(tái)的所有任務(wù)通過(guò)分布式任務(wù)系統(tǒng)進(jìn)行任務(wù)管理。
整套系統(tǒng)部署在公司的私有服務(wù)器上，主要基于公司的Mysql集群和Redis集群做數(shù)據(jù)存儲(chǔ)，使用MQ集群做消息隊(duì)列，
基于ZK集群搭建高可用系統(tǒng)，前期我們服務(wù)之前的調(diào)用方式都是基于HTTP的方式，服務(wù)耦合性較高，后期我們基于Motan框架做了整個(gè)系統(tǒng)的微服務(wù)化。
1、參與Vision項(xiàng)目開(kāi)發(fā),該項(xiàng)目基于reactjs，es6，scss，nodejs等技術(shù)；
2、參與SMS項(xiàng)目的開(kāi)發(fā),負(fù)責(zé)編寫(xiě)工具欄組件、彈窗組件和下拉菜單組件,基于Angularjs框架，requirejs模塊加載器,Velocity作為服務(wù)端模版引擎,BaiduTemplate作為客戶(hù)端模版引擎;
3、參與遷移統(tǒng)計(jì)項(xiàng)目的開(kāi)發(fā),主要基于Echarts,使用ES6進(jìn)行開(kāi)發(fā)。
SMS（主機(jī)遷移服務(wù)）
（
中軟國(guó)際科技服務(wù)有限公司
）
2017.10-2018.01
-項(xiàng)目介紹：
主機(jī)遷移服務(wù)（Server Migration Service）是一種P2V/V2V遷移服務(wù)，可以幫您把X86物理服務(wù)器，或者私有云、公有云平臺(tái)上的虛擬機(jī)遷移到華為云彈性云服務(wù)器（ECS）上，從而幫助您輕松地把服務(wù)器上的應(yīng)用和數(shù)據(jù)遷移到華為云。
-負(fù)責(zé)模塊：登錄，任務(wù)管理，云平臺(tái)管理，創(chuàng)建任務(wù)，任務(wù)詳情，磁盤(pán)分區(qū)調(diào)整
-開(kāi)發(fā)環(huán)境: Windows 7, WebStorm, XAMPP
開(kāi)發(fā)環(huán)境: 操作系統(tǒng) Windows 7, 編輯器 WebStorm, 服務(wù)器 Apache
-技術(shù)棧：angular1.2.7, ui-router, requirejs,
-工作流程：
1.前期充分理解產(chǎn)品需求，輔助界面的設(shè)計(jì)及接口文檔的編寫(xiě)
2.設(shè)計(jì)圖出來(lái)后，搭好前端開(kāi)發(fā)環(huán)境，搭好項(xiàng)目架子，分好模塊，
3.div+css定位實(shí)現(xiàn)頁(yè)面布局
4.寫(xiě)好靜態(tài)頁(yè)面和樣式
5.接口文檔出來(lái)后，開(kāi)始寫(xiě)業(yè)務(wù)邏輯js，頁(yè)面交互
-工作內(nèi)容：
1.充分理解產(chǎn)品需求，輔助界面的設(shè)計(jì)及接口文檔的編寫(xiě)
1.angular指令，雙向數(shù)據(jù)綁定，服務(wù)，依賴(lài)注入，自定義，自定義組件，自定義服務(wù)，
2.單頁(yè)面應(yīng)用，頁(yè)面路由，路由的使用，路由的原理
使用ui-router配置頁(yè)面路由, 編寫(xiě)單頁(yè)面應(yīng)用
3.獲取數(shù)據(jù)ajax，fetch api
4.安全
4.1 鑒權(quán)：確保指定的用戶(hù)只能訪問(wèn)指定的數(shù)據(jù)
4.2 采用https：在傳輸?shù)倪^(guò)程中保證數(shù)據(jù)是加密的
4.3 cookie
5.組件化：對(duì)于一些需要重用的元素，抽取為一個(gè)通用的組件，參數(shù)變化和狀態(tài)變化
6.交互
用戶(hù)交互：事件，用戶(hù)交互只是改變狀態(tài)的值，即對(duì)狀態(tài)進(jìn)行操作
組件交互：狀態(tài)管理
值存在內(nèi)存里，適當(dāng)?shù)臅r(shí)機(jī)調(diào)出這些值
service管理應(yīng)用的狀態(tài)，getter,setter來(lái)存儲(chǔ)狀態(tài)的值
使用service很難跟蹤狀態(tài)的變化情況
或全局變量（不推薦）
數(shù)據(jù)存儲(chǔ)：本地，內(nèi)存
前端開(kāi)發(fā)233333333333333333333333
編輯
刪除
Vision(華為云一站式管理服務(wù)平臺(tái))
（
中軟國(guó)際科技服務(wù)有限公司
）
2017.08-2018.01
華為云業(yè)務(wù)的一站式全生命周期管理服務(wù)平臺(tái)，提供“需求->開(kāi)發(fā)->測(cè)試->發(fā)布->運(yùn)維->運(yùn)營(yíng)”的端到端協(xié)同服務(wù)。
前端開(kāi)發(fā)
項(xiàng)目鏈接: https://wa.vision.huawei.com
對(duì)編程有興趣，有熱忱，喜歡挑戰(zhàn)高難度任務(wù)，不滿(mǎn)足于復(fù)制粘貼
注重代碼的復(fù)用性，維護(hù)性，易讀性，有良好的編程規(guī)范
工作上認(rèn)真負(fù)責(zé)，有抗壓力，注重效率與質(zhì)量，追求最優(yōu)解
生活中積極樂(lè)觀，善解人意，容易相處，不傳遞負(fù)能量
有上進(jìn)心，主動(dòng)學(xué)習(xí)新技術(shù)，努力完善自己，一點(diǎn)點(diǎn)進(jìn)步
使用angularjs處理業(yè)務(wù)邏輯,狀態(tài)管理,模塊化開(kāi)發(fā)
編寫(xiě)ui組件,實(shí)現(xiàn)復(fù)用性
angular 雙向數(shù)據(jù)綁定,依賴(lài)注入,
自我評(píng)價(jià):
理性, 邏輯思維, 注重代碼的規(guī)范與整潔, 熱愛(ài)工作, 熱愛(ài)生活
熟悉MV*開(kāi)發(fā),深諳自動(dòng)化,模塊化開(kāi)發(fā)之道
自我描述:
個(gè)人雖然不是處女座,卻有一點(diǎn)處女座的毛病,非常注重代碼的格式與規(guī)范,命名規(guī)范,無(wú)法接受亂七八糟的代碼
就像生活中,會(huì)盡量保持生活環(huán)境的整潔,
作為一名程序員,非常注重代碼的整潔, 維護(hù), 優(yōu)化
個(gè)人是一個(gè)不太喜歡給人帶來(lái)麻煩的人, 所以寫(xiě)代碼的時(shí)候也會(huì)換位思考, 盡量不留坑
對(duì)自己高要求...
本人熱愛(ài)前端開(kāi)發(fā)這份工作, 不僅是因?yàn)樾愿癖容^契合, 更是喜歡遇到問(wèn)題, 解決問(wèn)題所帶來(lái)的成就感.還有工作環(huán)境的單純
本人不怕遇到問(wèn)題, 因?yàn)槲蚁矚g迎難而上.
座右銘: 乘風(fēng)破浪會(huì)有時(shí),直掛云帆濟(jì)滄海? 時(shí)時(shí)激勵(lì)自己
new:
基本信息+簡(jiǎn)單幾個(gè)字的個(gè)人特色+圍繞個(gè)人特色展開(kāi)30秒講述+成果。
寫(xiě)自我評(píng)價(jià)是自我總結(jié)和反思的過(guò)程，你的的確確需要總結(jié)一下，比如某HR只寫(xiě)了三點(diǎn)“新思路、寫(xiě)作能力、統(tǒng)計(jì)知識(shí)”，讓別人看到時(shí)，耳目一新。
應(yīng)該這樣寫(xiě):"創(chuàng)新思維，在績(jī)效管理中采用統(tǒng)計(jì)學(xué)知識(shí)，進(jìn)行人才管理梳理，搭建起可跨部門(mén)比較的歷史績(jī)效數(shù)據(jù)庫(kù)" 。
你看，這樣有總結(jié)，有實(shí)例舉證，就很容易讓人信服。還會(huì)勾起HR的思考：他/她是怎么搞出來(lái)的，約來(lái)面試聊聊。
SMS項(xiàng)目:
我在此項(xiàng)目負(fù)責(zé)了哪些工作，
分別在哪些地方做得出色/和別人不一樣/成長(zhǎng)快，
這個(gè)項(xiàng)目中，我最困難的問(wèn)題是什么，
我采取了什么措施，
最后結(jié)果如何。
這個(gè)項(xiàng)目中，我最自豪的技術(shù)細(xì)節(jié)是什么，為什么，
實(shí)施前和實(shí)施后的數(shù)據(jù)對(duì)比如何，同事和領(lǐng)導(dǎo)對(duì)此的反應(yīng)如何。
SMS項(xiàng)目:
2018年3月至10月,我參與了SMS項(xiàng)目的開(kāi)發(fā), 我在此項(xiàng)目負(fù)責(zé)界面開(kāi)發(fā)工作，主要使用的是Angularjs框架(SMS是華為云上的一個(gè)服務(wù),為了保持風(fēng)格統(tǒng)一,規(guī)定使用angular), 結(jié)合requirejs技術(shù)實(shí)現(xiàn)模塊化開(kāi)發(fā),
工作內(nèi)容主要包括: 靜態(tài)頁(yè)面編寫(xiě)(html+css),數(shù)據(jù)獲取(ajax), 業(yè)務(wù)邏輯編寫(xiě)(javascript), 部分ui組件編寫(xiě)(angularjs), 瀏覽器兼容性處理(ie9以上), 前端性能優(yōu)化, 前后端聯(lián)調(diào)及bug修改.
在開(kāi)發(fā)過(guò)程中, 我遇到很多問(wèn)題, 以及一些難點(diǎn): 比如磁盤(pán)分區(qū)調(diào)整,數(shù)據(jù)請(qǐng)求異步(), 涉及到很多聯(lián)動(dòng), 還有一些奇奇怪怪的顯示問(wèn)題,
但是我通過(guò)查看報(bào)錯(cuò)信息,斷點(diǎn)調(diào)試,查看網(wǎng)絡(luò)請(qǐng)求,抓包分析(fiddler) 等方式定位問(wèn)題,分析問(wèn)題,充分發(fā)揮主觀能動(dòng)性解決問(wèn)題, 最后通過(guò)谷歌,stackoverflow,參考技術(shù)博客,查閱書(shū)籍,請(qǐng)教同事等方式,
充分發(fā)揮主觀能動(dòng)性, 調(diào)動(dòng)一切主客觀條件, 找到解決方法, 最后按時(shí)完成了界面開(kāi)發(fā), 保證了項(xiàng)目順利上線(xiàn).
總結(jié): 通過(guò)這個(gè)項(xiàng)目,我熟悉了angularjs的用法,更深刻的理解JavaScript, 包括JavaScript異步機(jī)制, 瀏覽器運(yùn)行原理, JavaScript底層原理等, 了解http請(qǐng)求的過(guò)程,
為學(xué)習(xí)其他框架打下了基礎(chǔ).
vision項(xiàng)目:
2017年7月至12月, 我參與了vision項(xiàng)目的開(kāi)發(fā), 主要負(fù)責(zé)界面開(kāi)發(fā)工作, 由于這個(gè)項(xiàng)目是公司內(nèi)部項(xiàng)目, 沒(méi)有規(guī)定技術(shù), 所以我和同事結(jié)合項(xiàng)目和我們自身情況,選擇了比較熱門(mén)的react,redux,es6,webpack等技術(shù),
工作內(nèi)容主要包括: 開(kāi)發(fā)環(huán)境搭建
(軟件安裝,編輯器安裝,IDE配置,配置npm的全局路徑, nodejs安裝,git安裝,webpack安裝以及各種loader,plugin安裝, webpack配置,babel配置,gitignore, 熱加載,代理,mock server搭建,http靜態(tài)服務(wù)器),
輔助界面設(shè)計(jì)及接口文檔的編寫(xiě), 界面開(kāi)發(fā)(編寫(xiě)react組件,redux狀態(tài)管理,),es6模塊化,? 路由分塊,解決首屏加載慢的問(wèn)題,,,,,,,服務(wù)端渲染在一定程度上能夠減少首頁(yè)白屏的時(shí)間，同時(shí)對(duì)于SEO也具有很重要的作用
錯(cuò)誤調(diào)試,改bug,
問(wèn)題: 在此項(xiàng)目中,我們比較完整的使用目前比較流行的前端工程化開(kāi)發(fā), 開(kāi)發(fā)過(guò)程中, 遇到各種配置問(wèn)題, 各種坑, 最后經(jīng)過(guò)努力, 都解決了.
總結(jié): 通過(guò)這個(gè)項(xiàng)目, 我更加深刻的理解了react全家桶的用法, 并且通過(guò)與此前angular技術(shù)的對(duì)比,對(duì)狀態(tài)管理, 設(shè)計(jì)模式,繼承,閉包,原型等有了更深入的了解...對(duì)異步編程有了更深的理解,深刻體會(huì)函數(shù)式編程思想
js 缺乏類(lèi)型系統(tǒng)，導(dǎo)致我們無(wú)法通過(guò)工具來(lái)在開(kāi)發(fā)的過(guò)程中檢測(cè)到那些可能會(huì)發(fā)生的錯(cuò)誤，也無(wú)法通過(guò)具體的類(lèi)型定義來(lái)約束別人如何調(diào)用自己寫(xiě)的代碼庫(kù)。數(shù)據(jù)驅(qū)動(dòng)視圖的開(kāi)發(fā)方式
用了企業(yè)中常用的一些性能優(yōu)化，比如使用React官方提供的庫(kù) **react-addons-pure-render-mixin** ，
打包、構(gòu)建、編程工具、debug等等前端環(huán)境，以及前后端分離、Nodejs中間層使用伸展面。
node工具鏈(打包構(gòu)建), 中間層, 服務(wù)端開(kāi)發(fā)
目前是所有的web頁(yè)面都是Node作為中間層，替換了php的渲染，中間自然有很多的困難要克服，但整體上來(lái)說(shuō)開(kāi)發(fā)的效率還是大大提升，
不需要在配置php的環(huán)境，也不用在關(guān)心各種環(huán)境的依賴(lài)，整體上自己的一個(gè)獨(dú)立的服務(wù)，使用接口的形式和服務(wù)端通信。
那么三板斧為何會(huì)用到，主要是目前國(guó)內(nèi)最常見(jiàn)的mobile的web頁(yè)面，基本在微信里面流傳，然后這些頁(yè)面還需要一定的數(shù)據(jù)交互，而且這種頁(yè)面的特點(diǎn)就是短平快，不需要那么嚴(yán)謹(jǐn)，
這種頁(yè)面特別適合前端自己一擼到底，前后端通吃，接上 MongoDB當(dāng)做數(shù)據(jù)庫(kù)，
基本兩三天之內(nèi)就能開(kāi)發(fā)一個(gè)活動(dòng)頁(yè)面出來(lái)，不需要對(duì)其他服務(wù)有任何依賴(lài)，包括微信授權(quán)都可以自己搞定，工作量其實(shí)比對(duì)接其他語(yǔ)言服務(wù)大不了多少，某些方面，我個(gè)人認(rèn)為還減少了很多的溝通成本。
Webpack dev server 是一個(gè)輕量的node.js express服務(wù)器，實(shí)現(xiàn)了 webpack 編譯代碼實(shí)時(shí)輸出更新。webpack的HMR功能集成
分別在哪些地方做得出色/和別人不一樣/成長(zhǎng)快，
這個(gè)項(xiàng)目中，我最困難的問(wèn)題是什么，
我采取了什么措施，
最后結(jié)果如何。
這個(gè)項(xiàng)目中，我最自豪的技術(shù)細(xì)節(jié)是什么，為什么，
實(shí)施前和實(shí)施后的數(shù)據(jù)對(duì)比如何，同事和領(lǐng)導(dǎo)對(duì)此的反應(yīng)如何。
博客園講師管理系統(tǒng):
2016年3月至12月, 我參與了博客園講師管理系統(tǒng)的開(kāi)發(fā), 主要負(fù)責(zé)界面開(kāi)發(fā)工作,工作內(nèi)容主要包括:
總結(jié): 通過(guò)這個(gè)項(xiàng)目,我首次大量使用JavaScript開(kāi)發(fā), 熟悉了jQuery庫(kù), 以及一系列jQuery插件,包括富文本編輯器,圖片上傳等等插件,熟悉了js模板引擎,js模塊化開(kāi)發(fā),
了解了部分php的使用,更加熟悉前后端分離開(kāi)發(fā)模式,
每一角落網(wǎng)上商城:
2015年9月至2016年2月, 我參與了每一角落項(xiàng)目網(wǎng)上商城項(xiàng)目的開(kāi)發(fā), 主要負(fù)責(zé)前端開(kāi)發(fā)工作, 這是我正式參與的首個(gè)項(xiàng)目,主要使用了HTML,css等技術(shù),
工作內(nèi)容包括: 這是我正式參與的首個(gè)項(xiàng)目, 主要負(fù)責(zé)靜態(tài)頁(yè)面的開(kāi)發(fā), 頁(yè)面交互動(dòng)態(tài)效果, 比如: 輪播圖,導(dǎo)航欄菜單等等, 響應(yīng)式布局
總結(jié): 通過(guò)這個(gè)項(xiàng)目, 我熟悉了HTML,css的用法, JavaScript? dom操作,
針對(duì)校園APP的后臺(tái)管理系統(tǒng)，包括人員架構(gòu)，信息統(tǒng)計(jì)，權(quán)限設(shè)置，H5生產(chǎn)機(jī)，數(shù)據(jù)交換平臺(tái)，各個(gè)模塊的數(shù)據(jù)管理，反饋設(shè)置等等，為高校提供基于互聯(lián)網(wǎng)運(yùn)營(yíng)的移動(dòng)校園整體解決方案。
一站式、全生命周期的校園官方移動(dòng)服務(wù)平臺(tái)，涵蓋PC、安卓、IOS、微信平臺(tái)，上線(xiàn)學(xué)校包括中央財(cái)經(jīng)大學(xué)，北京交通大學(xué)，中國(guó)戲曲學(xué)院，遼寧大學(xué)，西南財(cái)經(jīng)大學(xué)等等，下載量數(shù)十萬(wàn)，深受學(xué)生老師喜愛(ài)。
加載及渲染速度
CodeMirror 這個(gè)輪子（我在它上面封裝了七八個(gè)模塊），然而這個(gè)輪子的文檔寫(xiě)得并不好，很多時(shí)候我們會(huì)遇到
CodeMirror 這個(gè)輪子（我在它上面封裝了七八個(gè)模塊），然而這個(gè)輪子的文檔寫(xiě)得并不好，很多時(shí)候我們會(huì)遇到
可以啊，這就是一個(gè)問(wèn)題，但是你的描述思路要更清晰一些。比如遇到問(wèn)題-》之前不知道-》查詢(xún)很多資料（用啥？是否看英文資料？是否溯本追源去查找文檔？）-》學(xué)習(xí)了解了（理解了物理像素和 CSS 像素的區(qū)別）-》得到了 XX 的解決方案-》是否沉淀下來(lái)（是否寫(xiě)成了博客？或者把實(shí)現(xiàn)的代碼做了抽象并貢獻(xiàn)出來(lái)？）如果這個(gè)過(guò)程描述下來(lái)，面試官會(huì)比較滿(mǎn)意。
意義就是產(chǎn)品上線(xiàn)了啊. 寫(xiě)代碼的意義從來(lái)都是滿(mǎn)足實(shí)際需求而不是為了解決編程難題啊. 難道開(kāi)公司招碼農(nóng)的意義是創(chuàng)造并解決編程難題? 你這樣反問(wèn)面試官就好了啊.
看過(guò)哪些書(shū)?
為什么要問(wèn)http/瀏覽器呢？前端開(kāi)發(fā)離不開(kāi)瀏覽器；和后臺(tái)通信離不開(kāi)HTTP。
如果一個(gè)前端技術(shù)人員，連200/300/400/500系列狀態(tài)碼都搞不清楚，能算是一個(gè)合格的前端工程師嗎？
JSONP實(shí)現(xiàn)方式，如何解決跨域，HTTP常用的請(qǐng)求方式有哪些，瀏覽器如何渲染頁(yè)面
這些問(wèn)題，都應(yīng)該是前端人考慮和必須重視的。如果回答的好，自然非常加分。
當(dāng)然，如果有框架經(jīng)驗(yàn)，比如react, angular或者vue之類(lèi)，自然也加分。
只是，一旦面試同學(xué)說(shuō)，很精通某個(gè)框架，那么，我會(huì)問(wèn)該框架某些特性的原理，注意，是原理，不是如何使用。
比如，angular1臟檢查機(jī)制，vue生命周期等等。考察一個(gè)人對(duì)框架的掌握程度，不是做過(guò)多少項(xiàng)目，而是，你對(duì)它理解的深度！
工作描述：
2017年7月至12月，我參與了Vision項(xiàng)目的開(kāi)發(fā)，主要負(fù)責(zé)界面開(kāi)發(fā)工作，由于這個(gè)項(xiàng)目是公司內(nèi)部項(xiàng)目，沒(méi)有規(guī)定技術(shù)，所以我和同事結(jié)合項(xiàng)目和我們自身情況，選擇了比較熱門(mén)的React，Redux，ES6，Webpack等技術(shù)。
工作內(nèi)容主要包括: 開(kāi)發(fā)環(huán)境搭建(軟件安裝,編輯器安裝,IDE配置,配置npm的全局路徑, nodejs安裝,git安裝,webpack安裝以及各種loader,plugin安裝, webpack配置,babel配置,gitignore, 熱加載,代理,mock server搭建,http靜態(tài)服務(wù)器),
輔助界面設(shè)計(jì)及接口文檔的編寫(xiě), 界面開(kāi)發(fā)(編寫(xiě)react組件,redux狀態(tài)管理,),es6模塊化, 路由分塊,解決首屏加載慢的問(wèn)題,,,,,,,服務(wù)端渲染在一定程度上能夠減少首頁(yè)白屏的時(shí)間，同時(shí)對(duì)于SEO也具有很重要的作用
錯(cuò)誤調(diào)試,改bug,
問(wèn)題: 在此項(xiàng)目中,我們比較完整的使用目前比較流行的前端工程化開(kāi)發(fā), 開(kāi)發(fā)過(guò)程中, 遇到各種配置問(wèn)題, 各種坑, 最后經(jīng)過(guò)努力, 都解決了.
總結(jié): 通過(guò)這個(gè)項(xiàng)目, 我更加深刻的理解了react全家桶的用法, 并且通過(guò)與此前angular技術(shù)的對(duì)比,對(duì)狀態(tài)管理, 設(shè)計(jì)模式,繼承,閉包,原型等有了更深入的了解...對(duì)異步編程有了更深的理解,
js 缺乏類(lèi)型系統(tǒng)，導(dǎo)致我們無(wú)法通過(guò)工具來(lái)在開(kāi)發(fā)的過(guò)程中檢測(cè)到那些可能會(huì)發(fā)生的錯(cuò)誤，也無(wú)法通過(guò)具體的類(lèi)型定義來(lái)約束別人如何調(diào)用自己寫(xiě)的代碼庫(kù)。
打包、構(gòu)建、編程工具、debug等等前端環(huán)境，以及前后端分離、Nodejs中間層使用伸展面。
node工具鏈(打包構(gòu)建), 中間層, 服務(wù)端開(kāi)發(fā)
目前是所有的web頁(yè)面都是Node作為中間層，替換了php的渲染，中間自然有很多的困難要克服，但整體上來(lái)說(shuō)開(kāi)發(fā)的效率還是大大提升，
不需要在配置php的環(huán)境，也不用在關(guān)心各種環(huán)境的依賴(lài)，整體上自己的一個(gè)獨(dú)立的服務(wù)，使用接口的形式和服務(wù)端通信。
那么三板斧為何會(huì)用到，主要是目前國(guó)內(nèi)最常見(jiàn)的mobile的web頁(yè)面，基本在微信里面流傳，然后這些頁(yè)面還需要一定的數(shù)據(jù)交互，而且這種頁(yè)面的特點(diǎn)就是短平快，不需要那么嚴(yán)謹(jǐn)，
這種頁(yè)面特別適合前端自己一擼到底，前后端通吃，接上 MongoDB當(dāng)做數(shù)據(jù)庫(kù)，
基本兩三天之內(nèi)就能開(kāi)發(fā)一個(gè)活動(dòng)頁(yè)面出來(lái)，不需要對(duì)其他服務(wù)有任何依賴(lài)，包括微信授權(quán)都可以自己搞定，工作量其實(shí)比對(duì)接其他語(yǔ)言服務(wù)大不了多少，某些方面，我個(gè)人認(rèn)為還減少了很多的溝通成本。
Webpack dev server 是一個(gè)輕量的node.js express服務(wù)器，實(shí)現(xiàn)了 webpack 編譯代碼實(shí)時(shí)輸出更新。webpack的HMR功能集成
項(xiàng)目經(jīng)驗(yàn)流水和廢話(huà)太多。（基于div+css布局，html5語(yǔ)義化+css3）我認(rèn)為用「XX + XX 語(yǔ)言 配合 XX 框架 ，利用XX技術(shù)完成該項(xiàng)目/模塊」來(lái)解釋你的項(xiàng)目開(kāi)發(fā)過(guò)程更好，然后用一小段話(huà)總結(jié)你的項(xiàng)目所得。
所以，請(qǐng)慎重填寫(xiě)技術(shù)名詞，最好每個(gè)技術(shù)名詞附加一個(gè)更加詳細(xì)的使用點(diǎn)。比如你說(shuō)你懂Redis，
那么請(qǐng)這樣寫(xiě)：熟悉Redis的常規(guī)操作，對(duì)Redis五種數(shù)據(jù)類(lèi)型、pub\sub模式有較深入的理解，并將Redis應(yīng)用在系統(tǒng)的緩存層以及秒殺系統(tǒng)中
（如果你這樣寫(xiě)，多半面試官會(huì)問(wèn)你關(guān)于秒殺的細(xì)節(jié)，你就可以提前準(zhǔn)備這方面的知識(shí)了）；
你需要挑選有代表性的項(xiàng)目，每個(gè)公司1到2個(gè)項(xiàng)目為佳。項(xiàng)目經(jīng)驗(yàn)、描述把握一個(gè)原則，求質(zhì)不求量。
深度描述你在每個(gè)項(xiàng)目里的職責(zé)。推薦大家重點(diǎn)描述項(xiàng)目遇到了什么問(wèn)題，你是如何解決的，或者是從業(yè)務(wù)、設(shè)計(jì)上巧妙規(guī)避或者是用什么技術(shù)來(lái)解決這個(gè)問(wèn)題的。
比如使用任務(wù)隊(duì)列異步解耦訂單的處理；使用Redis的pub\sub來(lái)做定時(shí)器，避免長(zhǎng)連接輪詢(xún)；前端使用事件注冊(cè)機(jī)制傳遞參數(shù)避免類(lèi)與類(lèi)之間的耦合等。
一個(gè)項(xiàng)目里技術(shù)點(diǎn)太多了，選擇你認(rèn)為最重要或者你最得意的技術(shù)點(diǎn)來(lái)描述項(xiàng)目是非常好的做法。
SMS項(xiàng)目
項(xiàng)目描述：
工作內(nèi)容：
1.HTML結(jié)合css完成靜態(tài)頁(yè)面編寫(xiě),頁(yè)面布局,高度還原設(shè)計(jì)圖;
2.JavaScript語(yǔ)言配合angularjs框架,添加交互效果,數(shù)據(jù)渲染(數(shù)據(jù)綁定),完成業(yè)務(wù)邏輯開(kāi)發(fā);
3.ajax+json($http服務(wù))與后臺(tái)進(jìn)行數(shù)據(jù)交互;
4.requirejs實(shí)現(xiàn)模塊化開(kāi)發(fā),按功能劃分模塊;
5.grunt打包編譯;
6.ng-router路由系統(tǒng),單頁(yè)面應(yīng)用;
總結(jié)：這個(gè)項(xiàng)目是首次使用框架,對(duì)以下知識(shí)點(diǎn)有了很多的理解, 體會(huì)到了相對(duì)于jQuery, dom操作的便利,數(shù)據(jù)渲染的便利,
對(duì)雙向數(shù)據(jù)綁定,自定義服務(wù),依賴(lài)注入,控制器,MVC設(shè)計(jì)模式,前端路由,指令系統(tǒng),事件委托機(jī)制,
對(duì)于如何把數(shù)據(jù)與視圖的轉(zhuǎn)換有了更多的經(jīng)驗(yàn);
http請(qǐng)求,
angularjs:
1.自定義指令, 使用AngularJS擴(kuò)展HTML的功能
2.$q與promise object異步編程,$apply,$digest,$watch,
3.雙向數(shù)據(jù)綁定(觀察者模式,數(shù)據(jù)的監(jiān)視實(shí)現(xiàn),監(jiān)聽(tīng)隊(duì)列$watch,臟檢查(Dirty Checking)機(jī)制$digest, 會(huì)遍歷所有的 $watch。從而更新DOM), 取代dom操作
4.臟檢查機(jī)制
5.依賴(lài)注入
6.service,Controller,scope,template(HTML),DependencyInjection（依賴(lài)注入）
其強(qiáng)大之處主要是可以把靜態(tài)頁(yè)面與動(dòng)態(tài)數(shù)據(jù)綁定起來(lái),來(lái)更新數(shù)據(jù)
你只需要專(zhuān)注你的數(shù)據(jù)和模板就夠了，他們之間怎么填充，angular把這些做好了，也就是剝離了view層對(duì)contorller，mdoel層的影響，下面就是angular官方給出的區(qū)別
可以更專(zhuān)注于業(yè)務(wù)邏輯的開(kāi)發(fā)
js工作原理, angular工作原理
總結(jié):
jq操作DOM結(jié)構(gòu),從而進(jìn)行更新頁(yè)面
通過(guò)js改寫(xiě)DOM,更新view
分層架構(gòu): 邏輯層, 工具層, 服務(wù)
發(fā)布過(guò)程: 環(huán)境配置,代碼部署,nginx配置,域名解析
Angular 基于HTML的大而全的MVC框架,MVVM
React:
基于js的視圖層框架,只關(guān)注頁(yè)面的顯示
視圖層框架
組件化
JSX表達(dá)式
虛擬DOM,只有在需要的時(shí)候,才去操作dom
視圖層框架:
一個(gè)構(gòu)建用戶(hù)界面的框架
聲明式框架(只要聲明就行了,只要定義好數(shù)據(jù)和dom之間的對(duì)應(yīng)關(guān)系就好了,相對(duì)的是命令式框架,需要手動(dòng)指揮怎么渲染,怎么調(diào)用,? 函數(shù)式編程)
數(shù)據(jù)驅(qū)動(dòng)dom,再用事件反饋給數(shù)據(jù)
組件化開(kāi)發(fā):
組件組合而不是繼承(不是傳統(tǒng)的面對(duì)對(duì)象的方式,通過(guò)組件繼承實(shí)現(xiàn)代碼的封裝)
state$$props
生命周期
JSX:
一種JS擴(kuò)展的表達(dá)式
帶有邏輯的標(biāo)記語(yǔ)法,有別于HTML模板
對(duì)樣式,邏輯表達(dá)式和事件的支持
虛擬DOM:
對(duì)DOM進(jìn)行模擬(虛擬dom保存在內(nèi)存中)
比較操作前后的數(shù)據(jù)差異
如有數(shù)據(jù)差異,統(tǒng)一操作dom
減少重復(fù)渲染
React在減少重復(fù)渲染方面確實(shí)是有一套獨(dú)特的處理辦法，那就是virtual DOM，但顯示在首次渲染的時(shí)候React絕無(wú)可能超越原生的速度。因此，我們?cè)谧鰞?yōu)化的時(shí)候，接下來(lái)可以做的事情就是：
首屏?xí)r間可能會(huì)比較原生的慢一些，但可以嘗試用React Server Render (又稱(chēng)Isomorphic)去提高效率
通過(guò)學(xué)習(xí)react:
高階組件,函數(shù)式編程,flux架構(gòu)
虛擬dom, diff算法
數(shù)據(jù)邏輯與業(yè)務(wù)邏輯解耦
Vue 基于hmtl的視圖層框架
目前更加追求代碼的優(yōu)雅性, 性能優(yōu)化, 高度愉悅的體驗(yàn)性
致力于追求更加賞心悅目的代碼,從面向過(guò)程到面向?qū)ο?到函數(shù)式編程,最近在看<JavaScript框架設(shè)計(jì)>等書(shū)籍,希望...最佳實(shí)踐,更加專(zhuān)業(yè)的代碼,培養(yǎng)編程思維,解放思想,追求極致的用戶(hù)體驗(yàn)
希望能夠有機(jī)會(huì)與大神共事
Vision項(xiàng)目:
項(xiàng)目描述:
一站式全生命周期管理服務(wù)平臺(tái)，提供“需求->開(kāi)發(fā)->測(cè)試->發(fā)布->運(yùn)維->運(yùn)營(yíng)”的端到端協(xié)同服務(wù)。
工作描述:
1.
總結(jié): react, redux,react-router,webpack,中間件,高階組件,flux架構(gòu),函數(shù)式編程,虛擬dom,diff算法
