程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
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 142
深度拆解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 683
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 437
深入解析 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 664
深度解析 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 1755
本文探讨了Vue3如何优雅地处理异步操作,特别是API请求。通过使用`async`和`await`,开发者可以编写更简洁的异步代码。我们展示了如何在Vue组件中获取用户数据,并介绍了`ref`和`onMounted`的用法,以及如何通过可组合函数复用异步逻辑。Vue3提供了强大的API,帮助开发者高效应对各种异步操作。
前端开发
JavaScript
Vue.js
异步编程
API
代码
一个数字时钟的HTML
2024-11-19 07:46:53 +0800 CST
view 2112
该文本展示了一个数字时钟的HTML实现,使用CSS进行样式设计和动画效果,JavaScript用于实时更新时钟。时钟显示12小时制时间,并具有渐变背景和动态色彩变化的效果,整体设计简洁且现代。
前端开发
网页设计
编程
TypeScript 7.0 正式版深度解析:Go 语言重写编译器,14年来最重大底层变革
编程
TypeScript 7.0 正式版深度解析:Go 语言重写编译器,14年来最重大底层变革
2026-07-09 14:14:53 +0800 CST
view 350
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 242
从背景、核心概念、编译器架构、代码实战到性能优化,彻底拆解 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 93
深度拆解 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 1817
该文本是一个HTML文档,展示了一个基于canvas的自由贪吃蛇动画效果。通过JavaScript处理鼠标事件,实现动态的光标轨迹。使用GSAP库来增强动画效果,代码中包含了对canvas的设置、鼠标位置的更新以及动画的循环更新。整体设计旨在提供一个互动且视觉上令人满意的用户体验。
网页设计
前端开发
动画效果
智能视频墙
代码
智能视频墙
2025-02-22 11:21:29 +0800 CST
view 1680
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器,支持拖拽和调整大小,并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流,提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况,确保视频容器不会超出视口。
前端开发
视频播放
用户交互
Web技术
TypeScript Native Port 深度解析:微软用 Go 重写编译器,性能提升 10 倍背后的工程哲学
编程
TypeScript Native Port 深度解析:微软用 Go 重写编译器,性能提升 10 倍背后的工程哲学
2026-04-27 16:51:14 +0800 CST
view 624
微软用 Go 重写 TypeScript 编译器,性能提升 10 倍。本文深度解析 Corsa 架构设计、性能优化原理和迁移实践。
TypeScript
Go
编译器
前端工程化
微软
Deno 2.9 支持桌面应用:无需 Electron,前端框架直接变二进制
编程
Deno 2.9 支持桌面应用:无需 Electron,前端框架直接变二进制
2026-07-04 07:38:47 +0800 CST
view 364
Deno 2.9 推出 deno desktop 命令,可直接将 Next/Nuxt/Astro 等前端框架项目转化为独立桌面二进制应用,无需 Electron 样板代码。支持 WebView 或 CEF 渲染引擎,五大平台交叉编译,零配置自动检测前端框架。
Deno
桌面应用
Electron
Tauri
WebView
CEF
前端框架
Next.js
Nuxt
Astro
交叉编译
二进制
TypeScript 7.0 正式发布:编译器全面 Go 重写,类型检查提速 10 倍,脱离 Node.js 环境
编程
TypeScript 7.0 正式发布:编译器全面 Go 重写,类型检查提速 10 倍,脱离 Node.js 环境
2026-07-27 09:43:53 +0800 CST
view 221
2026年7月微软正式发布TypeScript 7.0,编译器全面用Go重写,类型检查提速10倍,彻底脱离Node.js环境。本文深度拆解架构决策、性能优化与迁移指南。
TypeScript
TypeScript7
Go语言
编译器
前端工具链
Vue 中如何处理跨组件通信?
编程
Vue 中如何处理跨组件通信?
2024-11-17 15:59:54 +0800 CST
view 1662
在Vue中,跨组件通信是常见需求,尤其在复杂项目中。可以通过`$emit`和`$on`实现父子组件通信,使用EventBus处理非父子组件通信,Vuex适合大型应用的状态管理,`provide`和`inject`则简化了祖先与后代组件的数据传递。根据具体需求选择合适的方法,提高组件协作效率。
Vue
前端开发
组件通信
代码
HTML和JavaScript创建的烟花动画效果
2024-11-19 04:21:02 +0800 CST
view 2076
该文本展示了一个使用HTML和JavaScript创建的烟花动画效果。通过在画布上绘制烟花和粒子,代码实现了烟花的生成、更新和绘制。包含了画布的自适应调整和烟花爆炸后粒子的动画效果,整体背景为黑色,营造出烟花绽放的视觉效果。
前端开发
动画
图形编程
JavaScript
HTML
PlayCanvas 深度实战:当浏览器遇上 WebGPU——从 WebGL 后时代到生产级 3D 游戏引擎的完全指南(2026)
编程
PlayCanvas 深度实战:当浏览器遇上 WebGPU——从 WebGL 后时代到生产级 3D 游戏引擎的完全指南(2026)
2026-06-09 16:51:07 +0800 CST
view 681
深入剖析 PlayCanvas 游戏引擎如何整合 WebGPU 技术,从 Compute Shader 粒子系统到 3D Gaussian Splatting 革命性渲染,带你掌握浏览器端 3D 游戏开发的最新技术栈。
WebGPU
PlayCanvas
3D游戏引擎
WebGL
Compute Shader
Gaussian Splatting
前端图形渲染
Vue 3 中的 `ref` 和 `reactive` 有什么区别?
编程
Vue 3 中的 `ref` 和 `reactive` 有什么区别?
2024-11-19 02:27:52 +0800 CST
view 1511
本文详细讨论了Vue3中的`ref`和`reactive`的区别与应用。`ref`主要用于处理原始值和单一引用对象,而`reactive`适用于复杂对象和数组。两者在数据访问方式、响应式数据更新机制及深度响应方面存在显著差异。通过合理使用这两个API,开发者可以更高效地构建响应式应用。
前端开发
Vue.js
响应式编程
代码
html折叠登陆表单
2024-11-18 19:51:14 +0800 CST
view 1841
该文本是一个HTML文档,包含一个折叠式用户登录表单。使用CSS变量定义样式,确保响应式设计。表单包括用户名和密码输入框,具有动态效果和交互性。整体设计注重用户体验,使用了现代的布局和样式技术。
前端开发
网页设计
用户界面
Rolldown 深度拆解:当前端构建学会「原生速度」——Rust 重写 Rollup、Vite 8 统一工具链与 Oxc 编译器如何重写前端工程心智模型
编程
Rolldown 深度拆解:当前端构建学会「原生速度」——Rust 重写 Rollup、Vite 8 统一工具链与 Oxc 编译器如何重写前端工程心智模型
2026-07-16 04:43:22 +0800 CST
view 221
从工程师视角深度拆解 Rolldown:Rust 重写 Rollup、Vite 8 统一 dev/build 双引擎、Oxc 编译器协作、NAPI-RS 插件桥接与手写插件实战,配完整代码与性能对比。
Rolldown
Vite 8
Rust
前端构建
Oxc
打包器
VoidZero
如何使用 Vue 3 中的 `watch` 和 `watchEffect`?
编程
如何使用 Vue 3 中的 `watch` 和 `watchEffect`?
2024-11-18 14:24:45 +0800 CST
view 2026
本文深入探讨了Vue3中的`watch`和`watchEffect`的使用方法及其应用场景。`watch`用于监听响应式数据的变化并执行特定逻辑,而`watchEffect`自动追踪依赖,适合简单的副作用管理。通过实例代码,展示了如何创建响应式对象并监听数据变化,帮助开发者更灵活地使用Vue3的响应式系统。
前端框架
Vue.js
响应式编程
JavaScript
开发技巧
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
37
38
39
40
41
...
43
下一页