一,安裝環境 1.安裝spm spm工具是基於node(nodejs的服務平台)的,因此我們需要先安裝 node 和 npm 下載地址:http://nodejs.org/#download.下載 ...
背景 seajs是一款優秀的模塊開發插件,但是當我們使用它來進行模塊化開發的時候,由於它的每個模塊的加載都會進行一次http請求,那么當模塊數量倍增的時候,會拖慢頁面的加載速度。 通常我們為了能加快頁面的加載速度,都會對js進行壓縮並把關聯的模塊打包為一個獨立的js文件,這樣可以大大減少js的文件大小並且減少http請求的次數,這樣可以提升到頁面的加載速度。 我們可以是用spm來對js文件進行打包 ...
2013-10-14 21:00 2 5316 推薦指數:
一,安裝環境 1.安裝spm spm工具是基於node(nodejs的服務平台)的,因此我們需要先安裝 node 和 npm 下載地址:http://nodejs.org/#download.下載 ...
現在很多人都在用seaJs來開發項目,seaJs上手容易,操作簡單。但在后期做合並壓縮的時候卻中了個巨大無比的坑,但坑也總得有人來填。於是花了將近一個星期的時間來填了這坑,現將填坑的一些心得與大家分享。在網上搜了下相關的資料,不得不說網上資料很多的坑(都是復制別人的。。。),說多都是淚。下面總結 ...
1、首先全局安裝gulp 全局安裝就不做介紹了 初學gulp,終於把常用的配置,api,語法弄明白了! gulp插件地址:http://gulpjs.com/plugins gulp官方網址:h ...
grunt與seajs grunt是前端流行的自定義任務的腳手架工具,我們可以使用grunt來為我們做一些重復度很高的事情,如壓縮,合並,js語法檢查等。通過定義grunt的配置文件Gruntfile.js,配置並注冊grunt的任務,最終我們可以通過命令行來執行任務 ...
注意的是:引入jquery的代碼最好放在html文件中,本文是為了說明seajs中require如何使用的,才將jquery放入seajs中的。 html中對應的代碼: (注意的是 ) 對應的js代碼: 這里的 就是引入了zyl.js文件 ...
雖然已經有很長時間沒寫JavaScript,但很多時候看到一些應用還是會帶着好奇心去研究一下。之前是看騰訊的朋友網,它的webchat做的很不錯(雖然ff下有bug,也有消息丟失的情況,但總體的設計和體驗上還是很不錯的),抓包大致看了看請求和部分代碼。 它的聊天框使用div ...
之前的項目一直采用grunt來構建,然后用requirejs做模塊化,requirejs官方有提供grunt的插件來做壓縮合並。現在的項目切到了gulp,模塊化用起了seajs,自然而然地也想到了模塊合並壓縮的問題。然后一開始在解決這個問題的時候,並不是很順利,在npm上並沒有那種特別流行的專門 ...
公司還一直在延續使用jq+seajs的技術棧,所以只能基於現在的技術棧進行靜態文件打包,而眾所周知seajs的打包比較“偏門”,在查了不少的文檔和技術分享后終於琢磨出了自己的打包策略。 本文目錄 1. devDependencies依賴 2. css的壓縮、合並、md5 3. ...