前端如何成熟思考项目重构?
在过去的 2024 年里，深深感受到了重构一个项目的困境，以及因为重构付出的惨重代价，这篇文章主要的内容是结合我的工作经验，为大家分享一下，应该如何成熟的思考项目重构。 重构的必然性 为什么要重构？既然我们…
Node.js 将原生支持 TS
Node.js 近日刚合并了一个 PR#53725，主要内容是通过设置 flag --experimental-strip-types，使得可以在 Node.js 中直接执行 TypeScript 文件。Node.js 会自动将 TypeScript 源代码转译为 JavaScript 源代码，不需…
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打包体积小、启动更快…
检测网页更新并通知用户刷新：plugin-web-update-notification
前一段时间我们刚总结过解决如果检测项目部署了新需求及时通知用户更新的方案，今天无意间又发现一个现成的插件plugin-web-update-notification ，太好了有人已经造好了轮子，而且有人帮你维护多好，直接拿来用就…
怎样主动通知用户更新
发现问题 大家实际工作中总会遇到上线了新功能，用户并不能第一时间知道，用户端还是有缓存，除非让用户主动刷新才能更新出新功能，比如测试同学在测试新功能时总是问你“怎么跟原来一样.....”这样的问题，再比如增…
qrcodejs2报错TypeError:Cannot read properties of undefined(reading‘_android‘)
背景 vue2的项目想要更改为vite打包，一些配置都改了但是运行项目后报错 TypeError:Cannot read properties of undefined(reading'_android') 看报错是因为引用的三方插件 qrcodejs2 的问题 解决方法 去掉qrcodejs2…
