利用自己的空余時(shí)間一直在維護(hù)http://www.wx2share.com這個(gè)小網(wǎng)站,全是一個(gè)人在弄,由于只租得起虛擬空間,所以后臺采用了簡單方便的ThinkPHP反正主要也是做一些CURD操作ThinkPHP還是挺好用的,幫我提前做好了好多功能。
本人并不擅長前端,但是開始開發(fā)這個(gè)小網(wǎng)站發(fā)現(xiàn),基本的功能全部要通過前端javascript來實(shí)現(xiàn)。一開始的時(shí)候所有的javascript代碼全部寫在html頁面里。也沒有太大問題,后來為了頁面性能要求把所有javascript和css全部minify一下。我采用的辦法把js和css通過資源文件引入。然后用在線的minify工具復(fù)制過去minify以后,復(fù)制回來保存為xxx.min.js。方法是笨一點(diǎn),但是一來頁面不多,到也沒有多麻煩。但是漸漸的頁面開始多了以后,就越來越不方便了。

原來方法中的痛點(diǎn)

  • 每次minify都要復(fù)制來復(fù)制去,文件多了麻煩

  • 代碼重復(fù)利用率不高。

    • 辦法1:重復(fù)代碼全部復(fù)制到新文件(傻)

    • 辦法2:公用代碼保存為單獨(dú)文件分別引入,不利入頁面性能

這時(shí)候讓我不得不考慮使用前端自動(dòng)化構(gòu)鍵工具

構(gòu)鍵工具的選擇

網(wǎng)友評論