我認(rèn)任職XX公司XX部門涮俄，該部門后臺系統(tǒng)主要由API模塊通砍，APP后臺模塊卑硫，算法模塊以及數(shù)據(jù)模塊組成球昨。

后臺的所有任務(wù)通過分布式任務(wù)系統(tǒng)進行任務(wù)管理尔店。

整套系統(tǒng)部署在公司的私有服務(wù)器上，主要基于公司的Mysql集群和Redis集群做數(shù)據(jù)存儲主慰，使用MQ集群做消息隊列嚣州，

基于ZK集群搭建高可用系統(tǒng)，前期我們服務(wù)之前的調(diào)用方式都是基于HTTP的方式共螺，服務(wù)耦合性較高该肴，后期我們基于Motan框架做了整個系統(tǒng)的微服務(wù)化。

1藐不、參與Vision項目開發(fā),該項目基于reactjs沙庐，es6，scss佳吞，nodejs等技術(shù)；

2棉安、參與SMS項目的開發(fā),負(fù)責(zé)編寫工具欄組件底扳、彈窗組件和下拉菜單組件,基于Angularjs框架，requirejs模塊加載器,Velocity作為服務(wù)端模版引擎,BaiduTemplate作為客戶端模版引擎;

3贡耽、參與遷移統(tǒng)計項目的開發(fā),主要基于Echarts,使用ES6進行開發(fā)衷模。

SMS（主機遷移服務(wù)）

（

中軟國際科技服務(wù)有限公司

）

2017.10-2018.01

-項目介紹：

主機遷移服務(wù)（Server Migration Service）是一種P2V/V2V遷移服務(wù)，可以幫您把X86物理服務(wù)器蒲赂，或者私有云阱冶、公有云平臺上的虛擬機遷移到華為云彈性云服務(wù)器（ECS）上，從而幫助您輕松地把服務(wù)器上的應(yīng)用和數(shù)據(jù)遷移到華為云滥嘴。

-負(fù)責(zé)模塊：登錄木蹬，任務(wù)管理，云平臺管理若皱，創(chuàng)建任務(wù)镊叁，任務(wù)詳情尘颓，磁盤分區(qū)調(diào)整

-開發(fā)環(huán)境: Windows 7, WebStorm, XAMPP

開發(fā)環(huán)境: 操作系統(tǒng) Windows 7, 編輯器 WebStorm, 服務(wù)器 Apache

-技術(shù)棧：angular1.2.7, ui-router, requirejs,

-工作流程：

1.前期充分理解產(chǎn)品需求，輔助界面的設(shè)計及接口文檔的編寫

2.設(shè)計圖出來后晦譬，搭好前端開發(fā)環(huán)境疤苹，搭好項目架子，分好模塊敛腌，

3.div+css定位實現(xiàn)頁面布局

4.寫好靜態(tài)頁面和樣式

5.接口文檔出來后卧土，開始寫業(yè)務(wù)邏輯js，頁面交互

-工作內(nèi)容：

1.充分理解產(chǎn)品需求像樊，輔助界面的設(shè)計及接口文檔的編寫

1.angular指令尤莺，雙向數(shù)據(jù)綁定，服務(wù)凶硅，依賴注入缝裁，自定義，自定義組件足绅，自定義服務(wù)捷绑，

2.單頁面應(yīng)用，頁面路由氢妈，路由的使用粹污，路由的原理

使用ui-router配置頁面路由, 編寫單頁面應(yīng)用

3.獲取數(shù)據(jù)ajax，fetch api

4.安全

4.1 鑒權(quán)：確保指定的用戶只能訪問指定的數(shù)據(jù)

4.2 采用https：在傳輸?shù)倪^程中保證數(shù)據(jù)是加密的

4.3 cookie

5.組件化：對于一些需要重用的元素首量，抽取為一個通用的組件壮吩，參數(shù)變化和狀態(tài)變化

6.交互

用戶交互：事件，用戶交互只是改變狀態(tài)的值加缘，即對狀態(tài)進行操作

組件交互：狀態(tài)管理

值存在內(nèi)存里鸭叙，適當(dāng)?shù)臅r機調(diào)出這些值

service管理應(yīng)用的狀態(tài)，getter,setter來存儲狀態(tài)的值

