58个面向 Web 开发人员的JavaScript技巧汇总
作为程序员,编写代码也需要大量的技巧。好的代码可以让人耳目一新、通俗易懂、舒适自然,同时又充满成就感。因此,整理了一些近三年,我使用过的JavaScript开发技巧
SVG滤镜
SVG 滤镜与 CSS 滤镜类似,是 SVG 中用于创建复杂效果的一种机制。很多人看到 SVG 滤镜复杂的语法容易心生退意。本文力图使用最简洁明了的方式让大家尽量弄懂 SVG 滤镜的使用方式
比 Eval 和 Iframe 更强的新一代 JavaScript 沙箱!
今天我们来看一个进入 statge3 的新的 JavaScript 提案:ShadowRealm API。领域(realm),这个词比较抽象,其实就代表了一个 JavaScript 独立的运行环境,里面有独立的变量作用域。
Node.js 进阶 - 多文件 Stream 合并,串行和并发两种模式实现
将多个文件合并为一个文件,常见的场景是类似于大文件分片上传,事先根据一定的文件大小拆分为多个小文件上传到服务端,最后服务端在合并起来。 怎么合并?
URL中`#:~:text=`的位置定位::target-text
我们可以看到部分网页的url后面跟了一个:#:~:text=内容,这里就来说说这个是干什么用的。它是目前浏览器的一个新功能,使用它浏览器会自动滚动到对应的内容位置,类似于之前锚点定位
CSS 状态管理,玩出花样了!
CSS用于交互的方式无非就那么几种:伪类::hover、:link、:active ...动画:animation过渡动画:transition,这些交互方式组合起来,真的可以玩出一些花样,例如我们本文的主题,CSS的状态管理
React 中的浅比较是如何工作的?
React 中浅比较的概念无处不在,它在不同的流程中起着关键的作用。比如,React Hooks 中的依赖数组,通过 React.memo 进行记忆。在 React 的官方文档中也多次提到浅比较的概念
Vue 3 中使用的函数重载有啥用?
你知道下图中为什么定义了那么多个 ref 函数,它们的作用是什么?如果不清楚的话,阅读完本文的内容,也许你就懂了。
40行代码实现React核心Diff算法
凡是依赖虚拟DOM的框架,都需要「比较前后节点变化」的Diff算法。网上有大量讲解Diff算法逻辑的文章。今天,我们换一种一劳永逸的学习方法 —— 实现React的核心Diff算法。