pnpm 11 正式发布:安全策略和存储架构的两次重要转向
pnpm 11 发布了。一开始我没太在意,以为又是常规的功能迭代。直到仔细读了一遍更新日志,才发现这次有两个底层逻辑发生了根本变化。第一,pnpm 默认不再信任任何新发布的包。
阅读量: 84 标签: pnpm
Hono框架为什么突然火了?Node.js开发者该不该换
Hono在Node.js框架选型里,正从可以考虑变成应该认真评估。Adapter v2补上了它在Node.js上性能不够硬的那块短板,设计优势和性能表现开始同时成立了。对Node.js开发者来说,这是一个值得花一两个小时看一看的框架。
阅读量: 526 标签: Node
Pinia 状态持久化:刷新页面不丢数据的完整方案
用 Vue3 做项目,Pinia 是官方推荐的状态管理工具。它很轻量,用起来也简单。但有一个问题:页面一刷新,Store 里的数据就全没了。用户登录状态、系统设置、表单填了一半的内容,这些跨会话的数据要保留下来,就得自己想办法。
阅读量: 361 标签: Pinia
Vue3 TransitionGroup 组件:列表动画就这么简单
做后台管理系统的时候,经常要给列表加动画。商品列表、消息通知、标签页、看板卡片,这些东西加个动画,用户体验会好很多。Vue3 把 TransitionGroup 做成内置组件,就是为了解决这个问题。
阅读量: 331 标签: 动画
Vue3 中的 Teleport 和 KeepAlive:这两个内置组件到底怎么用
做后台管理系统的同学一定遇到过这个问题:写了一个弹窗,结果被父级容器的 overflow: hidden 或者 transform: scale() 给整变形了。还有做多步骤表单的时候,用户填到第三步,一不小心点走了标签页,回来发现填的东西全没了。
阅读量: 292 标签: 组件
React常用Hooks全面解析:16个核心钩子的概念与使用场景
本文整理了React开发中最常用的16个Hook,分为6大类,覆盖日常开发的大部分场景。内容基于实际使用经验手打整理,未包含React 19新增特性。
阅读量: 398 标签: Hook
Vue Vapor Mode来了,不用虚拟DOM也能跑
前端的工具链在用Rust重写,服务端组件也在推。底层的东西正在被一点点换成编译时干的活,运行时越来越轻。这次轮到Vue了。Vue团队正在做一个叫Vapor Mode的东西,它不是修修补补
阅读量: 446 标签: dom
Vue项目里的Loading状态管理:一个基于Pinia的简洁方案
做Vue项目的时候,大家肯定都碰到过loading状态管理这个麻烦事。一个页面要调三个接口,你怎么写loading?像下面这样?今天说一个我们项目里正在用的方案。用了Pinia,也就一百行代码,体验好很多。
阅读量: 371 标签: Pinia
HyperFrames 入门教程:用HTML和CSS写视频,前端开发者的新工具
用过 After Effects 或 Premiere 的人都知道,手动调关键帧是个力气活。做一个 10 秒的片头可能要调半小时,改个颜色又得重来一遍。项目文件是二进制格式,Git 根本管不了,团队协作基本靠 U 盘传文件。
阅读量: 428 标签: 教程
Vue 3组件开发的7种写法:什么时候用,什么时候不用
最近在团队里做了一次代码Review,发现一个有意思的现象。同样是用Vue 3写组件,不同人写出来的代码风格差别很大。有人喜欢用setup语法糖,有人还在用选项式,还有人开始在.tsx文件里写函数式组件。
阅读量: 389 标签: 组件
Vue3搜索高亮组件:手把手教你实现多关键词标红功能
做搜索功能时,把匹配的关键词标红是个很常见的需求。不管是文章搜索、后台管理系统,还是日志查看,都需要这个功能。本文教你用Vue3写一个高亮组件,支持多个关键词同时高亮,能自动去重,还做了安全防护,代码可以直接复制到项目里用。
阅读量: 265 标签: 组件
WebAssembly在Vue中的实际应用:素数计算性能对比
最近在研究WASM,做了一次技术预研。一开始以为WASM会在性能上碾压JS。但实际测下来发现,V8引擎的JIT编译器对简单循环的优化已经非常强了。我的测试场景没触碰到WASM的真正优势区。
阅读量: 351 标签: WebAssembly