使用service很難跟蹤狀態(tài)的變化情況

或全局變量（不推薦）

數(shù)據(jù)存儲：本地拣宏，內(nèi)存

前端開發(fā)233333333333333333333333

編輯

刪除

Vision(華為云一站式管理服務(wù)平臺)

（

中軟國際科技服務(wù)有限公司

）

2017.08-2018.01

華為云業(yè)務(wù)的一站式全生命周期管理服務(wù)平臺沈贝，提供“需求->開發(fā)->測試->發(fā)布->運維->運營”的端到端協(xié)同服務(wù)。

前端開發(fā)

項目鏈接: https://wa.vision.huawei.com

對編程有興趣勋乾，有熱忱宋下，喜歡挑戰(zhàn)高難度任務(wù)，不滿足于復(fù)制粘貼

注重代碼的復(fù)用性辑莫，維護性学歧，易讀性，有良好的編程規(guī)范

工作上認(rèn)真負(fù)責(zé)各吨，有抗壓力枝笨，注重效率與質(zhì)量，追求最優(yōu)解

生活中積極樂觀，善解人意伺帘，容易相處昭躺，不傳遞負(fù)能量

有上進心，主動學(xué)習(xí)新技術(shù)伪嫁，努力完善自己领炫，一點點進步

使用angularjs處理業(yè)務(wù)邏輯,狀態(tài)管理,模塊化開發(fā)

編寫ui組件,實現(xiàn)復(fù)用性

angular 雙向數(shù)據(jù)綁定,依賴注入,

自我評價:

理性, 邏輯思維, 注重代碼的規(guī)范與整潔, 熱愛工作, 熱愛生活

熟悉MV*開發(fā),深諳自動化,模塊化開發(fā)之道

自我描述:

個人雖然不是處女座,卻有一點處女座的毛病,非常注重代碼的格式與規(guī)范,命名規(guī)范,無法接受亂七八糟的代碼

就像生活中,會盡量保持生活環(huán)境的整潔,

作為一名程序員,非常注重代碼的整潔, 維護, 優(yōu)化

個人是一個不太喜歡給人帶來麻煩的人, 所以寫代碼的時候也會換位思考, 盡量不留坑

對自己高要求...

本人熱愛前端開發(fā)這份工作, 不僅是因為性格比較契合, 更是喜歡遇到問題, 解決問題所帶來的成就感.還有工作環(huán)境的單純

本人不怕遇到問題, 因為我喜歡迎難而上.

座右銘: 乘風(fēng)破浪會有時,直掛云帆濟滄海? 時時激勵自己

new:

基本信息+簡單幾個字的個人特色+圍繞個人特色展開30秒講述+成果。

寫自我評價是自我總結(jié)和反思的過程张咳，你的的確確需要總結(jié)一下帝洪，比如某HR只寫了三點“新思路、寫作能力脚猾、統(tǒng)計知識”葱峡，讓別人看到時，耳目一新龙助。

應(yīng)該這樣寫:"創(chuàng)新思維砰奕，在績效管理中采用統(tǒng)計學(xué)知識，進行人才管理梳理提鸟，搭建起可跨部門比較的歷史績效數(shù)據(jù)庫" 军援。

你看，這樣有總結(jié)称勋，有實例舉證胸哥，就很容易讓人信服。還會勾起HR的思考：他/她是怎么搞出來的赡鲜，約來面試聊聊空厌。

SMS項目:

我在此項目負(fù)責(zé)了哪些工作，

分別在哪些地方做得出色/和別人不一樣/成長快银酬，

這個項目中嘲更，我最困難的問題是什么，

我采取了什么措施揩瞪，

最后結(jié)果如何哮内。

這個項目中，我最自豪的技術(shù)細(xì)節(jié)是什么壮韭，為什么，

實施前和實施后的數(shù)據(jù)對比如何纹因，同事和領(lǐng)導(dǎo)對此的反應(yīng)如何喷屋。

SMS項目:

2018年3月至10月,我參與了SMS項目的開發(fā), 我在此項目負(fù)責(zé)界面開發(fā)工作，主要使用的是Angularjs框架(SMS是華為云上的一個服務(wù),為了保持風(fēng)格統(tǒng)一,規(guī)定使用angular), 結(jié)合requirejs技術(shù)實現(xiàn)模塊化開發(fā),

