在移动端,我们为了解决带宽限制或者网络缓慢等问题,常常会使用http协议缓存静态文件(http缓存简介),从而减少网络请求,加快首屏加载时间。缓存虽然给我们带来了性能上的优化...
在移动端,我们为了解决带宽限制或者网络缓慢等问题,常常会使用http协议缓存静态文件(http缓存简介),从而减少网络请求,加快首屏加载时间。缓存虽然给我们带来了性能上的优化...
前言 一个常见的业务场景,我们要在input搜索框输入结束后,发送相关请求,获取搜索数据。频繁的事件触发会导致接口请求过于频繁。所以需要我们对此加以限制,来禁止不必要的请求,...
画圆 用SVG画一个圆先。 效果是这样的: 动画 定义一个动画并使用。 效果变成这样: 旋转 最后给动画添加上旋转的效果。 最终的效果: 原理 主要利用 SVG 绘制一个圆形...
一、前言 缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。...
基础 commons-chunk-pluginsplit-chunks-plugin即webpack的分包插件。CommonsChunkPlugin于4.0及以后被移除,使用...
参考w3c media-sourceMedia Source 系列 - 使用 Media Source Extensions 播放视频全面进阶 H5 直播无 Flash 时代...
PWA作为今年最火热的技术概念之一,对提升Web应用的安全、性能和体验有着很大的意义,非常值得我们去了解与学习。 本系列文章《PWA技术学习与实践》会逐步拆解PWA背后的各项...
最近遇见一个问题,移动端一个页面展示折叠展示数据,具体要展示多个区域,每个区域下面有不同业务人员,每个业务人员有自己的客户,每个客户又有不同的记录,即这个页面要渲染一个4层的...
如有好文, 请到此issue里提交文章,或者直接发pull request. 🎓webpack入门 📕webpack1.x webpack指南|TooBug| 2015 we...
1、websocket websocket是html5出的协议,它是基于TCP协议,利用http协议建立连接,实现了客户端和服务器端的双向通信,对http协议是个很好的补充。...
前言 最开始只是想写一个简单的笔记,后来发现,在记笔记的过程中,我会不断的将书中一笔带过的地方补充全,对于书中说的一些做法,我也会提供一些其他思路,于是,写着写着就不像是一本...
在移动互联网快速发展的今天,手机的种类和尺寸越来越多,作为前端的小伙伴们可能会越来越头疼,但又不得不去适配一款又一款的新机型。对于移动端适配,不同的公司、不同的团队有不同的解...
代码分割(code splitting)是webpack相当重要的一个特性。它可以让代码分割到不同的文件(bundle)中,以便按需或者并行加载这些文件。代码分割可以得到更小...
在网上看到许多关于观察者模式和发布订阅模式的博文,发现很多人都认为观察者模式即发布订阅模式,经过进一步的学习和理解,我认为观察者模式和发布订阅模式还是有一些区别的,下面谈谈我...