圆月

PWA，全名 Progressive Web App，是提升Web App体验的一种新方法，它通过对应用的一系列改进，对应用在安全、性能和体验三个方面都有很大提升，使其兼具...

HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于TCP传输协议，并复用HTTP的握手通道。 因为其他方法非常的消耗资源，例如ajax轮...

我们的目标是更快、更简单开发出，基于 Vue 的一款可以兼容多端小程序及App美观易用的跨端UI库。如果你需要开发一个跨端应用，不想自己去解决兼容性问题，又想要性能高，那么...

JavaScript 专题系列是我写的第二个系列，第一个系列是 JavaScript 深入系列。 JavaScript 专题系列共计 20 篇，主要研究日常开发中一些功能点...

2 月份发布的 Chrome 80 版本中默认屏蔽了第三方的 Cookie，在灰度期间，就导致了阿里系的很多应用都产生了问题，为此还专门成立了小组，推动各 BU 进行改造，...

这次梳理的篇幅主要是涉及网络部分，包括HTTP等，对巩固自己的网络知识体系也是很有帮助的，进一步的对性能优化而言也是帮助很大的。 但更多的是抛砖引玉，希望对你们有所帮助。 ...

loader解析文件是Webpack中重要的一环，之所以能一切皆模块就是因为有许多强大的loader提供的支持。了解它的工作原理可以让我们从容地为项目选择合适的配置，还可以...

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 接下来，来看看几个问题，你也可以试试想想，然后作答。 现在，让我们从头到尾回答每个问题。我将给您一个简短...

当前的互联网用户早已习惯了拖拽，习惯了拖拽带来的便利。任何一个前端项目都有加入拖拽这个功能的可能性。 这两种实现方案各自有自己的场景。鼠标实现的好处在于有更好的兼容性，坏处...

在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望...

1. 构造函数 new Promise 时，需要传递一个 executor 执行器，执行器立刻执行（同步执行），executor 接受两个参数，分别是 resolve（成功...

自从 Hooks 诞生以来，官方就有考虑到了性能的问题。添加了各种方法优化性能，比如 memo、hooks deps、lazy initilize 等。而且在官方 FAQ ...

一个页面在呈现给用户之前需要经过静态资源加载、后端接口请求和渲染这三个过程，我们要做的就是在各个过程中防御可能出现的异常情况，保持流畅的用户体验，同时还要应对来自外部的攻击...

最近在做canvas粒子动画效果的研究，发现当粒子数量达到一定等级的时候，动画效果会变慢变卡。搜索了一下解决办法，发现离屏渲染是推荐最多的解决办法，那本文就利用离屏渲染实现...

5号凌晨，尤雨溪公布了 Vue 3 源代码。 话不多说，我们趁热对 Vue 3 源码进行一些简要的分析。 如果你还没有阅读过 Composition API RFC，可能无...

过往一些不足的地方，通过博客，好好总结一下。 一些通用的js库或者是css样式库，如jQuery，在网络中的使用是非常普遍的。当一个用户在浏览你的某一个网页的时候，很有可能...

如果遇到await，就将await执行后，后面的代码放入等待队列（因为async和await的本质还是promise的运用，返回的是一个promise对象）。 备注：asy...

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但...