程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
动态键盘的HTML页面,包含CSS样式和JavaScript代码
代码
动态键盘的HTML页面,包含CSS样式和JavaScript代码
2024-11-18 18:19:31 +0800 CST
view 1501
该文本描述了一个动态键盘的HTML页面,包含CSS样式和JavaScript代码。页面展示了一个可交互的键盘,用户可以通过键盘输入来触发动画效果。JavaScript部分处理键盘事件,随机选择一个键并在用户按下时进行动画反馈。整体设计旨在提供一个有趣的用户体验。
网页设计
前端开发
交互设计
告别生硬留白!autohue.js 让图片背景自动融合的魔法
编程
告别生硬留白!autohue.js 让图片背景自动融合的魔法
2025-08-23 19:26:05 +0800 CST
view 1515
autohue.js是一个智能JavaScript库,专为网页设计中的图片背景融合而优化。它能够提取图片的主题色、次主题色和边缘色,生成自然的渐变背景,解决了设计师在处理不同风格图片时的视觉协调问题。通过简单的API,开发者可以快速集成并提升网站的视觉效果,节省时间并增强用户体验。
前端开发
网页设计
图像处理
JavaScript库
Vinext 深度拆解:Cloudflare 用 AI 复刻 Next.js 的 11 天——一个前端框架的灵魂迁移实战复盘
编程
Vinext 深度拆解:Cloudflare 用 AI 复刻 Next.js 的 11 天——一个前端框架的灵魂迁移实战复盘
2026-07-31 16:15:24 +0800 CST
view 83
深度拆解 Vinext 项目:Cloudflare Workers 工程负责人 Steve Faulkner 如何用 AI 在一个周末里复刻整个 Next.js 并迁移到 Vite——$1100 Token 成本、4倍构建提速、57%体积缩减背后的技术架构与 AI Coding 工作流全解析。
Vinext
Next.js
Vite
Cloudflare Workers
AI Coding
React Server Components
前端框架
框架重写
Vue3中处理大数据量渲染的优化方法,包括虚拟滚动、使用v-once指令、分组渲染、requestAnimationFrame以及优化模板和计算属性
编程
Vue3中处理大数据量渲染的优化方法,包括虚拟滚动、使用v-once指令、分组渲染、requestAnimationFrame以及优化模板和计算属性
2024-11-18 05:04:33 +0800 CST
view 1959
本文探讨了在Vue3中处理大数据量渲染的优化方法,包括虚拟滚动、使用v-once指令、分组渲染、requestAnimationFrame以及优化模板和计算属性。这些技术可以显著提升应用性能,确保用户体验流畅。
前端开发
性能优化
Vue框架
HTML文档,包含用于创建星空背景的CSS样式
代码
HTML文档,包含用于创建星空背景的CSS样式
2024-11-18 11:27:40 +0800 CST
view 1686
该文本是一个HTML文档,包含用于创建星空背景的CSS样式。通过使用渐变和动画效果,页面展示了一个动态的星空效果。文档结构包括头部和主体,主体中包含多个星星的div元素,以及一个显示标题的div。整体设计旨在提供视觉上的美感和动态效果。
网页设计
前端开发
视觉效果
Cloudflare 收购 VoidZero 深度拆解:当前端工具链遇到边缘计算巨头,Vite 生态的下一站是「AI 云入口」
编程
Cloudflare 收购 VoidZero 深度拆解:当前端工具链遇到边缘计算巨头,Vite 生态的下一站是「AI 云入口」
2026-07-31 17:15:10 +0800 CST
view 78
深度拆解 Cloudflare 收购 VoidZero:从 Vite 工具链的技术架构到 Cloudflare 的战略意图,分析这场前端工具链与边缘计算平台的历史性交汇对开发者和开源生态的影响。
Cloudflare
VoidZero
Vite
尤雨溪
前端工具链
边缘计算
Rolldown
Oxc
Workers AI
Vue3中创建和使用全局组件。全局组件可以在应用的任何地方复用,确保一致性
编程
Vue3中创建和使用全局组件。全局组件可以在应用的任何地方复用,确保一致性
2024-11-19 07:51:32 +0800 CST
view 2249
本文详细讨论了如何在Vue3中创建和使用全局组件。全局组件可以在应用的任何地方复用,确保一致性。通过示例代码,展示了创建项目、定义组件、注册组件及在其他组件中使用的具体步骤,强调了全局组件在提高代码复用性和维护性方面的重要性。
前端开发
Vue框架
组件设计
使用HTML、CSS和JavaScript(Vue.js)构建的创意时钟
代码
使用HTML、CSS和JavaScript(Vue.js)构建的创意时钟
2024-11-18 14:26:16 +0800 CST
view 1405
该文本展示了一个使用HTML、CSS和JavaScript(Vue.js)构建的创意时钟。时钟通过动态更新显示当前的年、月、日、时、分、秒,并使用CSS动画实现时钟指针的旋转效果。代码中包含了对时间的计算和格式化,确保时钟的准确性和美观性。
前端开发
网页设计
编程
时间显示
如何使用 Vue 3 中的 Vite 进行项目构建?
编程
如何使用 Vue 3 中的 Vite 进行项目构建?
2024-11-19 01:56:19 +0800 CST
view 1517
本文详细介绍了如何使用Vite构建Vue3项目,包括全局安装Vite、创建项目、安装依赖、项目结构解析、运行开发服务器、示例代码解析、自定义Vite配置及优化构建等步骤。Vite以其高效和简洁的配置方式,极大提升了前端开发体验,是构建Vue3项目的理想选择。
前端开发
Vue
构建工具
JavaScript
开发环境
Bun 1.4.0 深度拆解:当 JavaScript 运行时遇上 AI 重写——从 Zig 到 Rust 的 11 天极限迁移
编程
Bun 1.4.0 深度拆解:当 JavaScript 运行时遇上 AI 重写——从 Zig 到 Rust 的 11 天极限迁移
2026-07-14 09:43:57 +0800 CST
view 323
深度拆解 Bun 1.4.0 从 Zig 到 Rust 的 11 天极限迁移:53 万行代码、16.5 万美元、6755 个 commit,Claude Fable 5 驱动的 AI 重写如何改变了 JavaScript 工具链的未来。涵盖 PORTING.md 迁移策略、unsafe 争议、AI 重写能力边界分析。
Bun
Rust
Zig
JavaScript
AI编程
前端工程化
开源
代码迁移
如何在Vue 3中使用Ref访问DOM元素
编程
如何在Vue 3中使用Ref访问DOM元素
2024-11-17 04:22:38 +0800 CST
view 1457
在Vue3中,使用`ref`访问和操作DOM元素是常见需求。`ref`是一个函数,用于创建可响应的引用对象,方便在组件逻辑中访问DOM元素。本文详细讲解了如何引入`ref`、创建引用对象、绑定到模板中的DOM元素,以及在生命周期钩子中访问和操作这些元素。通过示例代码,读者可以清晰理解`ref`的用法和响应性特征。
Vue
前端开发
JavaScript
框架
编程
如何在Vue3中实现子组件向父组件传递数据
编程
如何在Vue3中实现子组件向父组件传递数据
2024-11-19 09:39:54 +0800 CST
view 1896
本文详细讲解了如何在Vue3中实现子组件向父组件传递数据,介绍了使用自定义事件和新的API`defineEmits`的方法。通过具体示例代码,展示了父组件和子组件的实现,以及如何通过事件传递数据。还讨论了更复杂的组件通信方式,如全局事件总线和组合式API,强调了在Vue3中掌握组件间数据传递的重要性。
前端开发
Vue框架
组件通信
编程教程
可视化神器!Vue团队新作:一键解析node_modules依赖迷宫
编程
可视化神器!Vue团队新作:一键解析node_modules依赖迷宫
2025-08-26 06:46:04 +0800 CST
view 1254
NodeModulesInspector是由Vue团队成员antfu开发的可视化工具,旨在帮助前端开发者解析和管理node_modules中的复杂依赖关系。它提供了直观的交互式图表,能够检测依赖问题、提供优化建议,并支持生成静态报告,极大地提升了项目的可维护性和安全性。
前端开发
工具
依赖管理
可视化
项目优化
Viewer.js:零依赖前端图片预览神器,一行代码实现专业级大图查看
编程
Viewer.js:零依赖前端图片预览神器,一行代码实现专业级大图查看
2026-05-25 10:25:46 +0800 CST
view 448
Viewer.js是纯JS零依赖图片查看器,53个配置项+23个方法+17个事件,一行代码接入专业级大图预览,支持PC+移动端,MIT开源免费商用。
前端
JavaScript
图片预览
开源工具
Viewer.js
零依赖
React Server Components 深度实战:当 React 20 让「前后端分离」成为历史——从流式渲染、Server Actions 到多层缓存架构的完整工程指南(2026)
编程
React Server Components 深度实战:当 React 20 让「前后端分离」成为历史——从流式渲染、Server Actions 到多层缓存架构的完整工程指南(2026)
2026-07-21 00:43:40 +0800 CST
view 188
2026年React 20深度实战:React Server Components完整工程指南。从Flight协议原理、服务端组件vs客户端组件边界、流式渲染、Server Actions安全模型到四层缓存架构与生产部署,配完整可运行代码示例。
React
Server Components
RSC
Next.js
前端
全栈
性能优化
JavaScript
TypeScript
Biome v2.5 深度拆解:一个 Rust 工具链如何用 500 条规则重写前端代码质量范式
编程
Biome v2.5 深度拆解:一个 Rust 工具链如何用 500 条规则重写前端代码质量范式
2026-08-01 00:14:55 +0800 CST
view 69
深度拆解 Biome v2.5 的技术架构:500+ 条 lint 规则、跨文件分析、GritQL 插件系统、Watcher 模式,以及从 ESLint+Prettier 迁移的完整实战指南。
Biome
Rust
前端工具链
ESLint
Prettier
代码质量
Linter
格式化工具
如何使用Vue Router实现动态路由匹配
编程
如何使用Vue Router实现动态路由匹配
2024-11-18 17:20:03 +0800 CST
view 1546
本文介绍了如何使用VueRouter实现动态路由匹配,允许在单页应用中通过动态参数匹配多个路径。通过示例展示了用户列表和用户详情的实现,强调了动态路由的灵活性和强大功能,适用于多种应用场景。
前端开发
JavaScript
单页应用
路由管理
前端框架大融合!Veact:用Vue的响应式开发React应用
编程
前端框架大融合!Veact:用Vue的响应式开发React应用
2025-08-26 06:54:27 +0800 CST
view 1430
Veact是一个创新的前端框架,结合了Vue的响应式系统和React的JSX灵活性,旨在解决开发者在技术选型上的困扰。它允许开发者用Vue的方式编写React组件,简化状态管理和副作用处理,同时保持React生态的兼容性。Veact的设计目标是提高开发效率,减少样板代码,适合希望在Vue和React之间无缝切换的开发者。
前端框架
开发工具
技术融合
开源项目
编程
Vue 3中的 `setup` 函数有什么作用?
编程
Vue 3中的 `setup` 函数有什么作用?
2024-11-18 08:42:09 +0800 CST
view 1813
Vue3引入了组合式API,`setup`函数是其核心,替代了Vue2.x的选项式API。`setup`函数在组件创建时调用,处理组件逻辑,返回的数据和方法可直接在模板中使用。它接收`props`和`context`参数,支持响应式状态管理和代码组织。通过组合函数,开发者可以更高效地复用逻辑,提升代码可读性和灵活性。
前端开发
Vue.js
JavaScript
组件开发
响应式编程
如何在Vue项目中生成二维码和条形码
编程
如何在Vue项目中生成二维码和条形码
2024-11-19 08:05:12 +0800 CST
view 1828
本文介绍了如何在Vue项目中生成二维码和条形码。首先,确保安装Node.js和VueCLI,然后创建新项目并安装所需依赖qrcode和bwip-js。接着,创建二维码和条形码组件,分别实现二维码和条形码的生成。最后,在主应用中使用这两个组件,完成二维码和条形码的生成过程。
前端开发
Vue
二维码生成
条形码生成
JavaScript
综合
LeaferJS:绚丽多彩的 HTML5 Canvas 2D 图形渲染引擎
2024-11-18 16:29:20 +0800 CST
view 2181
LeaferJS是一个强大的HTML5Canvas2D图形渲染引擎,提供丰富的UI绘图和交互功能,支持自动布局、图形编辑和SVG导出。它适用于高效绘图和数字化产品开发,具备跨平台和高性能的特点。用户可以通过简单的代码实现复杂的图形和交互效果,未来将支持可视化开发网页、应用、游戏和动画。
图形渲染
前端开发
用户界面
数字化产品
开发工具
Vue 3 中的 `toRefs` 函数有什么用途?
编程
Vue 3 中的 `toRefs` 函数有什么用途?
2024-11-18 11:26:50 +0800 CST
view 1525
本文深入探讨了Vue3中`toRefs`函数的用途,解释了如何将响应式对象的属性转化为单个响应式引用,以保持响应性。通过示例代码,展示了`toRefs`在解构、计算属性、自定义钩子函数和监听变化等场景中的应用,强调了其在Vue3组合式API中的重要性。
前端开发
Vue.js
JavaScript
编程
技术
WebAssembly:前端开发的性能加速利器
编程
WebAssembly:前端开发的性能加速利器
2025-08-27 08:32:56 +0800 CST
view 1062
WebAssembly(WASM)是一种可在浏览器中运行的二进制指令格式,提供接近原生的性能表现,支持多种编程语言。它的优势包括卓越的执行速度、多语言开发支持、增强的安全性和广泛的浏览器兼容性。WASM在视频处理、图像处理、游戏、AI推理等领域有广泛应用。它与JavaScript并存,专注于性能密集型任务,推动前端开发进入新的性能时代。
Web技术
编程语言
前端开发
性能优化
浏览器技术
TypeScript 7.0 源码级深度拆解:微软为什么用 Go 重写编译器,10× 提速背后的并发架构与工程取舍
编程
TypeScript 7.0 源码级深度拆解:微软为什么用 Go 重写编译器,10× 提速背后的并发架构与工程取舍
2026-08-01 01:45:18 +0800 CST
view 115
TypeScript 7.0 用 Go 重写编译器实现 8~12 倍提速。本文从编译器工程第一性原理拆解:为什么选 Go 而非 Rust/C#、忠实移植策略、共享内存并行如何落地、tsgo 实战迁移与踩坑清单,以及对前端工具链原生化浪潮的影响。
TypeScript
TypeScript7
Go
编译器
类型检查
并发编程
性能优化
前端工具链
tsgo
Corsa
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
23
24
25
26
27
...
41
下一页