工作內(nèi)容主要包括: 靜態(tài)頁面編寫(html+css),數(shù)據(jù)獲取(ajax), 業(yè)務(wù)邏輯編寫(javascript), 部分ui組件編寫(angularjs), 瀏覽器兼容性處理(ie9以上), 前端性能優(yōu)化, 前后端聯(lián)調(diào)及bug修改.

在開發(fā)過程中, 我遇到很多問題, 以及一些難點: 比如磁盤分區(qū)調(diào)整,數(shù)據(jù)請求異步(), 涉及到很多聯(lián)動, 還有一些奇奇怪怪的顯示問題,

但是我通過查看報錯信息,斷點調(diào)試,查看網(wǎng)絡(luò)請求,抓包分析(fiddler) 等方式定位問題,分析問題,充分發(fā)揮主觀能動性解決問題, 最后通過谷歌,stackoverflow,參考技術(shù)博客,查閱書籍,請教同事等方式,

充分發(fā)揮主觀能動性, 調(diào)動一切主客觀條件, 找到解決方法, 最后按時完成了界面開發(fā), 保證了項目順利上線.

總結(jié): 通過這個項目,我熟悉了angularjs的用法,更深刻的理解JavaScript, 包括JavaScript異步機制, 瀏覽器運行原理, JavaScript底層原理等, 了解http請求的過程,

為學(xué)習(xí)其他框架打下了基礎(chǔ).

vision項目:

2017年7月至12月, 我參與了vision項目的開發(fā), 主要負(fù)責(zé)界面開發(fā)工作, 由于這個項目是公司內(nèi)部項目, 沒有規(guī)定技術(shù), 所以我和同事結(jié)合項目和我們自身情況,選擇了比較熱門的react,redux,es6,webpack等技術(shù),

工作內(nèi)容主要包括: 開發(fā)環(huán)境搭建

(軟件安裝,編輯器安裝,IDE配置,配置npm的全局路徑, nodejs安裝,git安裝,webpack安裝以及各種loader,plugin安裝, webpack配置,babel配置,gitignore, 熱加載,代理,mock server搭建,http靜態(tài)服務(wù)器),

輔助界面設(shè)計及接口文檔的編寫, 界面開發(fā)(編寫react組件,redux狀態(tài)管理,),es6模塊化,? 路由分塊,解決首屏加載慢的問題,,,,,,,服務(wù)端渲染在一定程度上能夠減少首頁白屏的時間瞭恰，同時對于SEO也具有很重要的作用

錯誤調(diào)試,改bug,

問題: 在此項目中,我們比較完整的使用目前比較流行的前端工程化開發(fā), 開發(fā)過程中, 遇到各種配置問題, 各種坑, 最后經(jīng)過努力, 都解決了.

總結(jié): 通過這個項目, 我更加深刻的理解了react全家桶的用法, 并且通過與此前angular技術(shù)的對比,對狀態(tài)管理, 設(shè)計模式,繼承,閉包,原型等有了更深入的了解...對異步編程有了更深的理解,深刻體會函數(shù)式編程思想

js 缺乏類型系統(tǒng)，導(dǎo)致我們無法通過工具來在開發(fā)的過程中檢測到那些可能會發(fā)生的錯誤，也無法通過具體的類型定義來約束別人如何調(diào)用自己寫的代碼庫恶耽。數(shù)據(jù)驅(qū)動視圖的開發(fā)方式

用了企業(yè)中常用的一些性能優(yōu)化，比如使用React官方提供的庫 **react-addons-pure-render-mixin** 偷俭，

打包淹遵、構(gòu)建、編程工具川抡、debug等等前端環(huán)境崖堤，以及前后端分離侍咱、Nodejs中間層使用伸展面。

node工具鏈(打包構(gòu)建), 中間層, 服務(wù)端開發(fā)

目前是所有的web頁面都是Node作為中間層倘感，替換了php的渲染放坏，中間自然有很多的困難要克服，但整體上來說開發(fā)的效率還是大大提升老玛，

