React 项目内代码触发更新元素的 value 并且触发 input 事件
2409浏览
已知一个站点由 react 构建,手动注入代码并且更新值,react 内部状态得到相应的更新。 项目基础组件库使用了 antd,如果想触发内部状态更新,先更新元素的 value 值,再触发该元素的 input 事件就能完成内部状态更新。 ...
2409浏览
已知一个站点由 react 构建,手动注入代码并且更新值,react 内部状态得到相应的更新。 项目基础组件库使用了 antd,如果想触发内部状态更新,先更新元素的 value 值,再触发该元素的 input 事件就能完成内部状态更新。 ...
1975浏览
目前最流行的两大前端框架,React 和 Vue,都不约而同的借助 Virtual DOM 技术提高页面的渲染效率。那么,什么是 Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解 Virtual DOM 的创建过程...
4027浏览
背景 在网页中经常会看到返回上一级(或者是返回上一页)的操作,可以通过最简单的 history.back() 回到当前窗口访问历史的上一页。 现在来回顾一下某个项目返回上一级的改动。 版本一 在第一个版本中,我们大体分为两类处理方式,一个是 hist...
3205浏览
示例 HTML 代码 <body> <div class="parent"> <div class="child-1"> <div class="child-1...
4133浏览
使用 canvas 制作一个动态的音乐播放按钮 效果动图 背景 按钮需要显示进度、封面、跳动的线条。 如果用 canvas 画图片的话,可能存在图片跨域的情况,图片就用 img 标签加载。 canvas 需要做的事就只有绘制进度圈、图标。 ...
3302浏览
查看原文 ES2018 新特征之:异步迭代器 for-await-of 迭代器 一个简单的迭代器 function makeIterator(array) { let nextIndex = 0; // 初始索引 // 返回一个迭代器对象...
4120浏览
背景 在一些比较特殊的需求中,会对上传的文件大小、尺寸做限制,例如某个地方的图片只能是 1920 * 1080 的大小,然后文件体积小于 500KB 等。 上传的时候做限制 一个最简单的上传案例 <input type="file" id="j...
2025浏览
目录 Class 继承与 super extends 后可跟表达式 重写一个方法 箭头函数无 super 重写构造函数 Super 的实现与 [[HomeObject]] [[HomeObject]] 静态方法和继承 在内置对象...
2606浏览
如果你做过可视化开发,不知道你是否遇到过这样一个棘手的问题:因为需要向页面中添加大量的图表或点线元素而导致页面卡顿、性能下降。一般来说你可能考虑一个方案,从 SVG 换到了 canvas,这或多或少可以解决你面临的痛点,但是背后的原因你到底了解多少?...
2822浏览
在开发过程中,有时需要动态获取文件的 URL,获取 JS 文件的 URL 是最常见的需求,例如像 Sea.js 等 Module Loader 就会用到。 目前常被用到的有以下几种方式,它们有各自的优缺点。 script 标签 通过获取最后一个 sc...