Kasdf

作者在我司，做了C端活动架构升级，产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。...

一、写在前面 相信各位小伙伴在实际做业务的时候都遇到过「大文件上传」的场景。在这种场景下，我们不能直接将大文件直接丢给服务器进行处理，这会对服务器的性能产生巨大的影响，并且...

订阅发布模式前端无处不在，浏览器本身自带了，很多情况下，你根本就不需要手写或者引用第三方库，我们一起来傻傻的乐呵乐呵的用最少的代码来实现吧。...

做前端少不了跟动画打交道，那么实现一个动画有哪些方式呢？本文主要学习 requestAnimationFrame API， 顾名思义，请求动画帧，也称帧循环。...

背景 移动端界面设计如此火热的今天，各类大厂的设计规范和设计语言已经非常的成熟，我们想做一些在这套成熟的设计规范之外的尝试和创新，所以有别于传统的banner交互形式成为了...

指标，为了确保大多数用户都达到了推荐的目标，一个很好的衡量阈值是页面加载的第75个百分位数，该值在移动和桌面设备上进行了划分。 First Contentful Paint...

获取主页 html 数据，应该使用 performance.timing，而不是 performance.getEntriesByType('resource')[0]。 ...

本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不...

正常的开场本应该是“什么是Service Worker”，但Service Worker往往会和PWA被一同提起。无论屏幕前的你是有丰富PWA开发经验的大佬，还是从没有听过...

大家总说性能优化的xxx条建议，但实际操作时又觉得很无力。本文就带你体验一次真实的性能优化案例和原理解析...

利用css优先级的原理覆盖掉原有样式的实现，每定义一套皮肤就要定义对应的sass变量，以及定义一套覆盖原有样式的皮肤样式。如果有多套皮肤的话，覆盖的代码量就会n套。 样式不...

作为程序员，每次开发完自测充分的时候，但还是会有线上异常情况。如何快速发现 或者提前监控到这些异常的出现呢，是不是需要一个错误监控系统？ fundebug、sentry、b...

前言 文章较长，建议收藏～ 笔者个人实话实说，是第一次做活动页相关的前端开发工作，所以也算是初体验之后的总结： 第一：活动类经历会短期内提升一个业务前端的技术水平 如果你从...

由于我是做前端的，所以就测了下webpack编译速度， 结果如下。我这个项目 最后我用nvm编译安装了最新的Node v15.4, arm64运行， 好家伙，居然只要13s...

首先说明，本篇文章是概念+实践，对于希望了解和实践一个简单的摄像头直播网页功能的人会有帮助，由于篇幅和实践深入度有限，目前demo效果只支持直播播放电脑端以及常用摄像头的实...

一、业务需求由于公司最近在申请ICP证书，需要做一个符合申请ICP证的电商平台网站，由于大多数据功能并不需要真实数据，所以网站上的大多数数据都是由前端去模拟的随机数据二、预...

w3c 有两个版本的规范，本文基于 第二版本 介绍。 工欲善其事，必先利其器。要想使页面更快，那么准确测量出性能数据也是很重要的。 我们来看一下，在一个web页面的生命周期...

如果是 HTTP 1.0 版本协议，一般情况下，不支持长连接，因此在每次请求发送完毕之后，TCP 连接即会断开，因此一个 TCP 发送一个 HTTP 请求，但是有一种情况可...

既然标题说了是深入Babel，那我们就不说Babel各种用法了，什么babel-core，babel-runtime，babel-loader……如果你想了解这一部分内容，...