資訊專欄INFORMATION COLUMN
摘要：為此，玉伯當(dāng)時(shí)還特意發(fā)了一條微博，說(shuō)是應(yīng)該給和也樹一塊墓碑了。這里，閏土所說(shuō)的過(guò)時(shí)，并不是指它現(xiàn)在就不能用了，而是說(shuō)出現(xiàn)了明顯更加先進(jìn)的理念或者標(biāo)準(zhǔn)，這會(huì)導(dǎo)致未來(lái)它的使用場(chǎng)景大為減少，整體趨勢(shì)已經(jīng)步入衰落。
前言
都已經(jīng)2017年的11月份了，我們項(xiàng)目還打算用seajs？！沒(méi)錯(cuò)，上周我們公司的一個(gè)項(xiàng)目啟動(dòng)了，開會(huì)的時(shí)候CTO要求用seajs + artTemplate的組合套餐來(lái)開發(fā)。在下來(lái)研究過(guò)后，我深覺(jué)此舉不妙，遂和我們的CTO進(jìn)行了第二輪溝通，最終選定了vuejs + webpack 的模塊化開放模式。雖然是工作中的一件小事，但還是給我留下了不小的感悟。
故事背景交代完畢，接下來(lái)，正文開始～
記得前年（2015年）杭州D-DAY玉伯說(shuō)過(guò)，能夠親眼看到seajs死掉也是一種幸福。一個(gè)大而全的前端框架，功能越做越多，迭代難度也會(huì)越來(lái)越大。其實(shí)小而美挺好的。
為此，玉伯當(dāng)時(shí)還特意發(fā)了一條微博，說(shuō)是應(yīng)該給seajs和kissy也樹一塊墓碑了。以下是微博截圖：
為什么感覺(jué)一直追趕的SeaJS已經(jīng)死掉了呢？
這里，閏土感覺(jué)有句話特別應(yīng)景，鮮衣木馬少年時(shí)，怎可死氣沉沉如暮年？
“說(shuō)人話，好吧？！”
“呃......，因?yàn)樗^(guò)時(shí)了唄?！?/p>
這里，閏土所說(shuō)的過(guò)時(shí)，并不是指它現(xiàn)在就不能用了，而是說(shuō)出現(xiàn)了明顯更加先進(jìn)的理念或者標(biāo)準(zhǔn)，這會(huì)導(dǎo)致未來(lái)它的使用場(chǎng)景大為減少，整體趨勢(shì)已經(jīng)步入衰落。
隨著Web相關(guān)標(biāo)準(zhǔn)的推進(jìn)，有很多框架（庫(kù)）都過(guò)時(shí)了。比如：
JavaScript新的模塊標(biāo)準(zhǔn)導(dǎo)致了SeaJS和RequireJS的過(guò)時(shí)；
原生選擇器的良好支持，導(dǎo)致人們對(duì)jQuery不再那么依賴；
Array和Object上面一些新特性的出現(xiàn)，導(dǎo)致underscore和lodash的作用減弱。
與此同時(shí)，一些專注于做shim或者polyfill的庫(kù)反倒會(huì)比較時(shí)髦，因?yàn)樗鼈兊亩ㄎ环浅Ｃ鞔_：扶上馬，送一程（哈哈，這是一句玩笑話，不可當(dāng)真）。
然后，像Angular，Backbone，Knockout，這一大票東西，除非革自己的命，否則全部過(guò)時(shí)了（當(dāng)然，angular1已經(jīng)革了自己的命，大版本的API迭代，完成了ng2的救贖）。再來(lái)看看Kissy，這也是一個(gè)時(shí)代的產(chǎn)物，在同一個(gè)時(shí)期，有很多類似YUI或者jQuery UI的東西，然而，它們都衰落了，不再適應(yīng)新的時(shí)代。
我們將來(lái)不需要用那樣的方式編寫前端框架，不需要用那樣的方式編寫界面組件，永遠(yuǎn)不要停下自己的腳步。中堂大人教導(dǎo)我們：一代人做一代人的事情。上一代前端框架/庫(kù)都已經(jīng)基本完成使命了，讓我們默默記住并懷念它們。
什么，你不知道中堂大人的梗？好吧，那我來(lái)告訴你，算盤打得再精，也不如中堂大人，中堂大人已經(jīng)把他們的所作所為了如指掌......（好吧，話題扯遠(yuǎn)了）。
當(dāng)然，花開兩朵，各表一枝（一聽這話，想必你們都能猜到，劇情要反轉(zhuǎn)了）。再次強(qiáng)調(diào)，過(guò)時(shí)、衰落，都代表著下降趨勢(shì)，而不是說(shuō)你現(xiàn)在就不能用了，仍然會(huì)有合適的場(chǎng)景，比如你要支持ie6之類，在你的場(chǎng)景沒(méi)有與時(shí)俱進(jìn)之前，技術(shù)選型也是不能與時(shí)俱進(jìn)的。
俗話說(shuō)，做人留一線，日后好相見。這回閏土的話說(shuō)的夠圓滑了吧，抨擊seajs不能太絕，凡事都是相對(duì)的。在編程界沒(méi)有絕對(duì)的事情，如果有，那就是抨擊的還不夠（呃，好吧，足見閏土老油條的功底）。
其實(shí)， RequireJS 也好，Sea.js 也好，CommonJS、AMD 還是 CMD 也好，在當(dāng)年的產(chǎn)生和流行，都不是為了推框架，目的都是為了模塊化開發(fā)。現(xiàn)在 ES2015（俗稱ES6） 規(guī)范已出，JS 模塊已經(jīng)得到標(biāo)準(zhǔn)化，早先的模塊化方案的沒(méi)落，和 webpack 與 babel 等轉(zhuǎn)換工具的火爆，都是大勢(shì)所趨。吾等螳臂擋車，并沒(méi)有什么卵用。
看到這里，知道前端圈的技術(shù)更迭是有多厲害了吧，那些一味鄙視前端技術(shù)含量不高的人人們，我只想送你們一句話，In this era, you will be abandoned。（不用百度翻譯了，意思就是在這個(gè)時(shí)代，你會(huì)被拋棄。噗嗤～）
如果你身邊還有鄙視前端技術(shù)含量低的人，建議你將這篇小文懟到他臉上（開玩笑的老鐵，快把手里的板磚放下～）。
說(shuō)了那么多，讓我們來(lái)映射一下主旨：
前端造那么多東西，最終還是為產(chǎn)品服務(wù)，那么多人愛造輪子是個(gè)好事，對(duì)于小公司里的年輕人來(lái)說(shuō)，造輪子是能力的鍛煉。
但是從壞的一方面來(lái)講，就會(huì)導(dǎo)致產(chǎn)品需要不斷的迭代更新，迭代就會(huì)帶來(lái)更多的維護(hù)成本，這樣的話，一個(gè)產(chǎn)品的開發(fā)周期相當(dāng)于被無(wú)限拉長(zhǎng)，只要技術(shù)一發(fā)生更新，項(xiàng)目就得重構(gòu)。
接著又從好的一方面來(lái)看，不斷的重構(gòu)會(huì)讓前端崗位一直處于供需平衡狀態(tài)，為了你不會(huì)下崗，就讓他們?cè)燧喿拥娜苏垓v去吧。反正都是js，怎么折騰都逃不出前端工程師的手掌心。
后記最后，還是那句話：聞道有先后，術(shù)業(yè)有專攻。在從事前端的道路上，you are not alone.
想了解我的更多動(dòng)態(tài)？歡迎關(guān)注我的微信公眾號(hào)：閏土哥的前端路
作者：閏土少年
鏈接：https://juejin.im/post/5a1174...
來(lái)源：掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/89889.html
摘要：原文地址為了探究按需加載的本質(zhì)，選擇了對(duì)先前造的輪子進(jìn)行實(shí)驗(yàn)。下文就來(lái)揭開面紗，并動(dòng)手改造項(xiàng)目，最終目標(biāo)是用第二種寫法實(shí)現(xiàn)按需加載，減小打包體積。下面給出種可以按需加載的方案。 原文地址 為了探究按需加載的本質(zhì)，選擇了對(duì)先前造的輪子 diana 進(jìn)行實(shí)驗(yàn)。 實(shí)驗(yàn)一：全量引用 import * as _ from diana 打包體積結(jié)果如下： showImg(http://oqhtsc...
摘要：在發(fā)布自己造的輪子前言自從出現(xiàn)，它的好基友也是我們?nèi)粘ｉ_發(fā)中必不可少的東西。 在NPM發(fā)布自己造的輪子 1、前言 自從Node.js出現(xiàn)，它的好基友npm(node package manager)也是我們?nèi)粘ｉ_發(fā)中必不可少的東西。npm讓js實(shí)現(xiàn)了模塊化，使得復(fù)用其他人寫好的模塊（搬磚）變得更加方便，也讓我們可以分享一些自己的作品給大家使用（造輪子），今天這里我就給大家分享一個(gè)用命令...
摘要：起因工作也差不多滿一年了，對(duì)于基本的業(yè)務(wù)開發(fā)有了一些自己的想法剛開始工作的前個(gè)月，每天都可以接觸到新東西，接觸新業(yè)務(wù)個(gè)月之后業(yè)務(wù)開發(fā)熟悉了對(duì)于自己的技術(shù)成長(zhǎng)就感覺(jué)受到了局限如果一直沒(méi)有作出改變，那么等于是個(gè)月的經(jīng)驗(yàn)要用一年我的學(xué)習(xí)方式就是多 起因 工作也差不多滿一年了，對(duì)于基本的業(yè)務(wù)開發(fā)有了一些自己的想法 剛開始工作的前3個(gè)月，每天都可以接觸到新東西，接觸新業(yè)務(wù) 3個(gè)月之后業(yè)務(wù)開發(fā)熟...
摘要：補(bǔ)充一個(gè)資料，供有興趣的朋友閱讀浮點(diǎn)數(shù)算法爭(zhēng)議和限制說(shuō)明以上除法規(guī)則，是針對(duì)，在中，將和等同起來(lái)了。比如下面的例子不啰嗦了，實(shí)驗(yàn)一個(gè)注意了，引用了一個(gè)模塊之后，再做除法，就不管什么情況，都是得到浮點(diǎn)數(shù)的結(jié)果了。 除法啰嗦的，不僅是python。 整數(shù)除以整數(shù) 看官請(qǐng)?jiān)趩?dòng)idle之后，練習(xí)下面的運(yùn)算： >>> 2/5 0 >>> 2.0/5 0.4 >>> 2/5.0 0.4 >...
摘要：詳細(xì)代碼如下追蹤賦值里面的是子路由設(shè)計(jì)子路由設(shè)計(jì)這個(gè)比較簡(jiǎn)單，每個(gè)子路由維護(hù)一個(gè)路由監(jiān)聽列表，然后通過(guò)調(diào)用的函數(shù)添加到主路由列表上。 showImg(https://segmentfault.com/img/bVbruD0?w=756&h=378); 前言 鑒于之前使用express和koa的經(jīng)驗(yàn)，這兩天想嘗試構(gòu)建出一個(gè)koa精簡(jiǎn)版，利用最少的代碼實(shí)現(xiàn)koa和koa-router，同時(shí)...
閱讀 664·2021-11-11 16:55
閱讀 2166·2021-11-11 16:55
閱讀 1958·2021-11-11 16:55
閱讀 2350·2021-10-25 09:46
閱讀 1614·2021-09-22 15:20
閱讀 2295·2021-09-10 10:51
閱讀 1712·2021-08-25 09:38
閱讀 2626·2019-08-30 12:48
