程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1113
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
Uni-app 也能像 Vue 一样用 App.vue?这款插件做到了!
编程
Uni-app 也能像 Vue 一样用 App.vue?这款插件做到了!
2025-07-25 19:33:08 +0800 CST
view 1113
本文介绍了如何使用`@uni-ku/root`插件为uni-app提供根组件支持,使其能够像Vue一样使用App.vue。通过该插件,开发者可以轻松集成全局组件,如Toast、Loading等,解决了uni-app中全局状态共享和组件挂载的痛点。文章还提供了详细的安装和配置步骤,以及示例代码,帮助开发者更好地使用uni-app。
uni-app
Vue
前端开发
插件
组件
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
编程
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
2026-04-12 10:26:44 +0800 CST
view 312
深入解析 AG-UI 协议,探讨其如何标准化 AI Agent 与前端应用之间的实时双向通信,包括架构设计、事件系统、代码实战和生态定位
AI Agent
前端交互
AG-UI
MCP
A2A
SSE
协议标准化
windows下升级node引发的一系列问题
编程
windows下升级node引发的一系列问题
2024-11-17 18:45:16 +0800 CST
view 4182
由于项目需要升级node程序,用户下载并安装了新的node版本。升级后,npm无法使用,提示找不到vue.js模块。用户通过删除npm和node_modules目录,重新安装vue-cli和@vue/cli解决了问题。最后提醒用户设置环境变量以确保命令可用。
Node.js
前端开发
软件安装
JavaScript 开源无限滚动网格库InfiniteGrid
编程
JavaScript 开源无限滚动网格库InfiniteGrid
2024-11-18 18:25:13 +0800 CST
view 1761
InfiniteGrid是一个高性能的JavaScript开源库,旨在实现各种类型的网格布局,支持无限滚动功能。它适用于桌面端和移动端,能够与主流前端框架如Vue、React、Angular和Svelte集成。核心特点包括高性能的DOM管理、多种布局类型(如瀑布流和对齐布局)、响应式设计以及动态加载内容,极大提升了开发效率。
JavaScript
前端开发
开源库
网页布局
用户体验
什么是Axios? 为什么要封装? 如何优雅地封装?
编程
什么是Axios? 为什么要封装? 如何优雅地封装?
2024-11-17 21:34:28 +0800 CST
view 1440
本文介绍了Axios的基本概念及其封装的必要性和步骤。Axios是一个用于在浏览器和Node.js中发送请求的库,封装Axios可以简化重复代码和处理响应逻辑。文章提供了如何创建Axios实例、配置基本信息、使用拦截器以及封装请求方法的详细示例,帮助开发者优雅地管理API请求。
前端开发
JavaScript
API请求
综合
使用 Vue3、Shadcn UI、Vite、TypeScript 和 Monorepo 构建的现代 vue 管理面板。 等多种 UI 的中后台系统框架
2024-11-18 18:53:38 +0800 CST
view 2868
VbenAdmin是一个流行的中后台管理系统框架,支持多种UI框架如AntDesignVue、ElementPlus和NaiveUI。最新版本v5.0.0引入了先进的项目管理模式,提供动态菜单、权限控制和国际化等功能。项目支持自定义UI框架,便于开发者根据需求选择组件库。安装要求Node.js20及以上,并需使用指定版本的pnpm。
前端框架
开发工具
项目管理
开源
Vue 3 新指令 v-memo:终极渲染性能优化神器**
编程
Vue 3 新指令 v-memo:终极渲染性能优化神器**
2025-08-06 12:58:41 +0800 CST
view 829
Vue3引入了新指令v-memo,用于有条件地跳过不必要的元素或组件更新,从而优化渲染性能。通过依赖数组,只有当依赖值变化时,相关元素才会重新渲染,避免频繁的更新检查,特别适合长列表场景。v-memo是v-if和v-show的补充,提供了更高效的渲染策略。
前端开发
性能优化
Vue框架
综合
这是一款支持Vue3和React的开源Markdown富文本编辑器,提供实时预览、丰富的编辑功能和高度自定义选项
2024-11-19 06:43:02 +0800 CST
view 2402
这是一款支持Vue3和React的开源Markdown富文本编辑器,提供实时预览、丰富的编辑功能和高度自定义选项。用户可以通过简单的安装步骤将其集成到项目中,支持多种扩展和主题,提升文档管理和文章编辑的体验。
开发工具
前端
开源项目
Markdown编辑器
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
编程
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
2024-11-17 19:52:50 +0800 CST
view 1029
在Vue.js中,依赖注入是一种设计模式,通过`provide`和`inject`实现组件之间的松耦合。父组件可以提供数据或方法,子组件无需通过`props`逐级传递即可使用。这种方式简化了组件通信,解耦了组件,提高了可复用性和可维护性。依赖注入广泛应用于全局配置和插件开发,掌握其原理和应用场景对提高开发效率至关重要。
Vue.js
设计模式
前端开发
组件
编程
Vue 中的 v-for 指令可以使用在哪些类型的数据结构上?
编程
Vue 中的 v-for 指令可以使用在哪些类型的数据结构上?
2024-11-18 19:15:09 +0800 CST
view 1225
Vue.js中的v-for指令用于遍历多种数据结构,包括数组、对象、数值和字符串。通过示例代码,展示了如何使用v-for遍历数组中的元素、对象的属性、数值范围以及字符串中的字符。v-for的灵活性使得开发者能够高效地展示和处理数据,提升开发效率。
Vue
前端开发
JavaScript
ECMAScript 2026 深度解析:Iterator Helpers、显式资源管理与 RegExp.escape 如何重塑现代 JavaScript 开发范式
编程
ECMAScript 2026 深度解析:Iterator Helpers、显式资源管理与 RegExp.escape 如何重塑现代 JavaScript 开发范式
2026-04-21 08:18:28 +0800 CST
view 261
ECMAScript 2026 深度解析:从 Iterator Helpers 的惰性求值、using 显式资源管理、RegExp.escape 安全转义到 Float16Array AI 加速,全面拆解 ES2026 七大核心特性的设计动机、底层原理与实战用法。
JavaScript
ECMAScript
ES2026
前端开发
编程语言
编程
vue打包后如何进行调试错误
2024-11-17 18:20:37 +0800 CST
view 3537
在打包项目时遇到白屏错误,控制台显示压缩代码导致无法定位问题。经过几个小时的尝试,决定取消map过滤进行打包,最终发现错误源于Vuex的使用方式。修改后重新打包,问题得到解决,主要是由于自己的疏忽。
前端开发
错误调试
Vue框架
代码
简单的打造现代感十足的卡片式企业官网首页HTML+CSS全攻略
2024-11-17 04:03:50 +0800 CST
view 1380
本教程详细介绍如何使用HTML和CSS创建现代感十足的企业官网首页,采用卡片式设计和响应式布局,适合展示企业品牌形象和重要信息。内容包括页面结构、响应式设计技巧、CSS3动画、前端框架集成等,提供完整源码,适合中小型企业使用。
网页设计
前端开发
企业网站
Vue Router 中的导航守卫有哪些?它们分别在什么情况下触发?
编程
Vue Router 中的导航守卫有哪些?它们分别在什么情况下触发?
2024-11-17 04:39:54 +0800 CST
view 1321
VueRouter中的导航守卫是控制路由跳转的重要功能,包括`beforeEach`、`beforeResolve`和`afterEach`。`beforeEach`在路由跳转前执行,通常用于权限控制;`beforeResolve`在组件守卫解析后、导航确认前执行,适合异步操作;`afterEach`在导航成功后执行,常用于日志记录。合理使用这些守卫可以实现复杂的路由控制逻辑。
前端开发
路由管理
Vue.js
一行代码搞定图片懒加载!浏览器原生 `loading="lazy"` 全面指南
编程
一行代码搞定图片懒加载!浏览器原生 `loading="lazy"` 全面指南
2025-08-15 11:54:15 +0800 CST
view 1831
本文介绍了浏览器原生的图片懒加载功能,通过使用HTML属性loading=\"lazy\",开发者可以轻松实现高效的懒加载,提升网页性能,减少流量消耗。与传统的JavaScript懒加载相比,原生支持的实现更简单,性能开销更低,同时提供了最佳实践和使用注意事项,以确保良好的用户体验。
懒加载
前端开发
网页性能
JavaScript
html
编程
vue打包正式环境隐藏源代码的方法
2024-11-19 06:30:42 +0800 CST
view 4086
本文讨论了打包map的作用,强调其在调试时帮助定位问题的重要性。通过设置vue.config.js中的productionSourceMap为false,可以实现不生成打包map文件的效果,从而在调试时无法通过F12查看问题。
前端开发
Vue.js
调试工具
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
编程
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
2024-11-18 13:28:12 +0800 CST
view 1333
Vue单文件组件(SFC)是将模板、脚本和样式整合在一个`.vue`文件中的方式,提升代码的模块化和可维护性。本文介绍了单文件组件的概念、创建方法以及如何在父组件中使用它们,通过示例展示了组件的结构和功能,帮助开发者更好地管理和组织代码。
前端
Vue.js
JavaScript
开发
组件
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
编程
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
2024-11-18 18:41:20 +0800 CST
view 1327
Vue中的作用域插槽是一种特殊的插槽类型,允许父组件接收子组件传递的数据并动态渲染内容。通过`v-slot`指令,父组件可以定义插槽并使用子组件提供的数据。示例中,父组件通过`slotProps`渲染子组件传递的`data`,实现了灵活的组件复用和渲染控制。作用域插槽为构建复杂组件提供了更高的灵活性和复用性。
前端开发
Vue.js
组件设计
90% 开发者还在用的 `substr()`,浏览器早已废弃
编程
90% 开发者还在用的 `substr()`,浏览器早已废弃
2025-08-15 12:08:58 +0800 CST
view 714
在前端开发中,`substr()`已被Web标准废弃,尽管浏览器仍兼容。推荐使用`slice()`作为首选替代方案,因为其支持负数索引且行为一致。`substring()`是次选,但存在参数自动交换的问题。尽快迁移到`slice()`可以减少认知负担并提升代码健壮性,避免未来可能的兼容性问题。
前端开发
JavaScript
编码规范
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
编程
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
2026-04-21 08:52:41 +0800 CST
view 123
浏览器原生Popover API正式发布,零依赖、无拦截风险、样式完全可控、支持自动/手动两种模式,window.open的完美替代方案
前端
JavaScript
HTML5
CSS
Popover API
Browser API
Web开发
编程
自定义input文件上传 file的提示文字及样式
2024-11-17 05:01:13 +0800 CST
view 4898
该文本包含一个用于选择和上传文件的HTML和JavaScript代码示例。用户可以通过点击链接选择文件,选择后文件名会显示在页面上,并通过AJAX将文件上传到指定的URL。代码中使用了FormData对象来处理文件上传,并在成功后将返回的链接填入指定的输入框中。
前端开发
文件上传
JavaScript
HTML
AJAX
Vue 中的 mixins 和 extends 两种方式有什么区别?
编程
Vue 中的 mixins 和 extends 两种方式有什么区别?
2024-11-18 23:38:32 +0800 CST
view 1196
本文探讨了Vue.js中的mixins和extends两种代码复用和组件扩展的方式。mixins允许在多个组件之间共享逻辑,而extends则是基于已有组件创建新组件。mixins会合并选项,适合通用功能复用;extends适合组件层次化扩展。选择使用哪种方式取决于代码复用需求和组件架构。
前端开发
JavaScript
Vue.js
组件设计
代码复用
开源Chrome插件一键扒光网站设计:自动提取配色/字体/间距,生成AI可读的SKILL.md
编程
开源Chrome插件一键扒光网站设计:自动提取配色/字体/间距,生成AI可读的SKILL.md
2026-04-21 09:02:26 +0800 CST
view 169
design-md-chrome:Chrome插件一键提取网站设计规范(字体/配色/间距/阴影/动画),生成DESIGN.md或SKILL.md喂给Claude Code/Cursor复刻
开源
Chrome插件
设计工具
AI编程
前端
设计系统
Claude Code
Cursor
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
19
20
21
22
23
...
34
下一页