前端技術(shù) 曲毅 多業(yè)務(wù)場(chǎng)景下的灰度解決方案2017-11-17

7L七樂(lè)康醫(yī)主醫(yī)有所依多業(yè)務(wù)場(chǎng)景下的灰度架構(gòu)解決方案演講嘉賓趙云（曲毅）趙云自我介紹從事互聯(lián)網(wǎng)研發(fā)工作13年。曾在高陽(yáng)，空中網(wǎng)，新浪,樂(lè)蜂網(wǎng)等互聯(lián)網(wǎng)公司擔(dān)任構(gòu)架師，高級(jí)技術(shù)經(jīng)理,技術(shù)總監(jiān)等職位?，F(xiàn)任七樂(lè)康技術(shù)VP。近5年專注移動(dòng)互聯(lián)網(wǎng)。是國(guó)內(nèi)資深HTML5專家和研究者,對(duì)HTML5技術(shù)有非常深刻的認(rèn)識(shí)和理解，有著豐富的實(shí)踐經(jīng)驗(yàn),是HTML5弓摩Crow5的創(chuàng)造者。多次受邀在中關(guān)村在線，iweb峰會(huì)，51CT0和GITC全球互聯(lián)網(wǎng)大會(huì)上擔(dān)任嘉賓和專家。主要經(jīng)歷教師經(jīng)歷-教授J2EE和.NETJava研發(fā)7年P(guān)HP研發(fā)4年HTML5研究工作4年編寫Crow5引擎5版4年互聯(lián)網(wǎng)公司技術(shù)總監(jiān)管理工作媒體專訪互聯(lián)網(wǎng)+醫(yī)療快速融合開發(fā)-引擎實(shí)現(xiàn)多端多產(chǎn)品矩陣開發(fā)詳解引擎技術(shù)之約定式編程的實(shí)現(xiàn)理念專訪七樂(lè)康高級(jí)技術(shù)總監(jiān)曲毅：技術(shù)本,代碼和Crow5WOT2015預(yù)熱系列訪談-樂(lè)蜂技術(shù)總監(jiān)曲毅CTO訓(xùn)練營(yíng)-創(chuàng)業(yè)公司的事與人7L七樂(lè)原醫(yī)主醫(yī)有所依七樂(lè)康的產(chǎn)品線該七樂(lè)康醫(yī)生端APP<Q>互聯(lián)網(wǎng)醫(yī)院啊微信患者端11D\\IIIooB2C醫(yī)藥電商小七聯(lián)盟mm線下連鎖藥店7L七樂(lè)原匡主醫(yī)有所依目前主要覆蓋的科室男科肝病科泌尿科風(fēng)濕免疫科婦科7/七樂(lè)原醫(yī)主醫(yī)有所依真正的丨互聯(lián)網(wǎng)思維丨運(yùn)營(yíng)，連接醫(yī)生、患者與藥企七樂(lè)康醫(yī)生才以醫(yī)生為核心致力于為醫(yī)生提供全面可靠的行醫(yī)服務(wù)相關(guān)數(shù)據(jù)反饋七樂(lè)康醫(yī)主醫(yī)有所依醫(yī)、患、藥一站式就醫(yī)閉環(huán)服務(wù)的移動(dòng)醫(yī)療平臺(tái)-獲政府授權(quán)，為七樂(lè)康互聯(lián)網(wǎng)醫(yī)院唯一指定官方應(yīng)用-專業(yè)覆蓋所有?？?，以慢性病為主-初診在線下，定位于二次診療-提供在線咨詢問(wèn)診、用藥管理、用藥指導(dǎo)、患者管理、健康檔案管理等全方位服務(wù)F七樂(lè)原區(qū)主醫(yī)有折依7L七樂(lè)康醫(yī)主醫(yī)有所依目前，七樂(lè)康互聯(lián)網(wǎng)醫(yī)院擁有近40萬(wàn)醫(yī)生資源，覆蓋全國(guó)34個(gè)省未來(lái)一年，每2個(gè)醫(yī)生就有1個(gè)在七樂(lè)康互聯(lián)網(wǎng)醫(yī)院多點(diǎn)執(zhí)業(yè)7L七樂(lè)康匡主醫(yī)有所依優(yōu)勢(shì)③優(yōu)質(zhì)?高效?健全?穩(wěn)定的供應(yīng)鏈體系與百?gòu)?qiáng)中國(guó)醫(yī)藥和全球500強(qiáng)企業(yè)展開戰(zhàn)略合作，打造超強(qiáng)的供應(yīng)鏈體系建立超過(guò)3萬(wàn)藥品品種，滿足95%以上用戶找藥買藥需求業(yè)異工LU福&炸土而廣藥強(qiáng)生歐姆龍博士倫力存K可兀女同仁堂羅氏修正拜耳GSK7L七樂(lè)康醫(yī)主醫(yī)有所依7L七樂(lè)康匡主醫(yī)有所依七樂(lè)康互聯(lián)網(wǎng)醫(yī)院用戶流程___慢病患者復(fù)診患者_(dá)_______康復(fù)患者醫(yī)生介入遠(yuǎn)程診斷遠(yuǎn)程會(huì)診_____遠(yuǎn)程門診轉(zhuǎn)診線下電子處方_____限慢病復(fù)診、康復(fù)口服藥.7L七樂(lè)康醫(yī)主醫(yī)有所依七樂(lè)康針對(duì)的用戶群體醫(yī)生??？漆t(yī)生?咼頻使用患者?場(chǎng)景不定.低頻使用?剛需7L七樂(lè)康醫(yī)主醫(yī)有所依七樂(lè)康針對(duì)的用戶群體?不同?？漆t(yī)生針對(duì)特定患者群體?不同科室，醫(yī)學(xué)診斷流程不同?患者關(guān)注信息特定化goo

