奇舞周刊第 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 指令实现前端曝光埋点

埋点是数据分析的基础，埋点数据统计的准确性对后续的数据分析非常重要，所以我们在统计曝光埋点的时候一定要基于适用场景优先制定曝光埋点的规则。本文提供了针对前端曝光埋点的实现方案。

博闻强识

■ ■ ■

 抓手，到底是个什么鬼东西？

经常听到抓手二字，意会出不少含义，但又似懂非懂，直到听过一个非常形象的比喻，业务发展是技术演进的抓手，业务好比登山时手中紧握的铁索，技术就像脚下的站立的石阶。

 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 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。