程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
随机分数html
代码
随机分数html
2025-01-25 10:56:34 +0800 CST
view 1400
该文本描述了一个简单的网页应用,用户点击按钮后会播放音效并生成一个随机分数,伴随有动画效果,如数字滚动、烟花、彩带和闪光等。使用了HTML、CSS和JavaScript来实现这些功能,提供了丰富的视觉和听觉体验。
网页开发
前端技术
用户交互
动画效果
Timeline Studio 深度实战:浏览器正在成为最强大的 AI 视频工作站——从 WebCodecs、WebGPU 到 ONNX 推理的全栈架构解析
编程
Timeline Studio 深度实战:浏览器正在成为最强大的 AI 视频工作站——从 WebCodecs、WebGPU 到 ONNX 推理的全栈架构解析
2026-07-22 13:20:35 +0800 CST
view 553
深度拆解 Timeline Studio(ai-video-editor):纯浏览器端 AI 视频编辑器。涵盖 WebCodecs、WebGPU、ONNX Runtime Web 推理引擎、Chrome Gemini Nano、多轨时间线架构、Codex Agent Skill,配完整代码示例与性能优化指南。
WebCodecs
WebGPU
ONNX
浏览器AI
视频编辑
Whisper
React
前端工程
ONNX Runtime
离线优先
如何在 Vue 3 中使用 Vuex 4?
编程
如何在 Vue 3 中使用 Vuex 4?
2024-11-17 04:57:52 +0800 CST
view 1590
本文介绍了如何在Vue3中使用Vuex4进行状态管理,包括Vuex的基本概念、安装和配置步骤,以及如何在组件中使用Vuex。通过示例代码,展示了如何创建Vuexstore、使用模块化和命名空间来管理状态,帮助开发者更好地组织代码,提高项目的可维护性和可扩展性。
前端开发
状态管理
Vue.js
编程
技术
编程
2025,重新认识 HTML!
2025-02-07 14:40:00 +0800 CST
view 1655
本文探讨了HTML的最新特性,包括可定制样式的下拉菜单、直接操控Popover、Checkbox变身Toggle、使用<search>简化搜索、声明式ShadowDOM、ImportMaps导入模块、inert属性、响应式视频以及利用<details>标签创建交互式手风琴效果。这些新特性为开发者提供了更灵活和现代的用户交互体验。
Web开发
前端技术
HTML5
WebAssembly 正式"转正":W3C 宣布 Wasm 成为与 JavaScript 平级的 Web 一等公民
编程
WebAssembly 正式"转正":W3C 宣布 Wasm 成为与 JavaScript 平级的 Web 一等公民
2026-04-17 14:45:19 +0800 CST
view 736
2026年3月25日W3C正式宣布WebAssembly成为与JavaScript平级的Web一等公民。本文深度解析Wasm技术演进史、底层原理、.NET 11 CoreCLR on Wasm突破、组件模型、WASI与云原生落地,以及Rust工具链实战。
WebAssembly
Wasm
W3C
.NET
Blazor
Rust
WASI
前端性能
Chrome DevTools MCP 深度解析:让 AI 编码助手拥有「浏览器之眼」——从 CDP 封装到生产级 AI Agent 调试的完整实战
编程
Chrome DevTools MCP 深度解析:让 AI 编码助手拥有「浏览器之眼」——从 CDP 封装到生产级 AI Agent 调试的完整实战
2026-05-21 20:26:57 +0800 CST
view 846
Google Chrome团队官方推出的Chrome DevTools MCP,通过将CDP封装为MCP工具,让AI编码助手能够真正「看见」和「操控」浏览器。本文从架构原理、核心能力、代码实战、性能优化四维度进行全方位深度解析。
Chrome DevTools MCP
AI编程
浏览器自动化
MCP协议
前端调试
TypeScript
Puppeteer
Vite 6 与 Rolldown 深度实战:Rust 重写的前端构建革命——从 Rolldown 引擎到毫秒级 HMR 完全指南(2026)
编程
Vite 6 与 Rolldown 深度实战:Rust 重写的前端构建革命——从 Rolldown 引擎到毫秒级 HMR 完全指南(2026)
2026-05-30 14:40:03 +0800 CST
view 502
Vite 6 用 Rust 重写的 Rolldown 替代 esbuild+Rollup 双引擎,构建速度提升4倍,HMR压至10ms内,内存降低60%,彻底解决dev与build不一致问题。
Vite
Rolldown
Rust
前端构建
性能优化
如何在 Vue 3 中进行状态管理,有哪些最佳实践?
编程
如何在 Vue 3 中进行状态管理,有哪些最佳实践?
2024-11-17 10:22:08 +0800 CST
view 1676
本文探讨了在Vue3中进行状态管理的多种方法,包括本地组件状态、全局事件总线、Vuex和CompositionAPI,并提供了一些最佳实践,如模块化管理和避免过度使用全局事件总线。通过掌握这些方法,开发者可以更有效地管理状态,提高应用的可维护性和性能。
前端开发
Vue.js
状态管理
综合
20个超实用的CSS动画库
2024-11-18 07:23:12 +0800 CST
view 1864
本文介绍了20个超实用的CSS动画库,适用于Web项目,提供多种动态效果。这些库大多数生成纯CSS代码,无需外部依赖,涵盖了加载动画、悬停效果、文本动画等,帮助开发者快速集成和提升用户体验。无论是构建交互效果还是丰富页面展示,这些工具都能为项目注入活力。
前端开发
动画
Web设计
用户体验
Tailwind CSS v4 深度拆解:从 JavaScript 配置到 CSS-first 架构——当一个 CSS 框架决定用 Rust 重写自己后,100 倍性能提升背后的工程哲学
编程
Tailwind CSS v4 深度拆解:从 JavaScript 配置到 CSS-first 架构——当一个 CSS 框架决定用 Rust 重写自己后,100 倍性能提升背后的工程哲学
2026-08-03 07:42:35 +0800 CST
view 137
深度拆解Tailwind CSS v4四大核心架构变革:Rust原生引擎100倍性能提升、CSS-first配置范式迁移、现代CSS标准全面拥抱(Cascade Layers/@property/color-mix())、零配置哲学与容器查询原生支持,附完整v3到v4迁移实战指南
Tailwind CSS
CSS框架
前端开发
性能优化
Rust
Lightning CSS
CSS-first
Cascade Layers
容器查询
原子化CSS
Vue 3 中怎么使用 `provide` 和 `inject` API?
编程
Vue 3 中怎么使用 `provide` 和 `inject` API?
2024-11-19 06:45:51 +0800 CST
view 1830
本文介绍了在Vue3中如何使用`provide`和`inject`API进行数据传递,特别是在组件层级较深的情况下。通过示例代码,展示了如何在父组件中提供数据,并在子组件中接收,避免了繁琐的逐层传递。还讨论了响应式数据的使用及默认值的设置,强调了这种方法的灵活性和简洁性。
前端开发
Vue.js
JavaScript
组件设计
响应式编程
Vue3中实现基于用户权限的动态路由加载
编程
Vue3中实现基于用户权限的动态路由加载
2024-11-19 06:13:52 +0800 CST
view 1715
本文探讨了如何在Vue3中实现基于用户权限的动态路由加载。通过定义用户权限模型和使用vue-router与vuex,动态生成路由并结合导航守卫进行权限控制,从而提高用户体验和系统安全性。用户登录后,系统根据其角色加载相应的页面,确保无权限用户无法访问敏感内容。
Web应用
前端开发
权限控制
Vue框架
动态路由
CSS 2026 深度解析:8 大原生特性终结 JavaScript 依赖,前端开发范式正在重写
编程
CSS 2026 深度解析:8 大原生特性终结 JavaScript 依赖,前端开发范式正在重写
2026-05-15 11:18:21 +0800 CST
view 679
2026年CSS八大原生特性深度解析:锚点定位、视图过渡、滚动驱动动画、瀑布流、Subgrid、LCH颜色、离散属性动画、文本环绕平衡
CSS
前端
Anchor Positioning
View Transitions
滚动驱动动画
Subgrid
LCH颜色
Masonry
Svelte 5 完全解析:从 Runes 语法到响应式革命,前端性能的新天花板
编程
Svelte 5 完全解析:从 Runes 语法到响应式革命,前端性能的新天花板
2026-06-15 09:21:13 +0800 CST
view 436
深入解析 Svelte 5 的 Runes 语法系统,对比 React Hooks 和 Vue Composition API,探讨编译时优化的原理与实践
Svelte
Runes
前端
响应式
性能优化
Ponytail 深度实战:让 AI 编程助手从"过度工程"回归"懒人智慧"——六步阶梯砍掉 54% 代码、节省 20% 成本的完整指南(2026)
编程
Ponytail 深度实战:让 AI 编程助手从"过度工程"回归"懒人智慧"——六步阶梯砍掉 54% 代码、节省 20% 成本的完整指南(2026)
2026-06-28 09:11:45 +0800 CST
view 655
深度解析 Ponytail 如何让 AI 编程助手从过度工程回归懒人智慧,六步阶梯决策流程砍掉 54% 代码、节省 20% 成本,含完整基准测试数据与实战案例。
Ponytail
AI编程
过度工程
Claude Code
Cursor
Agent Skill
代码精简
懒人智慧
前端开发
Vue 3 如何处理异步操作(比如 API 请求)?
编程
Vue 3 如何处理异步操作(比如 API 请求)?
2024-11-18 15:50:01 +0800 CST
view 1754
本文探讨了Vue3如何优雅地处理异步操作,特别是API请求。通过使用`async`和`await`,开发者可以编写更简洁的异步代码。我们展示了如何在Vue组件中获取用户数据,并介绍了`ref`和`onMounted`的用法,以及如何通过可组合函数复用异步逻辑。Vue3提供了强大的API,帮助开发者高效应对各种异步操作。
前端开发
JavaScript
Vue.js
异步编程
API
代码
一个数字时钟的HTML
2024-11-19 07:46:53 +0800 CST
view 2111
该文本展示了一个数字时钟的HTML实现,使用CSS进行样式设计和动画效果,JavaScript用于实时更新时钟。时钟显示12小时制时间,并具有渐变背景和动态色彩变化的效果,整体设计简洁且现代。
前端开发
网页设计
编程
TypeScript 7.0 正式版深度解析:Go 语言重写编译器,14年来最重大底层变革
编程
TypeScript 7.0 正式版深度解析:Go 语言重写编译器,14年来最重大底层变革
2026-07-09 14:14:53 +0800 CST
view 349
2026年7月9日微软正式发布TypeScript 7.0,整个编译器从JavaScript重写为Go语言,编译速度提升10倍。本文深入解析Go语言重写的技术原理、并行化策略、迁移指南以及对前端生态的深远影响。
TypeScript
Go语言
编译器
性能优化
前端开发
Svelte 5 深度拆解:当编译时框架学会「显式响应式」——Runes 符文、信号机制与零虚拟 DOM 如何重写前端性能心智模型
编程
Svelte 5 深度拆解:当编译时框架学会「显式响应式」——Runes 符文、信号机制与零虚拟 DOM 如何重写前端性能心智模型
2026-07-16 03:12:49 +0800 CST
view 241
从背景、核心概念、编译器架构、代码实战到性能优化,彻底拆解 Svelte 5 的 Runes 响应式系统与信号机制。
Svelte 5
Runes
响应式
信号
前端框架
编译时
零虚拟DOM
性能优化
OpenCut 深度拆解:80.6k Star 的开源 CapCut 平替,从时间轴数据模型到浏览器渲染管线的全链路架构
编程
OpenCut 深度拆解:80.6k Star 的开源 CapCut 平替,从时间轴数据模型到浏览器渲染管线的全链路架构
2026-08-11 12:54:43 +0800 CST
view 78
深度拆解 OpenCut:GitHub 80.6k Star 的开源 CapCut 替代品。从非破坏性编辑模型、有理数时间基准、时间轴数据结构,到 FFmpeg 导出命令生成器与 WebCodecs GPU 预览渲染的全链路架构,含完整 TypeScript 代码实战、性能优化方案与十二条踩坑清单。
OpenCut
视频编辑
FFmpeg
WebCodecs
TypeScript
时间轴
开源软件
浏览器
WebAssembly
渲染管线
性能优化
前端工程
Vue 中如何处理父子组件通信?
编程
Vue 中如何处理父子组件通信?
2024-11-17 04:35:13 +0800 CST
view 1579
本文介绍了在Vue中处理父子组件通信的几种常见方法,包括使用props和$emit、provide和inject以及$parent和$children。通过示例代码,展示了如何在父组件和子组件之间传递数据和触发事件。推荐使用props和$emit作为主要方式,而provide和inject适合深层组件间的数据传递,$parent和$children则因耦合度高而不建议常规使用。
前端开发
Vue
组件通信
代码
一个基于canvas的自由贪吃蛇动画效果
2024-11-18 11:45:29 +0800 CST
view 1816
该文本是一个HTML文档,展示了一个基于canvas的自由贪吃蛇动画效果。通过JavaScript处理鼠标事件,实现动态的光标轨迹。使用GSAP库来增强动画效果,代码中包含了对canvas的设置、鼠标位置的更新以及动画的循环更新。整体设计旨在提供一个互动且视觉上令人满意的用户体验。
网页设计
前端开发
动画效果
智能视频墙
代码
智能视频墙
2025-02-22 11:21:29 +0800 CST
view 1678
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器,支持拖拽和调整大小,并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流,提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况,确保视频容器不会超出视口。
前端开发
视频播放
用户交互
Web技术
TypeScript Native Port 深度解析:微软用 Go 重写编译器,性能提升 10 倍背后的工程哲学
编程
TypeScript Native Port 深度解析:微软用 Go 重写编译器,性能提升 10 倍背后的工程哲学
2026-04-27 16:51:14 +0800 CST
view 620
微软用 Go 重写 TypeScript 编译器,性能提升 10 倍。本文深度解析 Corsa 架构设计、性能优化原理和迁移实践。
TypeScript
Go
编译器
前端工程化
微软
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
36
37
38
39
40
...
43
下一页