6eo面對(duì)這樣多業(yè)務(wù)場(chǎng)景，多用戶群體，必須有一個(gè)很好的集成化灰度解決方案7L七樂(lè)原醫(yī)主醫(yī)有所依每一種框架都有自給的一種設(shè)腿念和錢解決方法S更容此被擴(kuò)展(給出更優(yōu)的調(diào)用APIF七樂(lè)原醫(yī)主Afe醫(yī)有折依我們需要一個(gè)什么樣子的引擎插件開發(fā)而纓不檢人式開發(fā)引擎要繼續(xù)向重量級(jí)框架學(xué)習(xí)統(tǒng)一的思想是面向切面的，在愿意使用的時(shí)候使用,不愿意的時(shí)候也能較為方便的抽離>在使用框架時(shí)，在具體編碼的過(guò)程中，研究編寫代碼的規(guī)則和習(xí)慣。是否可以把處理問(wèn)題的編碼變成一種有規(guī)律的規(guī)則>例如前端大體可分為,資源模版加載、數(shù)據(jù)請(qǐng)求、渲染處理、事件處理編碼中有很多可抽象和可重復(fù)的機(jī)械壘碼、使其變成可配置的方式7L七樂(lè)康醫(yī)主醫(yī)有所依Crow5設(shè)計(jì)原型簡(jiǎn)單的指令控制Contro1馬的規(guī)則發(fā)出指令rvic該自動(dòng)獲取同編碼完美的加載優(yōu)化策略架據(jù)層抽取代碼可以利自動(dòng)生成與方式同步方式書停行處理異步回調(diào)Modul^J對(duì)邏輯控7L仁樂(lè)原醫(yī)主醫(yī)有所依引擎的設(shè)計(jì)從此您的產(chǎn)品將具備異步加載動(dòng)回控制局部刷新按需加載分扉顯ZF加速器攔截器圖片樣式定位延時(shí)監(jiān)控?cái)?shù)據(jù)驅(qū)動(dòng)緩存脫離JS內(nèi)存管理7L七樂(lè)康醫(yī)主醫(yī)有所依引擎支持的模塊插件MVC代碼約定模塊IHTML代碼約定模塊］代碼配置管理模塊］發(fā)送請(qǐng)求管理器IDOM優(yōu)化控制器I滾動(dòng)條控制模塊I同步編寫異步執(zhí)行模式內(nèi)存管理器交互抽離模式數(shù)據(jù)驅(qū)動(dòng)模式加密混淆器數(shù)聞裝模式Crow5引擎的組成部件加速器插件管理模塊URL攔截器緩存控制器工具類包動(dòng)畫控制器圖片顯示控制模塊UI顯示控制器模板控制器按需加載調(diào)度器內(nèi)容刷新器超時(shí)監(jiān)聽器F七樂(lè)康區(qū)主醫(yī)有所依Crow5介紹□主體購(gòu)物邏輯抽取□完善的基于約定的模塊式開發(fā)口高效的性能口數(shù)十種設(shè)計(jì)模式的實(shí)現(xiàn)口完美實(shí)現(xiàn)與原生的內(nèi)嵌口插件式拼裝，靈活，自主口智能自動(dòng)的實(shí)現(xiàn)響應(yīng)式布局□前端安全過(guò)濾器口離線脫機(jī)，小伙伴再也不用擔(dān)心購(gòu)物沒(méi)有網(wǎng)絡(luò)了口模版引擎漂移□日至遠(yuǎn)程調(diào)試口心跳保持□還有很多很多，沒(méi)有不可能只有想不到7L七樂(lè)康醫(yī)主醫(yī)有所依Crow5心跳控制ConfigHTML數(shù)據(jù)驅(qū)動(dòng)器\71

