天天看點

奇舞周刊第 391 期:實作一個 360 全景的 N 種方案

記得點選文章末尾的“ 閱讀原文 ”檢視喲~

下面先一起看下本期周刊 摘要 吧~

奇舞推薦

■ ■ ■

 實作一個 360 全景的 N 種方案

360 全景浏覽是一種成本效益很高的虛拟現實解決方案,給人一種全新的浏覽體驗,讓你足不出戶就能身臨其境地感受到現場的環境。本文叙述了實作 360 全景功能 4 種不同的方案,包括:CSS3、Three.js、pannellum 和 krpano,在基于 webGL 的方案中,介紹了兩種主要的投影方式:立方體投影和球型投影,并給出了 demo 代碼和頁面。

 設計稿 (UI 視圖) 自動生成代碼方案的探索

設計稿 (UI 視圖) 轉代碼是前端工程師日常不斷重複的工作,這部分工作複雜度較低但工作占比較高,是以提升設計稿轉代碼的效率一直是前端工程師追求的方向之一。

 CSS 實作優惠券的技巧

本文介紹了 12 種繪制優惠券的案例,其中有不少經典的 css 小技巧,值得收藏。

技術實踐

■ ■ ■

 從 0 到 1 實作 Web 端 H.265 播放器:視訊解碼篇

這兩年内業界也有大量 H.265 播放器的實踐落地,作者寫這篇文章也是借這次重構的機會分享自己的一些經驗,希望能幫助各位少踩些坑。

 微信小程式路由實戰

在小程式中所有頁面的路由全部由架構進行管理,架構以棧的形式維護了所有頁面,然後提供了一些 API 來進行路由之間的跳轉。但是,對于一個企業應用,使用原生 API 會出現一些相容問題或曆史包袱。對于這些問題,本文給出了解決方案。

通過自定義 Vue 指令實作前端曝光埋點

埋點是資料分析的基礎,埋點資料統計的準确性對後續的資料分析非常重要,是以我們在統計曝光埋點的時候一定要基于适用場景優先制定曝光埋點的規則。本文提供了針對前端曝光埋點的實作方案。

奇舞周刊第 391 期:實作一個 360 全景的 N 種方案

博聞強識

■ ■ ■

 抓手,到底是個什麼鬼東西?

經常聽到抓手二字,意會出不少含義,但又似懂非懂,直到聽過一個非常形象的比喻,業務發展是技術演進的抓手,業務好比登山時手中緊握的鐵索,技術就像腳下的站立的石階。

 Libuv 之 - 隻看這篇是不夠的

對 Node.js 的學習,無論如何都繞不開 Libuv。本文選擇沿着 Libuv 的 Linux 實作的脈絡對其内部一探究竟。

 五分鐘帶你了解 Web 技術發展曆程

1991年8月,第一個靜态頁面誕生了,這是由 Tim Berners-Lee 釋出的,想要告訴人們什麼是網際網路。從靜态頁面到 Ajax 技術,從 Server Side Render 到 React Server Components,曆史的車輪滾滾向前,一個又一個技術誕生和沉寂。本文将沿着時間線,從“發現問題-解決問題”的角度,帶領大家了解 Web 技術發展的關鍵曆程,了解典型技術的誕生以及技術更疊的緣由,思考技術發展的原因。

關于奇舞團

奇舞團是 360 集團最大的大前端團隊,代表集團參與 W3C 和 ECMA 會員(TC39)工作。奇舞團非常重視人才培養,有工程師、講師、翻譯官、業務接口人、團隊 Leader 等多種發展方向供員工選擇,并輔以提供相應的技術力、專業力、通用力、上司力等教育訓練課程。奇舞團以開放和求賢的心态歡迎各種優秀人才關注和加入奇舞團。

奇舞周刊第 391 期:實作一個 360 全景的 N 種方案