前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

HLS (HTTP Live Streaming) 是苹果公司开发的流媒体传输协议，它使用 HTTP 来传输视频，可以防止被防火墙屏蔽。DASH 一种自适应比特率流技术。

大家好，我是 Steven。 我们试试用最少的 JavaScript，尽量使用 CSS 以及最简单的 HTML 结构去实现，那我们就开始啦。 打开 CodePen 编辑器，在 HTML 的部份加入一个 <div>，id 名为 image。 去到 CSS 的部份，新增 …

在 从观察者模式到响应式的设计原理 这篇文章中，阿宝哥介绍了 observer-util 这个库如何使用 Proxy 来实现响应式。而对于 vue-next 项目中的 @vue/reactivity 模块，也是利用 Proxy 来实现响应式。因此，如果你要学习 @vue/rea…

几乎所有的项目都需要登录，无论是权限限制、个性化定制、信息安全等需求，都要通过登录系统来获取用户信息，以便提供后续服务。 而一个公司可能会有多个不同的项目，每个项目后端都是共用同一套用户系统的话，就势必会有通用登录的需求出现。 通用登录的方式有很多种，下面我们仅探讨前端的实现方…

女朋友常逛的设计网站这两天页面上多了下雪的效果，于是问我我的网站能下雪吗，作为一个程序员我一般会说实现不了，但是作为男朋友，不能说不行。 当然，最好的方式是用canvas来画。 因为tan(θ)=sy/sx，θ=Math.atan(sy / sx)，因为雨的线段默认是从上到下垂…

因为有很多 Web API 必须在 HTTPS 环境下才可以使用。比如，Clipboard API and events（https://www.w3.org/TR/clipboard-apis）中的navigator.clipboard对象是通过扩展Navigator接口定义…

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

前端开发中，经常会用到一些 CLI 工具， ts-node 转换ts文件， babel-cli 来解析ES6+语法，还有初始化SPA项目的脚手架， create-react-app 、 vue-cli 、 vite 等等，这些cli工具通过自动化脚本节约了开发者在配置 webp…