不需要在配置php的環(huán)境淤年，也不用在關(guān)心各種環(huán)境的依賴，整體上自己的一個獨立的服務(wù)蜡豹，使用接口的形式和服務(wù)端通信麸粮。

那么三板斧為何會用到，主要是目前國內(nèi)最常見的mobile的web頁面镜廉，基本在微信里面流傳弄诲，然后這些頁面還需要一定的數(shù)據(jù)交互，而且這種頁面的特點就是短平快娇唯，不需要那么嚴(yán)謹(jǐn)齐遵，

這種頁面特別適合前端自己一擼到底，前后端通吃塔插，接上 MongoDB當(dāng)做數(shù)據(jù)庫梗摇，

基本兩三天之內(nèi)就能開發(fā)一個活動頁面出來，不需要對其他服務(wù)有任何依賴想许，包括微信授權(quán)都可以自己搞定伶授，工作量其實比對接其他語言服務(wù)大不了多少断序，某些方面，我個人認(rèn)為還減少了很多的溝通成本糜烹。

Webpack dev server 是一個輕量的node.js express服務(wù)器违诗，實現(xiàn)了 webpack 編譯代碼實時輸出更新。webpack的HMR功能集成

分別在哪些地方做得出色/和別人不一樣/成長快疮蹦，

這個項目中诸迟，我最困難的問題是什么，

我采取了什么措施挚币，

最后結(jié)果如何亮蒋。

這個項目中，我最自豪的技術(shù)細(xì)節(jié)是什么妆毕，為什么慎玖，

實施前和實施后的數(shù)據(jù)對比如何，同事和領(lǐng)導(dǎo)對此的反應(yīng)如何笛粘。

博客園講師管理系統(tǒng):

2016年3月至12月, 我參與了博客園講師管理系統(tǒng)的開發(fā), 主要負(fù)責(zé)界面開發(fā)工作,工作內(nèi)容主要包括:

總結(jié): 通過這個項目,我首次大量使用JavaScript開發(fā), 熟悉了jQuery庫, 以及一系列jQuery插件,包括富文本編輯器,圖片上傳等等插件,熟悉了js模板引擎,js模塊化開發(fā),

了解了部分php的使用,更加熟悉前后端分離開發(fā)模式,

每一角落網(wǎng)上商城:

2015年9月至2016年2月, 我參與了每一角落項目網(wǎng)上商城項目的開發(fā), 主要負(fù)責(zé)前端開發(fā)工作, 這是我正式參與的首個項目,主要使用了HTML,css等技術(shù),

工作內(nèi)容包括: 這是我正式參與的首個項目, 主要負(fù)責(zé)靜態(tài)頁面的開發(fā), 頁面交互動態(tài)效果, 比如: 輪播圖,導(dǎo)航欄菜單等等, 響應(yīng)式布局

總結(jié): 通過這個項目, 我熟悉了HTML,css的用法, JavaScript? dom操作,

針對校園APP的后臺管理系統(tǒng)趁怔，包括人員架構(gòu)，信息統(tǒng)計薪前，權(quán)限設(shè)置润努，H5生產(chǎn)機，數(shù)據(jù)交換平臺示括，各個模塊的數(shù)據(jù)管理铺浇，反饋設(shè)置等等，為高校提供基于互聯(lián)網(wǎng)運營的移動校園整體解決方案垛膝。

一站式鳍侣、全生命周期的校園官方移動服務(wù)平臺，涵蓋PC吼拥、安卓倚聚、IOS、微信平臺凿可，上線學(xué)校包括中央財經(jīng)大學(xué)惑折，北京交通大學(xué)，中國戲曲學(xué)院枯跑，遼寧大學(xué)惨驶，西南財經(jīng)大學(xué)等等，下載量數(shù)十萬敛助，深受學(xué)生老師喜愛敞咧。

加載及渲染速度

CodeMirror 這個輪子（我在它上面封裝了七八個模塊），然而這個輪子的文檔寫得并不好辜腺，很多時候我們會遇到

CodeMirror 這個輪子（我在它上面封裝了七八個模塊）休建，然而這個輪子的文檔寫得并不好，很多時候我們會遇到

