vue.js

小林rush1 天前
前端·vue.js·前端框架
深入 Vue3 编译原理:实现一个mini模板编译器大家好,我是小林。作为 Vue 开发者,我们每天都在和 <template> 语法打交道。但大家是否曾深入思考过:从我们写下一行模板代码,到它最终被渲染成浏览器中的 DOM 元素,这中间到底发生了什么?Vue 在背后为我们完成了一项复杂但至关重要的工作——编译。
我是日安2 天前
前端·vue.js
从零到一打造 Vue3 响应式系统 Day 11 - Effect:Link 节点的复用实现昨天我们发现了 Effect 的问题:当 effect 被重复触发时,它会不断地重新收集依赖,导致依赖链表指数级增长。
徐小夕2 天前
前端·vue.js·算法
支持1000+用户同时在线的AI多人协同文档JitWord,深度剖析之前和大家分享了我实现的 pxcharts 多维表格编辑器和协同文档编辑器:写了一款高性能的协同文档编辑器
离子守恒2 天前
vue.js
Vue 核心——响应式系统今天分享 Vue 的核心之一:响应式系统。文章内容尽量保持简单易懂,并模仿 Copilot 使用 emoji 来增添色彩。
passer9813 天前
前端·vue.js
基于Vue的场景解决
游荡de蝌蚪3 天前
前端·javascript·vue.js
快速打造Vue后台管理系统预览地址相信开发的小伙伴们在工作中都不可避免的接触过后台管理系统,那么,在初次接手一个后台管理系统项目的时候我们都该做些什么?考虑哪些东西呢?
我是日安3 天前
前端·vue.js
从零到一打造 Vue3 响应式系统 Day 10 - 为何 Effect 会被指数级触发?我们的响应式系统经过前几天的努力,已经初具雏形,感觉可以加入一些 DOM 交互,来进行简单的测试。我们预期每次点击按钮,effect 只会执行一次。但实际情况看起来不太妙。
艾小码3 天前
前端·javascript·vue.js
还在硬邦邦跳转页面?Vue这3招让应用丝滑如德芙!你是不是也遇到过这种情况?页面切换生硬得像老式电视机换台,数据加载时用户一脸懵逼不知道发生了什么,列表操作毫无反馈让人怀疑到底点没点上...
Olrookie3 天前
前端·vue.js·笔记
ruoyi-vue(十五)——布局设置,导航栏,侧边栏,顶部栏在前端页面有一个布局设置,点开可以设置主题风格,颜色,是否显示标签页等功能。页面所有请求都是通过路由,先来看路由:src→router→index.js。 路由中引用了Layout,从项目中的 src/layout 路径导入一个默认导出的组件,并将其命名为 Layout
召摇3 天前
前端·javascript·vue.js
API 设计最佳实践 Javascript 篇在当今的数字化时代,API(应用程序编程接口)已成为软件系统之间通信的基石。一个良好设计的 API 不仅能提高开发效率,还能增强系统的可扩展性和可维护性。本文将深入探讨 API 设计的七大最佳实践,通过理论解析、代码实现和实际案例,帮助您构建健壮、高效且易于使用的 API。
码间舞3 天前
前端·vue.js·程序员
文件太大怎么上传?【分组分片上传大文件】-实战记录很久以前就想尝试大文件上传了,一直没有什么机会,主要是业务上没有契合的场景。前段时间偶然的一个契机尝试了一下,今天准备用一个实际案例来记录一下分组分片上传大文件。
鹏多多3 天前
前端·javascript·vue.js
基于Vue3+TS的自定义指令开发与业务场景应用在 Vue3 的开发生态中,自定义指令是一项极为灵活且强大的功能,它允许开发者对 DOM 元素进行底层操作,实现复用性高的特定逻辑。结合 TypeScript(TS)强类型的特性,能让自定义指令的开发更加规范、安全,减少运行时错误。本文将深入讲解基于 Vue3 + TS 的自定义指令开发,并通过实际的业务场景做一些示例。
gnip3 天前
前端·javascript·vue.js
企业级配置式表单组件封装实际项目中,基本上离不开表单,一般都是直接使用组件库form组件进行编写,直接使用对应组件其实也没什么大问题,就是复用起来比较麻烦,每次都需要手动复制一个个的表单item,当表单很多,联动较多的时候就会占大篇幅的代码,并且不易阅读和统一维护。
王王碎冰冰4 天前
前端·vue.js
基于 Vue3@3.5+跟Ant Design of Vue 的二次封装的 Form跟搜索Table作为一名刚入职新公司的前端开发者,我开局就面临 “双重挑战”:一方面,公司此前所有子系统基于 Vue2 开发,而团队希望我用 Vue3 搭建新业务模块,但给到的只有一个 “裸奔” 的种子工程 —— 没有任何封装好的通用组件,所有功能都得从零手撸;另一方面,我此前都是 React 技术栈,面试也是面的React的,说来也是干React,结果一拉gitlab仓库干的是vue的活,哈哈,对 Vue 生态只能算 “入门级玩家”,不是太深入的了解跟使用。
天蓝色的鱼鱼4 天前
前端·vue.js
Element UI 2.X 主题定制完整指南:解决官方工具失效的实战方案基于Vue2+Element UI 2.X项目的主题换肤实战经验分享最近在开发Vue2项目的换肤功能时,遇到了一个典型需求:除了变更自定义vue组件的主题相关CSS变量外,还需要同步更改Element UI 2.X组件的主题色。然而在实际操作过程中,发现官方提供的主题定制工具存在各种问题,给开发工作带来了不小困扰。
我是日安4 天前
前端·vue.js
从零到一打造 Vue3 响应式系统 Day 8 - Effect:深入剖析嵌套 effect今天我们来探讨一个棘手的边界情况:嵌套 effect。当一个 effect 内部又定义了另一个 effect 时,我们的系统会如何运作呢?
DevUI团队4 天前
前端·vue.js·人工智能
🚀 MateChat V1.8.0 震撼发布!对话卡片可视化升级,对话体验全面进化~全新版本带来三大特性功能升级,让智能对话更强大、更高效~ 体验地址:matechat.gitcode.com/vue-starter…
好好好明天会更好4 天前
前端·vue.js
pinia从定义到运用Pinia 是 Vue 官方推荐的新一代状态管理库,专为 Vue3 设计,用来替代 Vuex。它以“轻量、直观、TypeScript 友好”著称,核心只有 state(数据) 、getters(计算值) 和 actions(方法) 三个概念。
代码小学僧4 天前
前端·vue.js·vite
Vite 项目最简单方法解决部署后 Failed to fetch dynamically imported Error问题老板访问前端项目时,如果电脑长时间没刷新,可能会遇到一个常见问题:研发刚部署了新版本,但老板电脑浏览器里的 index.html 还是旧的。于是 index.html 引用的 JS 文件也是旧的 hash 文件,已经不存在了。这时候,如果点击按需加载的模块或路由页面,就会报错:
东坡白菜4 天前
javascript·vue.js
SSE 实现 AI 对话中的流式输出日常使用 deepseek,经常看到聊天机器人的流式输出,感觉很赞,想尝试下自己实现一个类似效果各个大模型平台,api 调用都支持流式输出,如果用 node.js 如何实现一个流式输出效果呢