1. 程式人生 > >2018.9.16 西安WEB前端交流會心得

2018.9.16 西安WEB前端交流會心得

本次交流會最終分享了5個講座,分別是:

第一場《揭祕貝塞爾曲線及在WEB中的應用》

這一場中主要講了貝塞爾曲線在前端專案中的使用,知道了貝塞爾曲線的由來,學到了如何使用貝塞爾曲線。比較重要的點包括貝塞爾曲線由一個起點一個終點和1-2個控制點構成,貝塞爾曲線原則上可以繪製出任何曲線。貝塞爾曲線和數學公式是完全對等的,即任意曲線可轉換為貝塞爾公式,任意貝塞爾公式也可以繪製成曲線表示。

個人感覺是華而不實,畢竟就為了做出一個影象需要花費上百行程式碼,無論是程式設計效率還是效能方面都是完全不值得的。對於web開發,尤其是移動端開發,最根本的要求還是速度,才能讓使用者的體驗更好。之前做的專案中我們所採用的是,頁面中所用到的圖示基本採用向量文字圖示,而不是img,例如阿里雲向量圖示庫

http://iconfont.cn/plus/user/detail?uid=41718,這樣可以做到整個頁面的圖示的大小在幾KB之內,極大的提高載入速度。

對於真正的圖片,我們使用的是阿里雲提供的OSS物件儲存服務,將圖片儲存在阿里雲OSS伺服器上,並且對於圖片的裁剪縮放等操作均使用阿里雲OSS完成,這樣也可以很明顯的提高載入速度。

第二場《TypeScript入門》

整個講座就是TypeScript的簡單入門,講了TypeScript的新特性,封裝變數提供更加面向物件的開發方法等等。

對自己收穫不大,畢竟前端的框架實在太多了,三大主流react angularJS vue就已經很讓人頭疼了。react更加側重前端表現,angularJS更加註重資料處理,vue是一個大整合。

第三場《基於以太坊的DAPP開發實踐》

講了簡單的區塊連開發流程。DAPP就是所謂的區塊鏈應用,然後以太坊是DAPP最流行的開發平臺,以太坊也提供了一系列包括開發語言 整合開發環境 和開發流程等等。

講道理他自己講得都不是很清楚。

第四場《基於ng的前端微服務》

來自華為雲的工程師大概講了前端微服務架構的幾種實現方式。

這個睡著了。

第五場《Build blazing fast website with Google AMP project》

AMP官網:

Accelerated Mobile Pages Project – AMP

這應該是全場最讓人歡迎的一場講座,首先講師講得很好,這也是大家關心的關鍵問題,No matter what kind of experience I'm building. I want it to be fast。講座大致是講解了谷歌所發起的一項名為AMP的技術,這門技術準確來說是一項規範,一項從HTML到JS的規範,目的是提高web站點載入的速度。

AMP——移動頁面加速,是由谷歌公司啟動的一個加快移動頁面載入速度的專案。百度也對應啟動了MIP專案。谷歌目前會預先載入符合AMP標準的WEB站點,方式是提前快取你的站點到谷歌快取伺服器上,這樣使用者從搜尋點選進入的是谷歌快取伺服器上快取的WEB站點,谷歌伺服器肯定比自己的伺服器更穩定,所以這樣能夠極快的提高載入速度。但是缺點也很明顯,不適合用對實時性要求高的站點。

對於編寫小型非高實時性網站還是非常實用的,值得學習。