Daguo的每周清單:第二期
這周朋友圈刷起了下雪的照片和視頻,想起在成都四年還是沒能一睹雪花紛飛的場景,很是遺憾啊。還以為廣東會保持18度的秋天風格到過年,下午就收到了明天驟降10度的寒潮預警,怕冷的人瑟瑟發抖!
前端基礎
- 前後端分離實踐
一直以為前後端分離是業界常態,接觸的項目比較多了之後,發現很多項目還是保持著和後端的強耦合,介面上依賴後端實現,不事先設計和mock,部署上和後端JAVA代碼打成包才能發布,不能獨立發布等等情況還很多,很影響開發效率。除非項目就是一幫全棧工程師寫的,否則我認為前後端分離應該積極的踐行。
(a==1&&a==2&&a==3)有可能是 true 嗎?
Javascript確實神奇,很久以前看到過類似的toString的這種用法,但是再次接觸到考這個知識點的一個變種題目還是覺得非常有趣。
JavaScript生態
- 微信小程序和PWA對比分析
小程序和PWA有著很多相似的地方,技術上都是通過Web技術實現可實時更新和跨平台,通過底層android/微信的支持介面提供平台能力,可以離線使用o,相比於傳統的APP產品有比較低的實現成本和高的可移植性,如果能處理好性能體驗的問題,PWA和微信小程序的生態都會得到迅速地發展。
技術視野
- iOS 支持 service worker 的意義
我從不懷疑PWA會快速發展,畢竟Google有android的平台優勢,加上Chrome的推動,現在OS和iOS也為支持PWA跨出了重要的一步。
- Bootstrap 4 發布了,可是已經過氣了呀
Bootstrap的第四號版本三年磨一劍,從15年開始Bootstrap4的第一個alpha到現在,說起來那會我還沒入行呢,前端技術圈已經發生了翻天覆地的變化。想起自己當年也是從Bootstrap開始擼起頁面的,如今由於更新迭代緩慢,同質化和緊耦合,缺少語義而被人詬病,曾經的王者隕落,時代的眼淚啊。
工程實踐
- Vue開發規範
本周開始新的項目後團隊需要制定一個開發規範,這對於臨時組件的團隊來說也是一個適應的過程,大家一起討論新項目前端的開發方式,組件的封裝和狀態如何管理,根據業務功能場景畫路由圖。這是一份非常好的Vue開發規範,涉及到用Vue開發過程中的方方面面,對於提高項目可維護性很有幫助,而且文檔很清楚地告訴你為什麼要有這樣的規範。
- 本周開發手記
大公司的技術產品,尤其是內部應用產品往往採用非常陳舊的技術棧實現,穩定可靠但是同時積累著一大堆技術債務,可維護性和代碼結構越來越差,同時各個模塊使用不同的前端技術,難以復用各種業務功能組件。考慮到不同的前端MVVM框架有自己的一套組件系統,如何才能建立一個統一的通用的組件庫,其他存量的系統可以直接引用呢?比如我們統一建立一個Vue的組件庫,封裝了一些Vue的業務功能組件,那麼其他的產品如果使用的是react或者angular要如何接入?一種方案是參考業界的將Vue組件庫重構一個react版本和angular版本,但是由於需要採用這種策略需要重構的工作量和人力完全無法匹配,我們目前暫時採用了第二種,就是直接引入vue組件依賴的包括vue.js在內的所有文件,好在vue所有的依賴加起來也就100K,這毫無疑問會影響原先頁面的性能,所以我們也在積極地推部門使用同一的前端技術棧,這樣就可以無縫使用組件庫的組件了。除了性能問題,兼容性問題也是需要考慮的點,雖然現在通過在index.html綁定不同的dom可以實現各自框架的邏輯沒有問題,但多個框架總是讓我覺得不太放心。
良心推薦
- KeystoneJS
上周推薦了小程序的後端服務介面商城,除了小程序後端,我們經常在開發完頁面之後需要做一個管理後台來可視化地操作我們的持久化數據,同時後端需要配置路由和資料庫,所有的這一切Keystone都能幫助前端工程師解決,它基於express,讓前端又一次「全棧」。
- Vue2實戰教程
來自梁睿坤大佬的實戰經驗書籍,Vue2實戰教程可以說是乾貨滿滿,通過實際項目講解Vue開發一個項目需要注意的方法面面,有很多概念解析很有想法,踩過的一些坑也是無私分享,本周看了三分之二,就忍不住強力推薦啦。
效率工具
- CSS用法快速搜索
在知乎上看到的,可以快速搜索CSS的一些屬性,一般我通過模糊搜索找到自己有點忘了怎麼用的一些屬性,點進去後,神清氣爽,所有的demo和注意事項都給你列出來了,瞬間就加深了對屬性的了解,而且界面非常好看。
總結&吐槽
本周雖然每晚都是十點後回家,8106,好像是來部門後過得最忙的一周了吧,但是感覺也是最充實的一周,技術上做了很多技術方面的預研,學習了一些項目啟動,工程化的方法論,通過試驗寫demo實踐了許多存有疑惑的知識點。下周又有新的任務,要適應多核工作的局面,另外個位數的溫度重回廣東,還得適應下寒冷。下周想把我的大F帶到公司去。
接下來好像每周都要上6天班,直到年後回來的第二個星期,看來周末又出不了坂田這塊地了。
推薦閱讀:
※丁香園開源介面管理系統 - API Mocker
※VUE路由許可權驗證
※最全最好用的動效落地方法、都幫你總結好了(下)
※橫行的前端(下)
※linux(deepin15.4)前端開發準備
TAG:前端開發 |