标签：JavaScript

React 项目内代码触发更新元素的 value 并且触发 input 事件

2152浏览

已知一个站点由 react 构建，手动注入代码并且更新值，react 内部状态得到相应的更新。项目基础组件库使用了 antd，如果想触发内部状态更新，先更新元素的 value 值，再触发该元素的 input 事件就能完成内部状态更新。 ...

1799浏览

目前最流行的两大前端框架，React 和 Vue，都不约而同的借助 Virtual DOM 技术提高页面的渲染效率。那么，什么是 Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？本系列文章会详细讲解 Virtual DOM 的创建过程...

3696浏览

背景在网页中经常会看到返回上一级（或者是返回上一页）的操作，可以通过最简单的 history.back() 回到当前窗口访问历史的上一页。现在来回顾一下某个项目返回上一级的改动。版本一在第一个版本中，我们大体分为两类处理方式，一个是 hist...

3000浏览

示例 HTML 代码 <body> <div class="parent"> <div class="child-1"> <div class="child-1...

3805浏览

使用 canvas 制作一个动态的音乐播放按钮效果动图背景按钮需要显示进度、封面、跳动的线条。如果用 canvas 画图片的话，可能存在图片跨域的情况，图片就用 img 标签加载。 canvas 需要做的事就只有绘制进度圈、图标。 ...

3106浏览

查看原文 ES2018 新特征之：异步迭代器 for-await-of 迭代器一个简单的迭代器 function makeIterator(array) { let nextIndex = 0; // 初始索引 // 返回一个迭代器对象...

3733浏览

背景在一些比较特殊的需求中，会对上传的文件大小、尺寸做限制，例如某个地方的图片只能是 1920 * 1080 的大小，然后文件体积小于 500KB 等。上传的时候做限制一个最简单的上传案例 <input type="file" id="j...

1917浏览

目录 Class 继承与 super extends 后可跟表达式重写一个方法箭头函数无 super 重写构造函数 Super 的实现与 [[HomeObject]] [[HomeObject]] 静态方法和继承在内置对象...

2443浏览

如果你做过可视化开发，不知道你是否遇到过这样一个棘手的问题：因为需要向页面中添加大量的图表或点线元素而导致页面卡顿、性能下降。一般来说你可能考虑一个方案，从 SVG 换到了 canvas，这或多或少可以解决你面临的痛点，但是背后的原因你到底了解多少？...

2696浏览

在开发过程中，有时需要动态获取文件的 URL，获取 JS 文件的 URL 是最常见的需求，例如像 Sea.js 等 Module Loader 就会用到。目前常被用到的有以下几种方式，它们有各自的优缺点。 script 标签通过获取最后一个 sc...