半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试题，主要涵盖阿里、腾讯、头条、百度、网易等大公司和常见题型。得益于大家热情参与，现在每道题都有很多答案，提…

我司的官网首页——贝聊官网，首屏有一个自动播放的背景视频，一直被诟病视频加载慢、播放卡。刚开始以为是文件太大，或者是网速太慢，但当我去优化它的时候，发现并没有预想的简单。本文记录了优化过程和经验总结，希望能对读者有所帮助。 官网的首页由6屏组成,首屏主要内容是一个自动循环播放的…

推荐先阅读 webpack 入门教程之后再来阅读本文。 webpack 4 最大的改动就是废除了 CommonsChunkPlugin 引入了 optimization.splitChunks。 webpack 4 的Code Splitting 它最大的特点就是配置简单，如果…

最近在看博客的时候，发现有的面试题已经考HTTP/2了，于是我就顺着去了解一下。 下面就简单聊聊他们三者的区别，以及整理一些必要的额外知识点。 试想一下：请求一张图片，新开一个连接，请求一个CSS文件，新开一个连接，请求一个JS文件，新开一个连接。HTTP协议是基于TCP的，T…

逐步学习什么是递归？通过使用场景来深入认识递归。 前端性能优化之路——图片篇。 今年的文章量比去年又多了好多，看来大家在掘金越来越活跃啦！可以Mark起来慢慢看～不过呢小饼还是建议大家到微信群里看每日小报，毕竟每天消化一两篇会更加有用，日积月累就会有很大的收益。反而积攒到一起的…

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次…

作为前端开发人员经常会有这样的需求，如果某个用户安装了自己的APP就打开APP首页或则指定页面，如果没有安装APP就跳转到相应下载页面。这样的一个需求也是拉新和裂变必不可少的环节，所以是需要我们去解决的。今天来看看到底如何实现呢？ 目前实现该功能的有两种比较好的方式：URL S…

本文主要探讨现阶段浏览器端可行的实时通信方案，以及它们的发展历史。 这里以sockjs作为切入点，这是一个流行的浏览器实时通信库，提供了'类Websocket'、一致性、跨平台的API，旨在浏览器和服务器之间创建一个低延迟、全双工、支持跨域的实时通信信道. 主要特点就是仿生We…

——本文是对之前同名文章的修正，将所有webpack3的内容更新为webpack4，以及加入了笔者近期在公司工作中学习到的自动化思想，对文章内容作了进一步提升。 作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动…