程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
编程
vue打包后如何进行调试错误
2024-11-17 18:20:37 +0800 CST
view 3679
在打包项目时遇到白屏错误,控制台显示压缩代码导致无法定位问题。经过几个小时的尝试,决定取消map过滤进行打包,最终发现错误源于Vuex的使用方式。修改后重新打包,问题得到解决,主要是由于自己的疏忽。
前端开发
错误调试
Vue框架
代码
简单的打造现代感十足的卡片式企业官网首页HTML+CSS全攻略
2024-11-17 04:03:50 +0800 CST
view 1533
本教程详细介绍如何使用HTML和CSS创建现代感十足的企业官网首页,采用卡片式设计和响应式布局,适合展示企业品牌形象和重要信息。内容包括页面结构、响应式设计技巧、CSS3动画、前端框架集成等,提供完整源码,适合中小型企业使用。
网页设计
前端开发
企业网站
Vue Router 中的导航守卫有哪些?它们分别在什么情况下触发?
编程
Vue Router 中的导航守卫有哪些?它们分别在什么情况下触发?
2024-11-17 04:39:54 +0800 CST
view 1491
VueRouter中的导航守卫是控制路由跳转的重要功能,包括`beforeEach`、`beforeResolve`和`afterEach`。`beforeEach`在路由跳转前执行,通常用于权限控制;`beforeResolve`在组件守卫解析后、导航确认前执行,适合异步操作;`afterEach`在导航成功后执行,常用于日志记录。合理使用这些守卫可以实现复杂的路由控制逻辑。
前端开发
路由管理
Vue.js
一行代码搞定图片懒加载!浏览器原生 `loading="lazy"` 全面指南
编程
一行代码搞定图片懒加载!浏览器原生 `loading="lazy"` 全面指南
2025-08-15 11:54:15 +0800 CST
view 2058
本文介绍了浏览器原生的图片懒加载功能,通过使用HTML属性loading=\"lazy\",开发者可以轻松实现高效的懒加载,提升网页性能,减少流量消耗。与传统的JavaScript懒加载相比,原生支持的实现更简单,性能开销更低,同时提供了最佳实践和使用注意事项,以确保良好的用户体验。
懒加载
前端开发
网页性能
JavaScript
html
编程
vue打包正式环境隐藏源代码的方法
2024-11-19 06:30:42 +0800 CST
view 4271
本文讨论了打包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 1511
Vue单文件组件(SFC)是将模板、脚本和样式整合在一个`.vue`文件中的方式,提升代码的模块化和可维护性。本文介绍了单文件组件的概念、创建方法以及如何在父组件中使用它们,通过示例展示了组件的结构和功能,帮助开发者更好地管理和组织代码。
前端
Vue.js
JavaScript
开发
组件
编程
10 万条数据毫秒级前端模糊搜索方案
2025-08-15 11:58:14 +0800 CST
view 1284
本文介绍了如何使用FlexSearch.js实现毫秒级的模糊搜索,解决传统搜索方法在处理10万条数据时导致的UI卡顿和浏览器崩溃问题。通过预计算和索引构建,结合WebWorker技术,优化搜索体验,确保搜索结果快速返回。提供了防抖和限制返回条数等最佳实践,以提升用户体验。
前端开发
性能优化
搜索技术
Chrome DevTools MCP 深度实战:当 Model Context Protocol 打通 AI 与浏览器的最后一公里
编程
Chrome DevTools MCP 深度实战:当 Model Context Protocol 打通 AI 与浏览器的最后一公里
2026-06-17 20:58:22 +0800 CST
view 139
深入剖析 Chrome DevTools MCP 架构设计、核心工具矩阵、生产级实战代码,探讨 MCP 协议如何让 AI 编程助手直接操控浏览器。
Chrome DevTools
MCP
AI编程
浏览器自动化
CDP
前端开发
Tailwind CSS v4 架构深度解析:当 Rust 引擎撞碎 PostCSS,前端样式开发的范式革命(2026 生产级实战指南)
编程
Tailwind CSS v4 架构深度解析:当 Rust 引擎撞碎 PostCSS,前端样式开发的范式革命(2026 生产级实战指南)
2026-06-23 09:25:18 +0800 CST
view 69
Tailwind CSS v4 架构深度解析:从 Rust 重写的 Oxide 引擎到 CSS-first 配置体系、从 Lightning CSS 到动态主题系统的完整实战指南
Tailwind CSS
CSS框架
前端开发
Rust
Vite
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
编程
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
2024-11-18 18:41:20 +0800 CST
view 1470
Vue中的作用域插槽是一种特殊的插槽类型,允许父组件接收子组件传递的数据并动态渲染内容。通过`v-slot`指令,父组件可以定义插槽并使用子组件提供的数据。示例中,父组件通过`slotProps`渲染子组件传递的`data`,实现了灵活的组件复用和渲染控制。作用域插槽为构建复杂组件提供了更高的灵活性和复用性。
前端开发
Vue.js
组件设计
90% 开发者还在用的 `substr()`,浏览器早已废弃
编程
90% 开发者还在用的 `substr()`,浏览器早已废弃
2025-08-15 12:08:58 +0800 CST
view 870
在前端开发中,`substr()`已被Web标准废弃,尽管浏览器仍兼容。推荐使用`slice()`作为首选替代方案,因为其支持负数索引且行为一致。`substring()`是次选,但存在参数自动交换的问题。尽快迁移到`slice()`可以减少认知负担并提升代码健壮性,避免未来可能的兼容性问题。
前端开发
JavaScript
编码规范
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
编程
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
2026-04-21 08:52:41 +0800 CST
view 349
浏览器原生Popover API正式发布,零依赖、无拦截风险、样式完全可控、支持自动/手动两种模式,window.open的完美替代方案
前端
JavaScript
HTML5
CSS
Popover API
Browser API
Web开发
编程
自定义input文件上传 file的提示文字及样式
2024-11-17 05:01:13 +0800 CST
view 5055
该文本包含一个用于选择和上传文件的HTML和JavaScript代码示例。用户可以通过点击链接选择文件,选择后文件名会显示在页面上,并通过AJAX将文件上传到指定的URL。代码中使用了FormData对象来处理文件上传,并在成功后将返回的链接填入指定的输入框中。
前端开发
文件上传
JavaScript
HTML
AJAX
Vue 中的 mixins 和 extends 两种方式有什么区别?
编程
Vue 中的 mixins 和 extends 两种方式有什么区别?
2024-11-18 23:38:32 +0800 CST
view 1335
本文探讨了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 472
design-md-chrome:Chrome插件一键提取网站设计规范(字体/配色/间距/阴影/动画),生成DESIGN.md或SKILL.md喂给Claude Code/Cursor复刻
开源
Chrome插件
设计工具
AI编程
前端
设计系统
Claude Code
Cursor
使用 Vue3 和 Axios 实现 CRUD 操作
编程
使用 Vue3 和 Axios 实现 CRUD 操作
2024-11-19 01:57:50 +0800 CST
view 1669
本文介绍了如何使用Vue3和Axios实现基本的CRUD操作。通过创建一个简单的Vue3项目,使用JSONPlaceholder作为API,展示了如何创建、读取、更新和删除博客文章。文章包括项目结构、代码示例和运行项目的步骤,适合前端开发者学习和实践。
前端开发
JavaScript框架
Web开发
Vue 中的 $attrs 和 $listeners 对象有什么作用?
编程
Vue 中的 $attrs 和 $listeners 对象有什么作用?
2024-11-18 08:20:40 +0800 CST
view 1411
本文详细介绍了Vue.js中的`$attrs`和`$listeners`对象的作用及使用方法。`$attrs`用于传递父组件未声明为`props`的属性到子组件内部,而`$listeners`用于将子组件的事件监听器传递给父组件。通过合理运用这两个对象,可以增强组件的灵活性和可复用性。
Vue
前端开发
组件通信
告别 px!用 CSS `clamp()` 轻松实现流体响应式布局
编程
告别 px!用 CSS `clamp()` 轻松实现流体响应式布局
2025-08-15 12:16:39 +0800 CST
view 1054
本文介绍了如何使用CSS的`clamp()`函数来实现流体响应式布局,告别传统的`px`单位和繁琐的媒体查询。通过`clamp()`,可以在设定的最小值和最大值之间,根据视口宽度动态调整元素的大小,实现平滑过渡,提升用户体验。文章还提供了具体的代码示例和工作原理的解释,强调了`clamp()`在现代前端开发中的重要性。
前端开发
CSS
响应式设计
CopilotKit 深度实战:当"副驾驶"成为前端标配——从 React AI 助手到 AG-UI 协议的完整指南(2026)
编程
CopilotKit 深度实战:当"副驾驶"成为前端标配——从 React AI 助手到 AG-UI 协议的完整指南(2026)
2026-06-12 22:20:59 +0800 CST
view 131
深度剖析 CopilotKit 的架构设计与实战集成,涵盖 AG-UI 协议、useCopilotAction、Generative UI 等核心功能
AI
React
CopilotKit
前端
AG-UI
开源
Rolldown 1.0 深度实战:当 Rust 重新定义 JavaScript 打包——从 Vite 8 架构升级到生产级构建的完全指南(2026)
编程
Rolldown 1.0 深度实战:当 Rust 重新定义 JavaScript 打包——从 Vite 8 架构升级到生产级构建的完全指南(2026)
2026-06-17 22:25:25 +0800 CST
view 134
Rolldown 1.0 正式发布,Vite 8 将其作为骨干打包器,性能比 Rollup 快 10-30 倍。本文从架构层面深度拆解 Rolldown:并行模块扫描、符号链接表、位掩码 Tree Shaking、Rust 插件生态,以及与 esbuild、Turbopack 的完整横评和 Vite 8 迁移实战。
Rolldown
Vite 8
Rust
JavaScript
打包工具
前端工程化
性能优化
Turbopack
esbuild
oxc
构建速度翻了3倍:从Vite到Turbopack,前端开发的效率革命与生产级实战指南(2026)
编程
构建速度翻了3倍:从Vite到Turbopack,前端开发的效率革命与生产级实战指南(2026)
2026-06-23 10:59:15 +0800 CST
view 83
深度解析Turbopack如何利用Rust实现1300倍热更新提速,剖析增量编译、Turbo Engine、SWC编译器等核心技术,对比Webpack/Vite/Turbopack性能差异,提供Next.js 15生产级实战指南。
Turbopack
Next.js
Vite
Webpack
Rust
前端构建
性能优化
下一代 CSS 来了!用 @scope 告别全局样式困扰
编程
下一代 CSS 来了!用 @scope 告别全局样式困扰
2025-08-15 12:20:30 +0800 CST
view 880
本文介绍了CSS的新特性@scope,它解决了全局样式冲突的问题。@scope允许开发者将样式限制在特定的DOM区域,避免了传统BEM命名法的冗长和复杂性。通过示例展示了如何使用@scope简化HTML和CSS代码,使样式更直观且易于维护。@scope代表了CSS的未来发展方向,促进了组件化开发。
前端开发
CSS
组件化
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
编程
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
2026-04-21 09:24:16 +0800 CST
view 523
WebAssembly:二进制指令格式,让浏览器以接近原生速度运行C/C++/Rust代码,应用于游戏、视频处理、AI推理、边缘计算等场景
前端
WebAssembly
WASM
性能优化
Rust
C++
Web开发
技术介绍
CopilotKit 深度实战:当副驾驶成为前端标配——从 React AI 助手到 AG-UI 协议的完整指南(2026)
编程
CopilotKit 深度实战:当副驾驶成为前端标配——从 React AI 助手到 AG-UI 协议的完整指南(2026)
2026-06-12 22:21:09 +0800 CST
view 173
深度剖析 CopilotKit 的架构设计与实战集成,涵盖 AG-UI 协议、useCopilotAction、Generative UI 等核心功能
AI
React
CopilotKit
前端
AG-UI
开源
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
30
31
32
33
34
...
51
下一页