最近在看node文件处理，恰好发现校友群里有个土木专业的同学提出这么一个问题，当时的第一想法就是我也许可以做，然后就找到了那个同学问清楚了明确需求，并且要了部分pdf文件，开始做...... 我的第一想法就是，首先读取目录下的文件，然后对每个文件内容，进行正则匹配，找出目的信息…

场景：react项目。 网上千篇一律的帖子又会说了，在下拉菜单的最外层Div再添加一个addEventListener监听点击事件，事件内只写一个e.stopPropagation()。 然后看着功能还凑合，也实现了业务需求，就那么放着了。 但是还遇到一个问题，那就是e.sto…

为了防止属性名冲突， JavaScript 介绍了一种 symbols 的类型。在 2015 - 2019 中，symbols 提供一种方法去模拟私有属性。 创建 symbol 最简单的方式是调用 Symbol() 方法。有两个关键属性使得 symbols 变得特殊： Symb…

通过图-1性能瀑布可以清晰的看到script执行占了8.9s的时间，通过上图即图-5可以看到script的的调用栈主要集中在创建vue实例时的createChildren上面。 通过上图即图-6可以清晰的看到render耗时主要集中在Recalculate Style、Layo…

任何滚动的dom元素中只展示 可视区域展示 的功能。如下图：

早有耳闻这个html2canvas比较坑,但无奈于产品需求的压迫,必须实现html转图片的功能,自此走上了填坑之路,好在最后的效果还算令人满意,这才没有误了产品上线周期. html2canvas的详细介绍可以点击这里查看,其实简单来说就是通过canvas将HTML生成的DOM节…

以上这段代码，相信大家再熟悉不过了，react controlled组件的最简单的栗子，controlled input组件。首先我们来说一说React的事件，包括上面我们使用的onChange事件，都属于React的合成事件，也就是非浏览器原生的，它是对浏览器原生事件的封装事…

虽然要讲解的知识点是通用的，但是还是要介绍下我的应用场景和测试环境。 0.1 应用场景和测试环境 我的应用是一块使用 Html Canvas 开发的黑板，在黑板上实现简单的文字编辑功能。 操作系统：win10 设备：为触屏和非触屏设备若干（一体机，surface, 笔记本电脑） 主要…