可以啊评疗，這就是一個問題测砂，但是你的描述思路要更清晰一些。比如遇到問題-》之前不知道-》查詢很多資料（用啥百匆？是否看英文資料砌些？是否溯本追源去查找文檔？）-》學(xué)習(xí)了解了（理解了物理像素和 CSS 像素的區(qū)別）-》得到了 XX 的解決方案-》是否沉淀下來（是否寫成了博客加匈？或者把實現(xiàn)的代碼做了抽象并貢獻出來存璃？）如果這個過程描述下來，面試官會比較滿意雕拼。

意義就是產(chǎn)品上線了啊. 寫代碼的意義從來都是滿足實際需求而不是為了解決編程難題啊. 難道開公司招碼農(nóng)的意義是創(chuàng)造并解決編程難題? 你這樣反問面試官就好了啊.

看過哪些書?

為什么要問http/瀏覽器呢纵东？前端開發(fā)離不開瀏覽器；和后臺通信離不開HTTP啥寇。

如果一個前端技術(shù)人員偎球，連200/300/400/500系列狀態(tài)碼都搞不清楚，能算是一個合格的前端工程師嗎辑甜？

JSONP實現(xiàn)方式衰絮，如何解決跨域，HTTP常用的請求方式有哪些磷醋，瀏覽器如何渲染頁面

這些問題猫牡，都應(yīng)該是前端人考慮和必須重視的。如果回答的好邓线，自然非常加分淌友。

當(dāng)然，如果有框架經(jīng)驗褂痰，比如react, angular或者vue之類亩进，自然也加分。

只是缩歪，一旦面試同學(xué)說归薛，很精通某個框架，那么匪蝙，我會問該框架某些特性的原理主籍，注意，是原理逛球，不是如何使用千元。

比如，angular1臟檢查機制颤绕，vue生命周期等等幸海∷钌恚考察一個人對框架的掌握程度，不是做過多少項目物独，而是袜硫，你對它理解的深度！

工作描述：

2017年7月至12月挡篓，我參與了Vision項目的開發(fā)婉陷，主要負(fù)責(zé)界面開發(fā)工作，由于這個項目是公司內(nèi)部項目官研，沒有規(guī)定技術(shù)秽澳，所以我和同事結(jié)合項目和我們自身情況，選擇了比較熱門的React戏羽，Redux担神，ES6，Webpack等技術(shù)蛛壳。

工作內(nèi)容主要包括: 開發(fā)環(huán)境搭建(軟件安裝,編輯器安裝,IDE配置,配置npm的全局路徑, nodejs安裝,git安裝,webpack安裝以及各種loader,plugin安裝, webpack配置,babel配置,gitignore, 熱加載,代理,mock server搭建,http靜態(tài)服務(wù)器),

輔助界面設(shè)計及接口文檔的編寫, 界面開發(fā)(編寫react組件,redux狀態(tài)管理,),es6模塊化, 路由分塊,解決首屏加載慢的問題,,,,,,,服務(wù)端渲染在一定程度上能夠減少首頁白屏的時間杏瞻，同時對于SEO也具有很重要的作用

錯誤調(diào)試,改bug,

問題: 在此項目中,我們比較完整的使用目前比較流行的前端工程化開發(fā), 開發(fā)過程中, 遇到各種配置問題, 各種坑, 最后經(jīng)過努力, 都解決了.

總結(jié): 通過這個項目, 我更加深刻的理解了react全家桶的用法, 并且通過與此前angular技術(shù)的對比,對狀態(tài)管理, 設(shè)計模式,繼承,閉包,原型等有了更深入的了解...對異步編程有了更深的理解,

js 缺乏類型系統(tǒng)，導(dǎo)致我們無法通過工具來在開發(fā)的過程中檢測到那些可能會發(fā)生的錯誤衙荐，也無法通過具體的類型定義來約束別人如何調(diào)用自己寫的代碼庫捞挥。

打包、構(gòu)建忧吟、編程工具砌函、debug等等前端環(huán)境，以及前后端分離溜族、Nodejs中間層使用伸展面讹俊。

node工具鏈(打包構(gòu)建), 中間層, 服務(wù)端開發(fā)

目前是所有的web頁面都是Node作為中間層，替換了php的渲染煌抒，中間自然有很多的困難要克服仍劈，但整體上來說開發(fā)的效率還是大大提升寡壮，

