vue.js

JitWord 2.3: 墨定，行远今天，我们宣布推出 JitWord AI文档 2.3版本。在持续两年的研究和技术难点攻克下，我们取得了如下成果：

踩着两条虫

从设计稿到代码：VTJ.PRO 的 AI 集成系统架构解析🎨 还在手动将 Figma 设计稿转换成 Vue 代码？我们的 AI 系统已经能直接吃设计稿吐代码了！

如何实现一个「万能」的通用打印组件？在我们组开发的业务系统中，存在文书种类多、格式不一的场景，但又要求保持一致的打印体验，怎么办呢？难道每次加一种新文书就写一套打印逻辑？不存在的。用「配置 + 动态模板 + iframe 打印」的思路，可以搭出一套一个组件打天下的通用打印方案。

pxcharts Ultra V2.3更新：多维表一键导出 PDF，渲染兼容性拉满！最近粉丝咨询最多的问题莫过于 pxcharts 多维表是否能导出PDF的能力了。说实话，我回避了很久。浏览器打印引擎差异大，中文渲染、分页断行、复杂表格适配...每个都是坑。

别再无脑用 `JSON.parse()` 了！这个安全漏洞你可能每天都在触发你以为只是解析个字符串？其实黑客已经在你服务器上跑脚本了！在前端和 Node.js 开发中，JSON.parse() 几乎无处不在：

别再让 `console.log` 上线了！它正在悄悄拖垮你的生产系统你以为只是“打个日志”？其实它在泄露数据、吃光内存、暴露源码！在开发过程中，console.log() 是我们最亲密的伙伴：

青青家的小灰灰

从入门到精通：Vue3 ref vs reactive 最佳实践与底层原理在 Vue 3 中，ref 和 reactive 是 Composition API 提供的两个核心响应式 API，用于创建响应式状态。它们都基于 JavaScript 的 Proxy（reactive）和 getter/setter（ref 的内部机制）来实现响应式追踪，但在使用场景和行为上有一些关键区别。

我的新同事是个AI：支持skill后，它用TinyVue搭项目还挺溜！本文由体验技术团队Kagol原创。一个月前，有用户建议 TinyVue 出几个 Skills，方便 AI 编程。

大屏天气展示太普通？视觉升级！用 Canvas 做动态天气遮罩，雷阵雨效果直接封神之前做天气那个模块的时候，突发奇想想做一个大屏实时展示天气状况的蒙版。# Vue实现大屏获取当前所处城市及当地天气(纯免费)

本末倒置183

面向 Vue 开发者的 Next.js 快速入门指南你 Vue 写得很熟，模板、响应式、Vue Router 闭着眼都能来。但一打开 Next.js 文档，满屏的 App Router、Server Component、React。第一反应是不是：这玩意儿从哪儿学起？

文本字符数统计在线工具核心JS实现这篇只讲功能层 JavaScript。这个工具的实现方式很直接：用户输入文本后，触发统一统计函数，一次计算出全部指标，再把结果绑定到界面。

在 Vue 中使用 remark 渲染 markdown不需要使用 v-html 进行渲染。先转换为 HAST 节点，随后遍历一次构造 Vue VNode。hastRootToVueVNodes 是一个将 HAST Root 节点转换为 Vue VNode 数组的工具函数。

Vue状态管理扫盲篇：状态管理中的常见坑 | 循环依赖、状态污染与调试技巧同学们好，我是 Eugene（尤金），一个拥有多年中后台开发经验的前端工程师~（Eugene 发音很简单，/juːˈdʒiːn/，大家怎么顺口怎么叫就好）

骑着小黑马

从 Electron 到 Tauri 2：我用 3.5MB 做了个音乐播放器之前用 Electron 做过几个桌面应用，打包出来动不动就 100MB 起步。这次想做个音乐播放器，听说 Tauri 2 打包体积小很多，就试试看。项目做完了，确实挺爽的，打包出来只有 3.5MB。

Vue 聊天列表滚动方案目前只实现了自动滚动到底部。还未实现下拉加载更多。如果需要在滚动触顶时加载更多，同时保持滚动位置，可能需要更加复杂的方案。

响应式探秘：ref vs reactive，我该选谁？在 Vue3 的 Composition API 中，有两个主要的响应式 API：ref 和 reactive。很多开发者，尤其是刚从 Vue2 迁移过来的同学，常常会困惑：到底该用哪一个响应式 API ？什么时候该用 ref？什么时候该用 reactive？

setup 的艺术：如何组织我们的组合式函数？Composition API 给了我们极大的自由去组织我们的代码，但是自由同样也意味着责任。很多开发者从 Options API 切换到 Composition API 时，会遇到这样的困惑：我们的代码是写在一起了，但写得很乱，像大杂烩，尤其是对于新手而言，一个 Vue 文件可以长达数千行代码。也有人调侃："以前需要在 data、methods、computed 之间跳转，现在且需要在一个长函数里上下滚动。"

《vue 2 升级vue3 父组件子组件传值: value 和 v-model当你在一个原生 <input> 上使用 v-model 时，Vue 会将其展开为以下代码：html预览

Cursor配置MasterGo MCP：一键读取设计稿生成高还原度前端代码在传统的前端开发流程中，"从设计到代码"往往是最耗时的环节。开发者需要反复在设计工具和编辑器之间切换，手动测量间距、提取颜色值、计算布局比例。即便如此，最终的样式还原度也难以保证。随着 Cursor 引入了 MCP（Model Context Protocol）协议，MasterGo 官方推出的 Magic MCP 服务彻底打破了这一壁垒。它允许 Cursor AI 直接访问设计稿的底层 DSL 数据，这意味着 AI 不再是"看图说话"，而是直接读取精确的设计规范，实现 99% 以上的样式还原。

睡不着先生

如何设计一个真正可扩展的表单生成器？🧠 你写过多少次 CRUD 表单？登录表单、搜索表单、配置表单、后台管理表单…… 有没有想过：为什么不抽象成一套“表单引擎”？