requset_____________response數(shù)據(jù)改變信息Crow5服務(wù)器心跳起搏器Store7L七樂(lè)原醫(yī)主醫(yī)有所依Crow5動(dòng)態(tài)數(shù)據(jù)填充模式dao數(shù)據(jù)驅(qū)動(dòng)局部刷新Module預(yù)渲染動(dòng)態(tài)填充7L七樂(lè)康醫(yī)主醫(yī)有所依離線模版漂移硬件能力重力感應(yīng)網(wǎng)絡(luò)管理引擎降級(jí)管理緩存處理心跳保持核心控制圖代碼約定模式交互抽離模式數(shù)聞裝模式數(shù)據(jù)驅(qū)動(dòng)模式作用域保持模式同步編寫異步執(zhí)行模式IDOM優(yōu)化策略II發(fā)送數(shù)據(jù)請(qǐng)求策略I!內(nèi)存管理I7L仁樂(lè)原醫(yī)主醫(yī)有所依我們用Crow5做了些什么一一移動(dòng)端產(chǎn)品￡旦oo?■/Miojmt1?5：-AMaiWRfflOK&IPUOQ??IKROtSHMfl茴q?ir-lQtWH?MUplmeg.磚0o???：■f*iOKBHfflfi這時(shí)我還沒(méi)聽過(guò)她初識(shí)她，幵始為她做些什么首頁(yè)開始進(jìn)入特賣時(shí)代苜頁(yè)不再只有品牌特賣-廣三月撞桃^密*款款績(jī)品歎款低給*有了專屬的刷新&加載樣式新年伊始，給她換了整套新衣為她做了許多樣式和體驗(yàn)優(yōu)化???￥800.0&en>ni?!HnqrMwaKaBHZMBS1?lK5a-l.S■.CAftfcHVK0.D?aUH團(tuán)?

cfw?揣*<■/■ABIUPWBTv>?olMH4Wr±t*MM???甯Ue*nMS!MHWM?RaMUOMIASM??vnojoirfl...jin*wg.7L七樂(lè)康醫(yī)主醫(yī)有所依我們用Crow5做了些什么中國(guó)聯(lián)通令100%■，f12:52520瘦身專場(chǎng)由靜鏡JCare倩體梅（70粒）裝7009増強(qiáng)版￥199￥74*立8D購(gòu)實(shí)透蜜醫(yī)學(xué)纖體塑身組合ttWWK金稻運(yùn)動(dòng)電波美體機(jī)KD-9O8￥199￥旳中國(guó)聯(lián)通令96%IS，11:02搖一搖規(guī)則說(shuō)明您今天還有3次免費(fèi)機(jī)套跟號(hào)中還有2069可用花粉我的獎(jiǎng)品7L七樂(lè)康醫(yī)主醫(yī)有所依我們用Crow5做了些什么——七樂(lè)康PC端與移動(dòng)端產(chǎn)品???ooBELL兮4:21PM*100%M我的藥房處方單A達(dá)克寧西安楊森制藥有限公司°一■*79.005心，達(dá)克寧（硝酸咪康哇軟'丁W硝酸味康哇硝酸軟膠…呈西安楊森制藥有限公司二~—￥79.00大白nm：77'N0xzj達(dá)克寧（硝酸味康哇軟aE',f

