程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
微信小程序虚拟支付接入全指南:从配置到上线的完整流程
编程
微信小程序虚拟支付接入全指南:从配置到上线的完整流程
2026-07-06 21:21:20 +0800 CST
view 870
微信小程序虚拟支付wx.requestVirtualPayment完整接入指南,含Java签名代码、AES解密、前端调起、错误码、沙箱测试全流程。
微信
小程序
虚拟支付
Java
前端
支付
接入指南
开发
json-render 深度拆解:Vercel 的 Generative UI 框架,如何让 AI「画界面」而不「闯祸」
编程
json-render 深度拆解:Vercel 的 Generative UI 框架,如何让 AI「画界面」而不「闯祸」
2026-07-30 18:14:37 +0800 CST
view 169
深度拆解 Vercel Labs 开源的 Generative UI 框架 json-render:Catalog/Registry/Spec 三件套、扁平化 Spec 与 SpecStream 流式渲染、12+ 渲染目标的多端投影架构,附完整 AI 运营看板实战与 Token 降本技巧。
json-render
Vercel
Generative UI
AI Agent
React
前端框架
Zod
流式渲染
shadcn
开源
Vue3中的状态管理:使用Pinia替代Vuex
编程
Vue3中的状态管理:使用Pinia替代Vuex
2024-11-18 05:56:04 +0800 CST
view 1719
本篇博客探讨了Pinia作为Vue3的状态管理库,比较了其与Vuex的不同之处。Pinia提供了更简洁的API和更好的TypeScript支持,旨在简化状态管理过程。通过示例展示了如何在Vue组件中使用Pinia进行状态管理,特别是创建一个简单的计数器应用,帮助开发者快速上手Pinia。
前端开发
状态管理
Vue.js
JavaScript
编程
前端如何给页面添加水印
综合
前端如何给页面添加水印
2024-11-19 07:12:56 +0800 CST
view 2166
本文介绍了在前端页面中添加水印的多种方法,包括使用CSS背景图像、JavaScript动态创建水印和SVG实现水印。每种方法都有其适用场景,CSS适合静态水印,JavaScript适合动态内容,SVG则适合复杂图形。文中还提到用户体验和性能考虑,确保水印不会影响页面的可用性。
前端开发
网页设计
用户体验
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
编程
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
2025-08-15 15:15:07 +0800 CST
view 1560
ShadowRealm是ECMAScript正在制定的新标准,提供一个完全隔离的JavaScript全局环境。它允许安全执行来自不同来源的代码,避免了iframe和eval的缺陷。通过创建ShadowRealm实例,开发者可以在隔离环境中执行代码,确保主环境的安全性。该机制支持同步调用和安全导入函数,适用于安全执行第三方脚本和动态模块加载等场景。
前端开发
JavaScript
安全性
Vite+ 深度解剖:从 Rolldown 到 Oxlint,尤雨溪的统一工具链革命
编程
Vite+ 深度解剖:从 Rolldown 到 Oxlint,尤雨溪的统一工具链革命
2026-07-25 07:16:09 +0800 CST
view 224
深度拆解 Vite+ 一体化工具链:Rolldown 统一打包器终结 esbuild+Rollup 双引擎时代、Oxlint 比 ESLint 快 50 倍、Oxc 类型检查快 10 倍、LightningCSS 快 100 倍,统一配置文件、内置 Monorepo 任务调度、从 Turbo/Webpack 迁移实战。
Vite
Rolldown
Oxlint
前端工具链
Rust
尤雨溪
VoidZero
构建工具
Monorepo
ZeroNative 深度拆解:Vercel 为何用 Zig 而非 Rust,打造下一代跨端原生应用框架
编程
ZeroNative 深度拆解:Vercel 为何用 Zig 而非 Rust,打造下一代跨端原生应用框架
2026-07-30 18:45:50 +0800 CST
view 289
深度拆解 Vercel Labs 开源的 ZeroNative:Zig 编写的 native runtime + Web UI 构建跨 macOS/Windows/Linux/iOS/Android 原生应用。剖析三层架构、安全模型、与 Tauri 的核心差异,以及 Vercel 为何选择 Zig 而非 Rust 的深层逻辑。
ZeroNative
Zig
Vercel
跨端开发
桌面应用
移动开发
原生应用
前端框架
Tauri
Electron
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
编程
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
2024-11-17 10:01:20 +0800 CST
view 2186
本文介绍了如何使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件,提升了用户交互体验。文中详细说明了项目准备、组件创建、文件选择和上传逻辑,并提供了完整的代码示例,帮助开发者轻松集成该功能。
前端开发
Vue.js
用户交互
文件上传
Web应用
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
编程
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
2025-08-15 15:16:12 +0800 CST
view 1241
在前端开发中,用户关闭页面时需要向服务器发送数据,但传统方法如同步XMLHttpRequest会阻塞主线程,影响用户体验。现代方案如`navigator.sendBeacon()`和`fetch({keepalive:true})`提供了异步非阻塞的方式,确保数据在页面关闭时可靠发送。适用于日志、统计和草稿保存等场景。
前端开发
HTTP
用户体验
数据处理
Web技术
Bun 从 Zig 到 Rust 的百万行重写:当 AI 用 9 天改写 JavaScript 运行时的命运
编程
Bun 从 Zig 到 Rust 的百万行重写:当 AI 用 9 天改写 JavaScript 运行时的命运
2026-08-06 01:46:57 +0800 CST
view 125
深度拆解Bun从Zig到Rust的百万行代码重写:Claude Code 9天生成100万行Rust代码、99.8%测试通过率背后超万个unsafe代码块的安全争议、性能基准测试对比、AI重写基础设施的范式转移
Bun
Rust
Zig
JavaScript运行时
AI编程
内存安全
Claude Code
unsafe
Anthropic
前端工具链
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
2024-11-18 16:34:24 +0800 CST
view 1863
本文探讨了在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用。通过示例代码,展示了如何在组件中定义Props和Emit事件的类型,创建可重用的组合函数,以及在Vuex中管理状态类型,从而提高代码的可维护性和可靠性。
前端开发
编程
TypeScript
Vue.js
软件工程
TypeScript 6.0 深度解析:JavaScript 编译器的「最后之舞」,与 Go 语言重写的幕后逻辑
编程
TypeScript 6.0 深度解析:JavaScript 编译器的「最后之舞」,与 Go 语言重写的幕后逻辑
2026-04-21 11:21:07 +0800 CST
view 1118
2026年3月微软发布TypeScript 6.0,这是JS编译器版本的最后一个版本。TS 7.0将用Go语言重写,性能提升10倍。本文深度解析TS6的核心变更、tsgo技术架构及升级实战指南。
TypeScript
TypeScript6
Go语言
tsgo
前端工具链
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
编程
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
2024-11-19 01:13:52 +0800 CST
view 1781
本文介绍了如何使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证。验证逻辑包括用户名不能为空、邮箱格式正确性及密码长度要求。提交表单时,检查所有字段的有效性,并根据验证结果给出相应提示。最后,提供了启动应用的命令。
Web开发
前端技术
Vue.js
综合
全网首发:Vue 3.5 源码解析,useTemplateRef 实现原理
2024-11-19 09:30:11 +0800 CST
view 2041
本文分析了Vue3.5中`useTemplateRef`API的实现原理。该API用于获取DOM或组件实例,解决了传统`ref`使用中的混淆。通过源码解析,展示了`useTemplateRef`如何封装`ref`,并通过`Object.defineProperty`监听`refs[key]`的setter行为,简化了DOM实例的获取过程。
Vue
前端开发
JavaScript
综合
Dcat Admin:高效简洁的Laravel后台管理系统构建神器
2024-11-18 09:09:39 +0800 CST
view 2637
DcatAdmin是一个基于Laravel框架的高效简洁的后台管理系统构建工具,支持快速构建功能完善的后台界面。它集成了丰富的前端技术和组件,简化了用户管理和权限控制等功能,适合各种项目需求。DcatAdmin提供灵活的扩展性和良好的用户体验,帮助开发者提升工作效率。
Web开发
后台管理
开发工具
Laravel
前端技术
前端录屏黑科技:几行 JS 代码实现网页录屏
编程
前端录屏黑科技:几行 JS 代码实现网页录屏
2025-08-15 15:19:33 +0800 CST
view 1423
本文介绍了如何使用MediaRecorderAPI和原生JavaScript实现网页录屏功能。通过简单的几行代码,开发者可以获取用户屏幕流并进行录制,支持音视频捕获。文章详细说明了获取媒体流、创建MediaRecorder实例、开始和停止录制的步骤,并提供了注意事项和最佳实践,强调了浏览器兼容性和用户授权的重要性。
前端开发
Web技术
编程
视频处理
在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性
编程
在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性
2024-11-18 14:26:11 +0800 CST
view 1726
本文介绍了如何在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性。通过创建基本项目、配置路由、创建动态路由组件及输入表单,读者可以实现用户输入导航到对应页面的功能,展示了现代单页面应用的动态特性。
前端开发
Web应用
编程
Vue.js
动态路由
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
编程
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
2024-11-18 06:26:04 +0800 CST
view 1729
本文介绍了如何利用Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框。使用CompositionAPI可以提高代码的可读性和复用性,适用于现代前端开发中的组件化需求。
前端开发
Vue.js
组件化
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
编程
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
2024-11-17 04:21:34 +0800 CST
view 1674
本文介绍了如何使用Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用。通过逐步实现项目结构、主应用组件、输入组件和待办事项列表组件,读者将学习到Vue3的基本概念和组件间的事件通信。最后,读者可以在浏览器中运行应用,添加、删除和标记待办事项。
前端开发
Vue
JavaScript
应用开发
教程
前端文件下载的 N 种姿势:从简单到高级
编程
前端文件下载的 N 种姿势:从简单到高级
2025-08-15 15:27:34 +0800 CST
view 1257
本文介绍了前端文件下载的多种方法,从最简单的`<a>`标签的`download`属性到高级的FetchAPI结合Blob和URL.createObjectURL。每种方法的原理、优缺点以及适用场景都进行了详细分析,并提供了可运行的示例代码,帮助开发者选择合适的下载方案。
Web开发
前端技术
文件处理
Chrome DevTools MCP 深度实战:当 AI Agent 学会操作真实浏览器——从 DevTools 协议到生产级自动化调试的完全指南(2026)
编程
Chrome DevTools MCP 深度实战:当 AI Agent 学会操作真实浏览器——从 DevTools 协议到生产级自动化调试的完全指南(2026)
2026-06-13 04:15:59 +0800 CST
view 650
Chrome DevTools MCP 是 Google Chrome 团队开源的 MCP 服务器,让 AI 编程助手能够直接控制真实 Chrome 浏览器,并使用完整的 DevTools 能力进行自动化测试、深度调试和性能分析。
Chrome DevTools MCP
AI Agent
浏览器自动化
MCP协议
前端调试
Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信
编程
Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信
2024-11-18 19:52:25 +0800 CST
view 1924
本文探讨了在Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信。通过示例代码,详细讲解了如何使用props、emit事件、父组件作为桥梁以及EventBus等方法来实现组件之间的交互,提升代码的可维护性和可读性。
前端开发
Vue.js
组件化
状态管理
抛弃 `!important`:提升 CSS 优先级的正确姿势
编程
抛弃 `!important`:提升 CSS 优先级的正确姿势
2025-08-15 15:45:38 +0800 CST
view 1011
本文探讨了在前端开发中如何有效提升CSS优先级,避免滥用`!important`。通过理解CSS优先级计算规则和使用ID选择器、类选择器、属性选择器等技巧,开发者可以写出更清晰、可维护的代码。同时介绍了BEM方法论,强调其在避免优先级冲突中的优势。
前端开发
CSS
样式管理
使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面
编程
使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面
2024-11-18 21:42:15 +0800 CST
view 1969
本文探讨了如何使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面。文章提供了项目准备、基本结构、代码解析及扩展功能的详细说明,帮助读者掌握在Vue3中实现无刷新数据加载的技巧。
前端开发
Vue.js
用户体验
Web应用
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
59
60
61
62
63
...
78
下一页