程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
编程
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
2026-04-27 13:22:42 +0800 CST
view 1059
花束设计(Huashu Design)是一个给 Claude Code 的 HTML 原生设计 skill,7天获得6700+ Stars。本文深度解析其七大能力模块、防AI Slop规则系统、品牌资产协议和Stage+Sprite动画引擎。
Huashu Design
Claude Code
AI设计
Skill
HTML
前端
设计工具
开源
TypeScript 7.0 深度实战:微软用 Go 重写编译器的架构革命——从 Corsa 移植策略到生产级性能调优的完整指南
编程
TypeScript 7.0 深度实战:微软用 Go 重写编译器的架构革命——从 Corsa 移植策略到生产级性能调优的完整指南
2026-05-21 19:23:23 +0800 CST
view 323
深度解析微软 TypeScript 7.0 的 Go 原生移植 Corsa,从架构原理到生产调优的完整实战指南。
TypeScript
Go
编译器
Corsa
前端
性能优化
Vue 3 是如何实现更好的性能的?
编程
Vue 3 是如何实现更好的性能的?
2024-11-19 09:06:25 +0800 CST
view 1551
Vue3通过引入Proxy改进响应式系统、进行静态提升和编译优化、采用更高效的树形结构对比算法、支持Fragment、引入CompositionAPI和Tree-shaking等多项改进,显著提升了框架性能。这些优化不仅提高了开发效率,也使得Vue应用在实际运行中更加流畅和高效。
前端开发
框架
性能优化
Vue.js
随机分数html
代码
随机分数html
2025-01-25 10:56:34 +0800 CST
view 1262
该文本描述了一个简单的网页应用,用户点击按钮后会播放音效并生成一个随机分数,伴随有动画效果,如数字滚动、烟花、彩带和闪光等。使用了HTML、CSS和JavaScript来实现这些功能,提供了丰富的视觉和听觉体验。
网页开发
前端技术
用户交互
动画效果
如何在 Vue 3 中使用 Vuex 4?
编程
如何在 Vue 3 中使用 Vuex 4?
2024-11-17 04:57:52 +0800 CST
view 1399
本文介绍了如何在Vue3中使用Vuex4进行状态管理,包括Vuex的基本概念、安装和配置步骤,以及如何在组件中使用Vuex。通过示例代码,展示了如何创建Vuexstore、使用模块化和命名空间来管理状态,帮助开发者更好地组织代码,提高项目的可维护性和可扩展性。
前端开发
状态管理
Vue.js
编程
技术
编程
2025,重新认识 HTML!
2025-02-07 14:40:00 +0800 CST
view 1491
本文探讨了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 445
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 423
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 211
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 1536
本文探讨了在Vue3中进行状态管理的多种方法,包括本地组件状态、全局事件总线、Vuex和CompositionAPI,并提供了一些最佳实践,如模块化管理和避免过度使用全局事件总线。通过掌握这些方法,开发者可以更有效地管理状态,提高应用的可维护性和性能。
前端开发
Vue.js
状态管理
综合
20个超实用的CSS动画库
2024-11-18 07:23:12 +0800 CST
view 1611
本文介绍了20个超实用的CSS动画库,适用于Web项目,提供多种动态效果。这些库大多数生成纯CSS代码,无需外部依赖,涵盖了加载动画、悬停效果、文本动画等,帮助开发者快速集成和提升用户体验。无论是构建交互效果还是丰富页面展示,这些工具都能为项目注入活力。
前端开发
动画
Web设计
用户体验
Vue 3 中怎么使用 `provide` 和 `inject` API?
编程
Vue 3 中怎么使用 `provide` 和 `inject` API?
2024-11-19 06:45:51 +0800 CST
view 1671
本文介绍了在Vue3中如何使用`provide`和`inject`API进行数据传递,特别是在组件层级较深的情况下。通过示例代码,展示了如何在父组件中提供数据,并在子组件中接收,避免了繁琐的逐层传递。还讨论了响应式数据的使用及默认值的设置,强调了这种方法的灵活性和简洁性。
前端开发
Vue.js
JavaScript
组件设计
响应式编程
Vue3中实现基于用户权限的动态路由加载
编程
Vue3中实现基于用户权限的动态路由加载
2024-11-19 06:13:52 +0800 CST
view 1545
本文探讨了如何在Vue3中实现基于用户权限的动态路由加载。通过定义用户权限模型和使用vue-router与vuex,动态生成路由并结合导航守卫进行权限控制,从而提高用户体验和系统安全性。用户登录后,系统根据其角色加载相应的页面,确保无权限用户无法访问敏感内容。
Web应用
前端开发
权限控制
Vue框架
动态路由
CSS 2026 深度解析:8 大原生特性终结 JavaScript 依赖,前端开发范式正在重写
编程
CSS 2026 深度解析:8 大原生特性终结 JavaScript 依赖,前端开发范式正在重写
2026-05-15 11:18:21 +0800 CST
view 305
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 153
深入解析 Svelte 5 的 Runes 语法系统,对比 React Hooks 和 Vue Composition API,探讨编译时优化的原理与实践
Svelte
Runes
前端
响应式
性能优化
Vue 3 如何处理异步操作(比如 API 请求)?
编程
Vue 3 如何处理异步操作(比如 API 请求)?
2024-11-18 15:50:01 +0800 CST
view 1605
本文探讨了Vue3如何优雅地处理异步操作,特别是API请求。通过使用`async`和`await`,开发者可以编写更简洁的异步代码。我们展示了如何在Vue组件中获取用户数据,并介绍了`ref`和`onMounted`的用法,以及如何通过可组合函数复用异步逻辑。Vue3提供了强大的API,帮助开发者高效应对各种异步操作。
前端开发
JavaScript
Vue.js
异步编程
API
代码
一个数字时钟的HTML
2024-11-19 07:46:53 +0800 CST
view 1983
该文本展示了一个数字时钟的HTML实现,使用CSS进行样式设计和动画效果,JavaScript用于实时更新时钟。时钟显示12小时制时间,并具有渐变背景和动态色彩变化的效果,整体设计简洁且现代。
前端开发
网页设计
编程
Vue 中如何处理父子组件通信?
编程
Vue 中如何处理父子组件通信?
2024-11-17 04:35:13 +0800 CST
view 1343
本文介绍了在Vue中处理父子组件通信的几种常见方法,包括使用props和$emit、provide和inject以及$parent和$children。通过示例代码,展示了如何在父组件和子组件之间传递数据和触发事件。推荐使用props和$emit作为主要方式,而provide和inject适合深层组件间的数据传递,$parent和$children则因耦合度高而不建议常规使用。
前端开发
Vue
组件通信
代码
一个基于canvas的自由贪吃蛇动画效果
2024-11-18 11:45:29 +0800 CST
view 1615
该文本是一个HTML文档,展示了一个基于canvas的自由贪吃蛇动画效果。通过JavaScript处理鼠标事件,实现动态的光标轨迹。使用GSAP库来增强动画效果,代码中包含了对canvas的设置、鼠标位置的更新以及动画的循环更新。整体设计旨在提供一个互动且视觉上令人满意的用户体验。
网页设计
前端开发
动画效果
智能视频墙
代码
智能视频墙
2025-02-22 11:21:29 +0800 CST
view 1476
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器,支持拖拽和调整大小,并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流,提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况,确保视频容器不会超出视口。
前端开发
视频播放
用户交互
Web技术
TypeScript Native Port 深度解析:微软用 Go 重写编译器,性能提升 10 倍背后的工程哲学
编程
TypeScript Native Port 深度解析:微软用 Go 重写编译器,性能提升 10 倍背后的工程哲学
2026-04-27 16:51:14 +0800 CST
view 362
微软用 Go 重写 TypeScript 编译器,性能提升 10 倍。本文深度解析 Corsa 架构设计、性能优化原理和迁移实践。
TypeScript
Go
编译器
前端工程化
微软
Vue 中如何处理跨组件通信?
编程
Vue 中如何处理跨组件通信?
2024-11-17 15:59:54 +0800 CST
view 1459
在Vue中,跨组件通信是常见需求,尤其在复杂项目中。可以通过`$emit`和`$on`实现父子组件通信,使用EventBus处理非父子组件通信,Vuex适合大型应用的状态管理,`provide`和`inject`则简化了祖先与后代组件的数据传递。根据具体需求选择合适的方法,提高组件协作效率。
Vue
前端开发
组件通信
代码
HTML和JavaScript创建的烟花动画效果
2024-11-19 04:21:02 +0800 CST
view 1874
该文本展示了一个使用HTML和JavaScript创建的烟花动画效果。通过在画布上绘制烟花和粒子,代码实现了烟花的生成、更新和绘制。包含了画布的自适应调整和烟花爆炸后粒子的动画效果,整体背景为黑色,营造出烟花绽放的视觉效果。
前端开发
动画
图形编程
JavaScript
HTML
PlayCanvas 深度实战:当浏览器遇上 WebGPU——从 WebGL 后时代到生产级 3D 游戏引擎的完全指南(2026)
编程
PlayCanvas 深度实战:当浏览器遇上 WebGPU——从 WebGL 后时代到生产级 3D 游戏引擎的完全指南(2026)
2026-06-09 16:51:07 +0800 CST
view 244
深入剖析 PlayCanvas 游戏引擎如何整合 WebGPU 技术,从 Compute Shader 粒子系统到 3D Gaussian Splatting 革命性渲染,带你掌握浏览器端 3D 游戏开发的最新技术栈。
WebGPU
PlayCanvas
3D游戏引擎
WebGL
Compute Shader
Gaussian Splatting
前端图形渲染
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
27
28
29
30
31
...
33
下一页