硝酸咪康哇）西安暢森制藥制藥制藥有...*2888.00大白噸：30%ywDx達(dá)克寧同西安楊森制藥有限公司1一*79.00大白指虹8???00BELL■<?<21PM才100%■>e飛揚(yáng)，&■您好，在嗎醫(yī)生，我心臟不舒服，給我再開點(diǎn)藥吧UflWB21OS16"((<11議使用以下藥品腦心通膜11x5tttfteOg-iA/tffllftmi-H3?.VHIRffi,■片.□?*il炒,任佝不!l&應(yīng)'本次咨，巳蛾SE,用H23小H2分重新發(fā)起會(huì)話7L七樂(lè)原醫(yī)主陶有所依引擎的進(jìn)化論--極致的簡(jiǎn)單如何少寫代碼?能不寫最好配置文件也得寫，能否再少寫?用配置依來(lái)減少代能否做做頁(yè)面后面的功能就自動(dòng)實(shí)現(xiàn)?寫代碼再簡(jiǎn)單都有學(xué)習(xí)成本，能否再簡(jiǎn)單？能否不用怎么學(xué)就能搞定編碼？余配置文件七樂(lè)原醫(yī)主醫(yī)有所依如何編寫引擎/Ar

Config={'main':{cache:'data'flazyLoad://lazyArea:[,,indexslide,,,,,indexModule"]f

〃配置延遲加載的控制監(jiān)控區(qū)域param:{},//渲染單元config:{"indexNav":{cover:data:{}h"indexLunbo":{cover:,l+"floading:remote:"index.php/mwidget/index_module_one_jsonp?callback=7h"indexModule":{cover:loading:"!"fremote:"index.php/mwidget/index_module_two_jsonp?callback=f}}七樂(lè)原醫(yī)主醫(yī)有所依什么是約定式編程？它和引擎技術(shù)有什么關(guān)系?<id=ll|indexBanner]11v!—由引擎拼裝顯示一></>class=IMtremote="doctor”url=,M,xxx="crow5">屬性注解：」接口地址=remote+id=doctor/indexBanner｝妾口返回html=tpl+Json積板=id+"tpl"=indexBannerTpl回璋動(dòng)畫時(shí)間嫗理=_id=_indexBanner七樂(lè)原醫(yī)主醫(yī)有所依約定接口形式■2.1.5.橫幅廣告1描述3獲取頂部橫幅廣告9地址（測(cè)試）3docto|7［應(yīng)祭躬迎冥3參數(shù)3參數(shù)名3類型3必須3備注33333方法3GET—響應(yīng)?！龀晒鄘""code":0<■畋V成功"V"data":[3{#"imgUrl":n

http://yun.7lk.me/assets/banner/1459409619976.jpg",""title":"浮層二3"targetUrl":"/workspace/html/activity/h5_active/cure.html”,#"content":二“"djsglayOj^er":1,3"jsExternaP:0<"clickable":03}#]"}33結(jié)果碼：0成功；非。失敗#消息提示333輪播圖片333標(biāo)題鏈接地址#內(nèi)容"排序*J是否用鏈接：0.是1.否"是否可點(diǎn)擊：0.是1.否37L七樂(lè)原醫(yī)主醫(yī)有所依<scripttype="text/javascript">//--------Crow5迷你版頁(yè)面約定設(shè)置----------//AddByEqu@2016-07-28弓I擎啟動(dòng)開關(guān)//AddByEqu@2016-08-02實(shí)現(xiàn)無(wú)配置，全約定方式啟動(dòng)，//所有邏輯由約定完成，無(wú)需寫任何代碼，干掉配置文件Crow5_X.App.g。()；store.clear();//---------------------------function

_indexBanne^r|(_/son){function

_indexNews(json){頁(yè)面模板甘欠套以及獲取json的方式<scripid="indexBannerTpl"type="text/html"><divclass="banner”〉divid"banner_tabs"class

"flexslider"><ulclass^"slides,*>{ifcode~0&&data[0]}{eachdata}<li>{$value.clickable==1}<atitle"{$value.title}*1

targetM_blank"><imgwidth="1920"alt""src'*{$value.imgllrl}"></a>{else}<atitle"{$value.title}"target"_blank"href"{$value.targetUrl}"><imgwidth=,,1920nalt,,H

srcM{$value.imgUrl}"></a>{/if}</li>{/each}{/if}v/Ul><ulclass=*'flex-direction-nav"><li><aclass

"flex-prev"href="javascript:;">Previous</a></li>class=Hflex-next"href"javascript:;">Next</a></li></uIa</div></div>7L七樂(lè)康醫(yī)主醫(yī)有所依345678901234545678901222222223333335555889991111111111111111111111擴(kuò)展屬性:屬性名屬性值屬性含義cachedata緩存數(shù)據(jù)html緩存拼接后的htmlI不緩存lazyLoad?有懶加載I沒(méi)有懶加載url優(yōu)先級(jí)高的調(diào)用地址loading是否有加載動(dòng)回vm(object)指定數(shù)據(jù)驅(qū)動(dòng)模型I無(wú)需數(shù)據(jù)驅(qū)動(dòng)cover+剛方式填充?置頂刷新填充param?引擎默認(rèn)配參(Json}指定特殊參數(shù)isHeartbeat?有心跳保持I沒(méi)有心跳保持noCachTime?緩存是否超時(shí)時(shí)間I沒(méi)有超時(shí)時(shí)間ProtectDisplay?有分頁(yè)保護(hù)I沒(méi)有分頁(yè)保護(hù)還有很多屬性在這里就不一列舉了7L七樂(lè)康醫(yī)主醫(yī)有所依引擎雖好極致的能否不配成配置pmmer的誕生想真什么自動(dòng)兢有7L七樂(lè)康醫(yī)主醫(yī)有所依利用Crow5的強(qiáng)大特性7L七樂(lè)康醫(yī)主醫(yī)有所依rammer構(gòu)建工具D：5yworks—h[value■旬_]Options:Commands:Us禎g酵：rapimer[options—U,—uersionoutput—h#—helpoutputtheuersionnumberusageinformationhtnl[options]project(options]link<dir>CotherDirs..?]note(options]check[options1edit[options]<file>EotherFiles...]engine(options1<file>[otherFiles...]基礎(chǔ)功能演示7L七樂(lè)康醫(yī)主醫(yī)有所依文文使ht工丸注建建建用面頁(yè)極準(zhǔn)件聯(lián)標(biāo)X天現(xiàn)場(chǎng)實(shí)例演示新藥推薦支悖本嶂分藥店目提利動(dòng)乳果糖口阪溶液60ml(100ml:66.7g)模塊:board癥口:docApi/board模塊:board癥口:docApi/board最新公告某著名蕓院住院醫(yī)師王醫(yī)生將在某大禮迸行學(xué)術(shù)報(bào)告演講，歡迎報(bào)名參加！模塊:basiclnfo接口:docApi/doctorlnforammerengine引擎名目標(biāo)頁(yè)面一insertSection渲染Id模塊類型--remote接口rammerenginecrow5gD.html—insertSectionboardboard—remotedocApi/board￥30.48￥40^0rammerenginecrow5gD.html—insertSectionmedicineListmedicineList—remotedocApi/medicineListrammerenginecrow5gD.html—insertSectiondoctorlnfobasiclnfo—remotedocApi/doctorlnfoF七樂(lè)康區(qū)主醫(yī)有所依現(xiàn)場(chǎng)實(shí)例演示1華佗醫(yī)生所屬科室：男科宣教rammerenginecrow5mD.html--insertSectionnoticeListnoticeList--remotedocApi/noticeListrammerenginecrow5mD.html--insertSectiondoctorlnfoinfoTab--remotedocApi/doctorlnfo模塊：menu接口:docApi/menu男科旦痂市宀MW"新藥推薦七樂(lè)康倉(cāng)庫(kù)新増抗癌新藥rammerenginecrow5mD.html--insertSectionmenumenu--remotedocApi/menu模塊：infoTab接口:docApi/doctorInfo模塊:noticeList接口:docApi/noticeListrammerengine引擎名目標(biāo)頁(yè)面一insertSection渲染Id模塊類型--remote接口活動(dòng)通知積分規(guī)則大升級(jí).快看詳細(xì)I77七樂(lè)原醫(yī)主醫(yī)有所依群發(fā)我的藥房邀請(qǐng)患者?系統(tǒng)通知完善個(gè)人信息，開啟互聯(lián)網(wǎng)醫(yī)療之旅吧！現(xiàn)場(chǎng)實(shí)例演示消息速遞rammerenginecrow5hD.html—insertSectionindexBannerslide—remotedocApi/indexBannerrammerenginecrow5hD.html—insertSectiondoctorlnfodetaillnfo—remotedocApi/doctorlnforammerenginecrow5hD.html—insertSectiontipListtipList—remotedocApi/tipList模塊:detailinfo複口:docApi/detaillnfo模塊:slide接口:doc