本期導讀: 2016作為VR虛擬現實的元年,VR內容將成為下一階段的需求爆點。從前端的視角去看待接口合并,可能會有意想不到的效果,基于代理服務的接口合并方案,讓接口更自由。點擊穿透一直是移動端web開發的巨坑,理解成因,才能從容面對。文末再奉獻兩個精彩h5效果,歡迎賞鑒
原創專題
1) 敲黑板!揭開“VR APP開發”的神秘面紗@陳昱宏
2016作為VR虛擬現實的元年,各大VR廠商紛紛推出自己的硬件設備,巨頭們建立自己的VR生態圈,推出各自的設備-平臺-sdk為一體的閉環,隨著VR硬件設備以及各大平臺的推出完善,VR內容將成為下一階段的需求爆點,VR開發也將成為IT熱門職位。
2)基于代理服務的接口合并方案 @曾文富
過多的接口請求是web前端的主要性能瓶頸之一,接口合并是剛需。后臺的接口設計有其既有粒度,對每個功能場景額外的增加合并的接口,工作量巨大,且場景難以覆蓋。增加一臺離接口服務器很近的代理服務器,定義一套接口合并的規則,代理服務器解析前端發來的規則,對接口服務器發起近距離請求,合并后返回。
3)移動端click延遲及zepto的穿透現象@嚴曉娥
穿透現象與click的延遲解決方法是分不開的,若要了解穿透現象,需要先了解click延遲的解決原理。
語言基礎
1) css3 animation 屬性眾妙@ 燕婷
開發動畫時,我們都是先根據視覺稿做好構建,再來給元素加動畫的。如上文所述,可通過 animation-delay 來延遲的動畫的執行。而在執行前,元素往往需要先隱藏(translate 定位到視窗外 / opacity 設置為 0 / scale 設置為 0 等)。若將隱藏元素的樣式直接應用到元素上,一來不利于構建,二來對于不支持動畫的瀏覽器來說,只會呈現一片空白。此時,animation-fill-mode 的 backwards 屬性值便派上用場。
2) 保護客戶端JavaScript應用最有效的方式@ 度衡(譯)
像Javascript的客戶端技術中,存在許多有用的特色。這是造就了它為世界上最受歡迎的編程語言的原因。Javascript特色突出許多優點,其一便是即時編譯。這有一些益處,比如,瀏覽器可以邊下載內容邊執行代碼。不過,這種層次的自由也來了責任。
3)使用CSS處理圖像效果@大漠
一直以來在大家的印象中,處理圖像的效果都應該是設計師的工具,甚至這些事情應該都交給PhotoShop之類的設計軟件來完成。但是隨著CSS的技術發展以及瀏覽器更新,前端人員通過CSS也可以做一些圖像的處理。今天就是想跟大家聊聊如何通過CSS來處理圖像效果。
4)前端開發者不得不知的ES6十大特性@sheran
也許你還不知道ES6是什么, 實際上, 它是一種新的javascript規范。在這個大家都很忙碌的時代,如果你想對ES6有一個快速的了解,那么請繼續往下讀,去了解當今最流行的編程語言JavaScript最新一代的十大特性。
工具框架
1)網頁3D效果庫Three.js初窺@Leinov(譯)
Three.js有幾種不同的相機,現在我們使用PerspectiveCamera.第一個屬性是視角,我們可以把相機理解為我們的眼睛, 第二個屬性是寬高比,你通常希望使用元素的寬度除以高度,或者理解為當你在一個寬屏電視上看一個老電影是也會得到這種結果-圖像會被拉伸,接下來的兩個屬性是遠近剪切面,什么意思呢?字面上意思是:物體遠離相機的far值或者比相機的near值還要近都不會被渲染! 看到這個我有點懵逼查了半天 投影矩陣 這篇文章講的大概能看懂是什么意思。你現在不用擔心這個,但是你可能會在你的app里使用其它值來達到更好的展現 !
2) Express入門教程:一個簡單的博客@nswbmw
Express 是一個簡潔而靈活的 node.js Web應用框架, 提供了一系列強大特性幫助你創建各種 Web 應用,和豐富的 HTTP 工具。使用 Express 可以快速地搭建一個完整功能的網站,它有一套健壯的特性,可用于開發單頁、多頁和混合Web應用。此文介紹如何使用Express搭建多人博客。
3)React構建單頁應用方法與實例@勞卜
React作為目前最流行的前端框架之一,其受歡迎程度不容小覷,從這門框架上我們可以學到許多其他前端框架所缺失的東西,也是其創新性所在的地方,比如虛擬DOM、JSX等。那么接下來我們就來學習一下這門框架是如何構建起一個單頁應用的。
前端視界
點擊鏈接可查看效果
1) 動感loading@陳昱宏
2) 搖錢樹@吳克炯
結語
文章發布于銀行一賬通UEDC,文章地址