无祈神愿

通过这20个现代JavaScript API的深入学习，你已经掌握了前端开发的核心武器库。每个API都代表着Web开发的一个重要方向...

提到现代前端框架，比如React、Vue，你一定听过“虚拟DOM”（Virtual DOM）这个词。它被认为是提升性能的关键所在，是框架设计的核心思想之一。 但是，虚拟DO...

一、背景 在页面开发过程中，发现两个小程序的工程目录下都有大量相同的全局components，每次修改都需要同时修改两个项目的组件代码，因此想要将这部分抽离出来。最常见的方...

上滑加载（触底加载）是 H5 常见的功能，今天我们来看下如何实现。 效果如下：分页请求开始前，列表滚动，加载动画出现在屏幕中；分页请求过程中，加载动画一直旋转；分页请求完成...

1、console.log输出 2、优雅的取随机字符串 3、if比较 4、优雅的取整 5、标准JSON的深拷贝 6、相等 7、数组去重 8、实现一个长度为m(6)且值都n(...

分为三步：开始下拉时，屏幕顶部会出现加载动画；加载过程中，屏幕顶部高度保持不变；加载完成后，加载动画隐藏。 pull-down.gif 首先我会讲解下拉的原理、根据原理写出...

开始复习 1、undeclared 与 undefined的区别？ undefined：声明了变量，但是没有赋值 undecalared：没有声明变量就直接使用 2、let...

方案选择 既然要存储的数量大，得排除cookie localStorage，虽然比cookie多，但是同样有上限（5M）左右，备选 websql 使用简单，存储量大，兼容性...

本文参考了https://developer.mozilla.org/zh-CN/docs/Web/API/Page_Visibility_API onfocus onbl...

ES5 的 Object.defineProperty ES6 的 Proxy Object.defineProperty 用法如下： 入参用法： obj：代理对象; pr...

xss跨站脚本攻击(Cross Site Scripting)，是一种经常出现在web应用中的计算机安全漏洞，指攻击者在网页中嵌入客户端脚本(例如JavaScript), ...

最近有个需求需要实现自定义首页布局，需要将屏幕按照 6 列 4 行进行等分成多个格子，然后将组件可拖拽对应格子进行渲染展示。 对比一些已有的插件，发现想要实现产品的交互效果...

比如在开发中会进行一系列的网络请求，但是有些情况需要控制一下网络请求请并发量。这里简单的用 Promise.race 及 await 的特性来理解一下，如何对任务的并发量进...

一.WebSocket 基本概念 1.WebSocket是什么？ 2.与 HTTP 协议的区别 与 HTTP 协议相比，WebSocket 具有以下优点： 更高的实时性能：...

IntersectionObserver 是一个现代的浏览器 API，允许开发者在某个元素与其祖先元素或顶层文档视口发生交叉时得到通知。它非常适合实现图片懒加载、无限滚动、...

1 Document节点概述 2 document节点的属性 2.1 doctype，documentElement，defaultView，body，head，activ...