不需要在配置php的環(huán)境，也不用在關(guān)心各種環(huán)境的依賴况既，整體上自己的一個獨立的服務(wù)，使用接口的形式和服務(wù)端通信棒仍。

那么三板斧為何會用到，主要是目前國內(nèi)最常見的mobile的web頁面癞尚，基本在微信里面流傳耸三，然后這些頁面還需要一定的數(shù)據(jù)交互浇揩，而且這種頁面的特點就是短平快吕晌，不需要那么嚴(yán)謹(jǐn)，

這種頁面特別適合前端自己一擼到底临燃，前后端通吃，接上 MongoDB當(dāng)做數(shù)據(jù)庫烙心，

基本兩三天之內(nèi)就能開發(fā)一個活動頁面出來膜廊，不需要對其他服務(wù)有任何依賴，包括微信授權(quán)都可以自己搞定淫茵，工作量其實比對接其他語言服務(wù)大不了多少爪瓜，某些方面，我個人認(rèn)為還減少了很多的溝通成本匙瘪。

Webpack dev server 是一個輕量的node.js express服務(wù)器铆铆，實現(xiàn)了 webpack 編譯代碼實時輸出更新。webpack的HMR功能集成

項目經(jīng)驗流水和廢話太多丹喻。（基于div+css布局薄货，html5語義化+css3）我認(rèn)為用「XX + XX 語言 配合 XX 框架 ，利用XX技術(shù)完成該項目/模塊」來解釋你的項目開發(fā)過程更好碍论，然后用一小段話總結(jié)你的項目所得谅猾。

所以，請慎重填寫技術(shù)名詞鳍悠，最好每個技術(shù)名詞附加一個更加詳細(xì)的使用點税娜。比如你說你懂Redis，

那么請這樣寫：熟悉Redis的常規(guī)操作藏研，對Redis五種數(shù)據(jù)類型敬矩、pub\sub模式有較深入的理解，并將Redis應(yīng)用在系統(tǒng)的緩存層以及秒殺系統(tǒng)中

（如果你這樣寫蠢挡，多半面試官會問你關(guān)于秒殺的細(xì)節(jié)弧岳，你就可以提前準(zhǔn)備這方面的知識了）；

你需要挑選有代表性的項目袒哥，每個公司1到2個項目為佳缩筛。項目經(jīng)驗、描述把握一個原則堡称，求質(zhì)不求量瞎抛。

深度描述你在每個項目里的職責(zé)。推薦大家重點描述項目遇到了什么問題却紧，你是如何解決的桐臊，或者是從業(yè)務(wù)、設(shè)計上巧妙規(guī)避或者是用什么技術(shù)來解決這個問題的断凶。

比如使用任務(wù)隊列異步解耦訂單的處理认烁；使用Redis的pub\sub來做定時器却嗡，避免長連接輪詢窗价；前端使用事件注冊機制傳遞參數(shù)避免類與類之間的耦合等撼港。

一個項目里技術(shù)點太多了帝牡，選擇你認(rèn)為最重要或者你最得意的技術(shù)點來描述項目是非常好的做法卖擅。

SMS項目

項目描述：

工作內(nèi)容：

1.HTML結(jié)合css完成靜態(tài)頁面編寫,頁面布局,高度還原設(shè)計圖;

2.JavaScript語言配合angularjs框架,添加交互效果,數(shù)據(jù)渲染(數(shù)據(jù)綁定),完成業(yè)務(wù)邏輯開發(fā);

3.ajax+json($http服務(wù))與后臺進行數(shù)據(jù)交互;

4.requirejs實現(xiàn)模塊化開發(fā),按功能劃分模塊;

5.grunt打包編譯;

6.ng-router路由系統(tǒng),單頁面應(yīng)用;

總結(jié)：這個項目是首次使用框架,對以下知識點有了很多的理解, 體會到了相對于jQuery, dom操作的便利,數(shù)據(jù)渲染的便利,

對雙向數(shù)據(jù)綁定,自定義服務(wù),依賴注入,控制器,MVC設(shè)計模式,前端路由,指令系統(tǒng),事件委托機制,

對于如何把數(shù)據(jù)與視圖的轉(zhuǎn)換有了更多的經(jīng)驗;

