Web前端

图像编辑功能已成为诸多场景（在线设计、社交媒体、文档处理等）的核心需求。tui.image-editor作为基于HTML5 Canvas的开源JavaScript库，由NHN En......

UPNG.js是一个轻量级的纯JavaScript库，专注于PNG图像的解析、编码和处理。它不依赖任何其他库，可在浏览器和Node.js环境中运行，为开发者提供了在前端直接处理PNG图像的......

在现代网页中，动态数字展示能够显著提升用户体验，吸引访客注意力。无论是数据统计、销售数字还是还是评分展示，平滑的数字增长动画都能让信息传递更加生动。CountUp.js 正是一款专门用于创建这种数..

在现代 Web 应用中，图片裁剪是一个常见需求，无论是头像上传、封面设置还是商品图片处理，都需要直观、高效的裁剪工具。Cropper.js 作为一款优秀的 JavaScript 图片裁剪库.....

在前端开发中，console.log() 是最常用的调试工具，但 console 对象实际上蕴含着丰富的功能。除了基础的日志打印，它还能以表格形式展示数据、为输出添加自定义样式，甚至能在控制台中...

mixins混入介绍 mixins 选项接收一个混入对象的数组。一个混入对象可以包含任意的组件选项（vue里script的部分），这些选项将会被合并到最终的选项中，使用的是和 Vue.exten...

在 JavaScript 里，eval是一个既强大又充满争议的函数。它为开发者提供了一种动态执行字符串代码的能力，在某些特定场景下能发挥出独特的作用。然而，由于其特殊的运行机制，也带来了诸......

在 Web 开发中，浏览器的历史记录管理是一个重要的功能。HTML5 引入了 History 接口的新方法，其中History.replaceState()便是其中之一。它允许开发者在不刷...

精选 20 个实用 or 有趣的 VS Code 扩展，覆盖摸鱼放松，文件管理、代码规范、效率工具等等多个场景，干货满满，下面正片开始......

最近做的项目出现了界面卡顿的问题，经过一番排查，发现是因为有个数据做了一些格式化和生成转换，本来只有 1000 条数据，处理完之后变成了 N 万条数据（业务需求），导致页面渲染很慢，甚至会崩...

IntersectionObserver 是浏览器原生提供的一个Api。可以"观察"我们的元素是否可见，原理是判断目标元素与可见区域的交叉比例，所以也被称为"交叉观察器"。本文通过一个Demo....

前端多语言国际化是开发中不可或缺的一环。阿拉伯语、希伯来语等语言采用从右向左的书写方向，这意味着文本排版、元素布局等都需要进行相应调整。不仅要考虑文本的显示方向，还需对按钮、导航栏、表单等......

PWA，即渐进式网络应用（Progressive Web App），是一种利用现代 Web 技术构建的应用程序，它融合了网页应用和原生应用的优点，能够为用户提供类似于原生应用的体验。

分享一些JavaScript常用的实用方法。分享一些JavaScript常用的实用方法。分享一些JavaScript常用的实用方法。

博主收录了一些在实际开发过程中，很实用且方便的JS操作符，熟练掌握的话，不仅代码看上去高大上（实为装逼），而且简洁大方。 1，只要有一个条件为true时，结果就为true。 2，当两个条件都为false时，结果才为false。 3，当一个条件为true时，后面的条件不再判断。 …

有时项目中处理数据的时候，会存在数据有误，或者为空...等等问题而报错，由于javaScript是单线程，代码是自上而下放到执行栈中执行，如果某一段报错了，后面的代码全都不会执行。为了避免这种情况发生，我们的try和catch就派上用场了。 一般我们只需要用到try和catch…

手上有好几个项目，每个项目的需求不同，进而不同项目必须依赖不同版的node.js，如果没有一个合适的工具，这个问题将非常棘手。

条件表达式，是我们在编码过程中永远躲不开的问题，作为一名程序员，我们要追求自己的优雅代码，记录一些优化的小技巧

一个很好用的全屏API，是HTML5自带的方法，记录一下，用于发出异步请求使元素进入全屏模式和退出全屏模式。

Promise是异步编程的一种解决方案，比回调函数和事件更合理且更强大。可以理解为一个容器，里面保存着某个未来才会结束的事件的结果。