Vue 3.6 性能革命：响应式重构、Vapor 模式与类型优化全解析
Vue 3.6 通过三大核心改进，进一步巩固其高性能优势： Alien Signals 1.0 集成：重构响应式系统，降低内存占用与追踪开销。 Vapor 模式（实验性）：全新编译策略，减少 DOM 操作，提升高频更新性能。 内部类型…
前端如何成熟思考项目重构?
在过去的 2024 年里，深深感受到了重构一个项目的困境，以及因为重构付出的惨重代价，这篇文章主要的内容是结合我的工作经验，为大家分享一下，应该如何成熟的思考项目重构。 重构的必然性 为什么要重构？既然我们…
Node.js 将原生支持 TS
Node.js 近日刚合并了一个 PR#53725，主要内容是通过设置 flag --experimental-strip-types，使得可以在 Node.js 中直接执行 TypeScript 文件。Node.js 会自动将 TypeScript 源代码转译为 JavaScript 源代码，不需…
2024年Js五大新功能
每次 JavaScript 更新都会引起轰动。 ES6 是一个重大更新，距离它的前身 ES5 已经有六年了。浏览器厂商和 JavaScript 开发者都被大量的新特性所淹没，需要学习和适应。为了避免一次性出现大量新特性，从那时起，Ja…
nextTick用过吗？聊聊实现思路
Vue 的 nextTick 通过维护回调队列和异步调度机制，确保用户回调在 DOM 更新后执行。其核心是利用微任务的高优先级特性，结合降级策略实现跨平台兼容。例如，当我们修改数据后，Vue 会将 DOM 更新和用户定义的回调…
css grid
什么是 CSS Grid？ CSS Grid，全称 CSS Grid Layout Module，也就是“网格布局模块”。 它是一种二维布局系统，能让你把网页划分成一个个的行和列，然后像搭积木一样，把元素放到这些网格单元格里。 Grid 布局和 Fle…
pake打包问题记录
error: failed to run custom build command for `app v0.1.0 pake https://www.baidu.com --name Test --icon ./vite.png 自定义图标打包报错 原因大概就是用的图标 ico格式不对 或者读取有问题 改了一下用线上ps…
big.js、bignumber.js 和 decimal.js的区别
在处理 JavaScript 中的高精度计算时，big.js、bignumber.js 和 decimal.js 是三个常用的库。它们都旨在解决浮点数精度问题，但在功能、设计目标和适用场景上有显著差异。以下是它们的详细对比： 1. big.js 定位…
2023 年 10 个实用的 CSS 新特性，你不一定全知道
aspect-ratio: 轻松控制元素比例 aspect-ratio 属性可以方便地设置元素的宽高比例。它定义了元素宽度和高度的比例，根据已知的一边计算出另一边的尺寸。 这个属性非常实用，可以用于地图、卡片、视频、iframe 等等…
一张超大图片给我敲响警钟
在一个普通的工作日，线上反馈群发来一个视频。视频中显示，我们的H5应用在打开常见问题某个文档，加载图片的过程中陷入了不断刷新的死循环。这个问题直接影响了用户体验，群里炸锅了.....，不慌，遇事不要慌，先解…
一篇搞懂 为啥js精度问题频出
首先要知道JavaScript 并非唯一会出现浮点数精度丢失的语言，所有遵循 IEEE 754 标准的编程语言在二进制浮点运算中都会面临精度问题。例如，Python、Java 等语言在浮点运算时同样可能因二进制表示特性导致精度丢失…
Pake一键打包，构建桌面应用
介绍 Pake 是一个开源的桌面应用构建工具，它使用 Rust 和 Tauri 技术，可以将网页转换为轻量级的桌面应用。这个工具支持多种操作系统，包括 Mac、Windows 和 Linux，与electron一样，但是pake打包体积小、启动更快…