http請求,

angularjs:

1.自定義指令, 使用AngularJS擴展HTML的功能

2.$q與promise object異步編程,$apply,$digest,$watch,

3.雙向數(shù)據(jù)綁定(觀察者模式,數(shù)據(jù)的監(jiān)視實現(xiàn),監(jiān)聽隊列$watch,臟檢查(Dirty Checking)機制$digest, 會遍歷所有的 $watch惩阶。從而更新DOM), 取代dom操作

4.臟檢查機制

5.依賴注入

6.service,Controller,scope,template(HTML),DependencyInjection（依賴注入）

其強大之處主要是可以把靜態(tài)頁面與動態(tài)數(shù)據(jù)綁定起來,來更新數(shù)據(jù)

你只需要專注你的數(shù)據(jù)和模板就夠了断楷，他們之間怎么填充冬筒，angular把這些做好了舞痰，也就是剝離了view層對contorller响牛，mdoel層的影響呀打，下面就是angular官方給出的區(qū)別

可以更專注于業(yè)務(wù)邏輯的開發(fā)

js工作原理, angular工作原理

總結(jié):

jq操作DOM結(jié)構(gòu),從而進行更新頁面

通過js改寫DOM,更新view

分層架構(gòu): 邏輯層, 工具層, 服務(wù)

發(fā)布過程: 環(huán)境配置,代碼部署,nginx配置,域名解析

Angular 基于HTML的大而全的MVC框架,MVVM

React:

基于js的視圖層框架,只關(guān)注頁面的顯示

視圖層框架

組件化

JSX表達式

虛擬DOM,只有在需要的時候,才去操作dom

視圖層框架:

一個構(gòu)建用戶界面的框架

聲明式框架(只要聲明就行了,只要定義好數(shù)據(jù)和dom之間的對應(yīng)關(guān)系就好了,相對的是命令式框架,需要手動指揮怎么渲染,怎么調(diào)用,? 函數(shù)式編程)

數(shù)據(jù)驅(qū)動dom,再用事件反饋給數(shù)據(jù)

組件化開發(fā):

組件組合而不是繼承(不是傳統(tǒng)的面對對象的方式,通過組件繼承實現(xiàn)代碼的封裝)

state$$props

生命周期

JSX:

一種JS擴展的表達式

帶有邏輯的標(biāo)記語法,有別于HTML模板

對樣式,邏輯表達式和事件的支持

虛擬DOM:

對DOM進行模擬(虛擬dom保存在內(nèi)存中)

比較操作前后的數(shù)據(jù)差異

如有數(shù)據(jù)差異,統(tǒng)一操作dom

減少重復(fù)渲染

React在減少重復(fù)渲染方面確實是有一套獨特的處理辦法撩银，那就是virtual DOM额获，但顯示在首次渲染的時候React絕無可能超越原生的速度恭应。因此暮屡，我們在做優(yōu)化的時候褒纲，接下來可以做的事情就是：

首屏?xí)r間可能會比較原生的慢一些莺掠，但可以嘗試用React Server Render (又稱Isomorphic)去提高效率

通過學(xué)習(xí)react:

高階組件,函數(shù)式編程,flux架構(gòu)

虛擬dom, diff算法

數(shù)據(jù)邏輯與業(yè)務(wù)邏輯解耦

Vue 基于hmtl的視圖層框架

目前更加追求代碼的優(yōu)雅性, 性能優(yōu)化, 高度愉悅的體驗性

致力于追求更加賞心悅目的代碼,從面向過程到面向?qū)ο?到函數(shù)式編程,最近在看<JavaScript框架設(shè)計>等書籍,希望...最佳實踐,更加專業(yè)的代碼,培養(yǎng)編程思維,解放思想,追求極致的用戶體驗

希望能夠有機會與大神共事

Vision項目:

項目描述:

一站式全生命周期管理服務(wù)平臺彻秆，提供“需求->開發(fā)->測試->發(fā)布->運維->運營”的端到端協(xié)同服務(wù)唇兑。

工作描述:

1.

總結(jié): react, redux,react-router,webpack,中間件,高階組件,flux架構(gòu),函數(shù)式編程,虛擬dom,diff算法