JS 項(xiàng)目?jī)?yōu)化

https://segmentfault.com/a/1190000000490324

  1. 優(yōu)化循環(huán)
  2. 垃圾回收
    *1锦援。 將不用的對(duì)象賦值為空猛蔽。(null)
    *2. 全局對(duì)象 將一些常用對(duì)象永久保存起來(lái)。作為全局對(duì)象
    *3. 事件監(jiān)聽(tīng)器的回收
    *4. 定時(shí)器的回收灵寺。(干脆就放一個(gè)全局的定時(shí)器曼库,項(xiàng)目啟動(dòng)后就一直在跑)
    *5. 閉包導(dǎo)致的內(nèi)存泄露 (閉包是不會(huì)造成內(nèi)存泄漏的。但是略板,閉包會(huì)造成對(duì)象引用的生命周期脫離當(dāng)前函數(shù)的上下文)(有待研究)
    3.對(duì)象的優(yōu)化
    *1. JavaScript獲取數(shù)據(jù)的性能有如下順序(從快到慢)
    變量獲取 > 數(shù)組下標(biāo)獲然倏荨(對(duì)象的整數(shù)索引獲取) > 對(duì)象屬性獲榷3啤(對(duì)象非整數(shù)索引獲戎致辍)
    *2. 對(duì)象的拷貝
    for(item in source) 的效率非常低
    4.對(duì)象池
    5.線(xiàn)程

6.緩存
*1. http請(qǐng)求數(shù)據(jù)的緩存,避免同樣的數(shù)據(jù)重復(fù)去請(qǐng)求颅拦。
*2. 本地緩存 sessionStorage localStorage
*3. 應(yīng)用資源的緩存蒂誉。 Application Cache
<html manifest="manifest.appcache">

js文件的優(yōu)化
*1. 文件的壓縮
壓縮主要是刪除 JS 代碼中注釋教藻、換行符距帅、空格等,從而壓縮 JS 文件大小括堤。
工具打包之后基本上都經(jīng)過(guò)了壓縮碌秸。但是要注意代碼的規(guī)范。如果使用代碼混淆的話(huà)會(huì)將方法名和變量名賦值為a悄窃,b讥电,c這樣的一個(gè)單詞,會(huì)減少文件的長(zhǎng)度轧抗。我們現(xiàn)在用的工具一般只壓縮不混淆恩敌。如果要混淆需要自己找工具去處理
*2. 文件的合并 將多個(gè)js文件合并成一個(gè)文件。減少網(wǎng)絡(luò)請(qǐng)求的此時(shí)横媚。但是主要要是在同一模塊下的纠炮。
同樣的圖片和聲音也可以做這樣的合并處理。

Angular2 項(xiàng)目的優(yōu)化
Aot編譯灯蝴, 搖樹(shù)優(yōu)化 (treeshaking) 懶加載恢口。

    --prod 代表生產(chǎn)環(huán)境編譯,帶有代碼混淆與壓縮功能穷躁。我這實(shí)際測(cè)試時(shí)候耕肩,默認(rèn)編譯包大小為3.5兆,生產(chǎn)包1.7兆。

    --aot 代表預(yù)編譯猿诸,會(huì)顯著縮短客戶(hù)端瀏覽器的啟動(dòng)到展示出真正頁(yè)面的時(shí)間婚被。
    
    緩存接口的數(shù)據(jù)。
    轉(zhuǎn)場(chǎng)動(dòng)畫(huà)

服務(wù)器的Gzip壓縮梳虽。

對(duì)象的賦值
對(duì)象引用賦值后摔寨,如果將對(duì)象置空,相互間是不受影響的怖辆。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末是复,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子竖螃,更是在濱河造成了極大的恐慌淑廊,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,919評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件特咆,死亡現(xiàn)場(chǎng)離奇詭異季惩,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)腻格,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,567評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)画拾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人菜职,你說(shuō)我怎么就攤上這事青抛。” “怎么了酬核?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,316評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵蜜另,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我嫡意,道長(zhǎng)举瑰,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,294評(píng)論 1 292
  • 正文 為了忘掉前任蔬螟,我火速辦了婚禮此迅,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘旧巾。我一直安慰自己耸序,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,318評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布菠齿。 她就那樣靜靜地躺著佑吝,像睡著了一般。 火紅的嫁衣襯著肌膚如雪绳匀。 梳的紋絲不亂的頭發(fā)上芋忿,一...
    開(kāi)封第一講書(shū)人閱讀 51,245評(píng)論 1 299
  • 那天炸客,我揣著相機(jī)與錄音,去河邊找鬼戈钢。 笑死痹仙,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的殉了。 我是一名探鬼主播开仰,決...
    沈念sama閱讀 40,120評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼薪铜!你這毒婦竟也來(lái)了众弓?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,964評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤隔箍,失蹤者是張志新(化名)和其女友劉穎谓娃,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體蜒滩,經(jīng)...
    沈念sama閱讀 45,376評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡滨达,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,592評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了俯艰。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片捡遍。...
    茶點(diǎn)故事閱讀 39,764評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖竹握,靈堂內(nèi)的尸體忽然破棺而出画株,到底是詐尸還是另有隱情,我是刑警寧澤涩搓,帶...
    沈念sama閱讀 35,460評(píng)論 5 344
  • 正文 年R本政府宣布污秆,位于F島的核電站,受9級(jí)特大地震影響昧甘,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜战得,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,070評(píng)論 3 327
  • 文/蒙蒙 一充边、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧常侦,春花似錦浇冰、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,697評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至坡倔,卻和暖如春漂佩,著一層夾襖步出監(jiān)牢的瞬間脖含,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,846評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工投蝉, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留养葵,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,819評(píng)論 2 370
  • 正文 我出身青樓瘩缆,卻偏偏與公主長(zhǎng)得像关拒,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子庸娱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,665評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,091評(píng)論 25 707
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語(yǔ)法冒滩,類(lèi)相關(guān)的語(yǔ)法,內(nèi)部類(lèi)的語(yǔ)法叫确,繼承相關(guān)的語(yǔ)法纷责,異常的語(yǔ)法,線(xiàn)程的語(yǔ)...
    子非魚(yú)_t_閱讀 31,625評(píng)論 18 399
  • 從三月份找實(shí)習(xí)到現(xiàn)在臣樱,面了一些公司靶擦,掛了不少,但最終還是拿到小米雇毫、百度玄捕、阿里、京東棚放、新浪枚粘、CVTE、樂(lè)視家的研發(fā)崗...
    時(shí)芥藍(lán)閱讀 42,243評(píng)論 11 349
  • AJax 優(yōu)化 緩存 Ajax 請(qǐng)求盡量使用GET, 僅取決于cookie數(shù)量 Cookie 優(yōu)化 減少Cooki...
    KeKeMars閱讀 9,354評(píng)論 5 89
  • 背了半天的韓語(yǔ)單詞飘蚯,上了半天的課馍迄,和朋友們吃過(guò)晚飯。 結(jié)束了忙碌的一天局骤。 余下在房間里和自己獨(dú)處的時(shí)間攀圈。 喜歡朋友...
    POPPY有毒閱讀 269評(píng)論 0 2