程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
使用HTML、CSS和JavaScript创建的动态时钟
代码
使用HTML、CSS和JavaScript创建的动态时钟
2024-11-18 13:49:31 +0800 CST
view 1669
该文本展示了一个使用HTML、CSS和JavaScript创建的动态时钟。时钟通过SVG元素绘制,包含外圈、内圈、刻度和指针。JavaScript用于计算时间并更新时钟的显示,样式通过CSS设置,确保时钟在不同屏幕尺寸下的适应性。时钟的设计包括平滑的过渡效果和现代的外观。
前端开发
网页设计
动态效果
Chrome DevTools MCP 深度解析:Google 官方 45K Stars 的 AI 浏览器调试协议如何让编码 Agent 掌控 Console、Network、Performance 全链路——从 MCP 协议架构到生产级前端调试工作流的完整实战指南
编程
Chrome DevTools MCP 深度解析:Google 官方 45K Stars 的 AI 浏览器调试协议如何让编码 Agent 掌控 Console、Network、Performance 全链路——从 MCP 协议架构到生产级前端调试工作流的完整实战指南
2026-07-07 01:12:47 +0800 CST
view 356
深度解析Google官方开源的Chrome DevTools MCP:45K+ Stars,通过MCP协议将Chrome DevTools的完整调试能力暴露给AI编码Agent。从协议架构、10大类40+工具清单、与Playwright MCP对比到WebMCP下一代标准。
Chrome DevTools
MCP
AI Agent
浏览器调试
Google
Console
Performance
前端开发
开源
OXC 深度拆解:当 VoidZero 决定「用 Rust 重写整个 JavaScript 工具链」——从 Parser 到 Linter 再到 Formatter,一个被 Cloudflare 收购的团队如何用「编译器级 AST 共享架构」重新定义前端基础设施的终极形态
编程
OXC 深度拆解:当 VoidZero 决定「用 Rust 重写整个 JavaScript 工具链」——从 Parser 到 Linter 再到 Formatter,一个被 Cloudflare 收购的团队如何用「编译器级 AST 共享架构」重新定义前端基础设施的终极形态
2026-08-06 04:44:44 +0800 CST
view 203
深度拆解OXC(The Oxidation Compiler):VoidZero用Rust重写整个JavaScript工具链,Oxlint比ESLint快100倍、Oxfmt比Prettier快35倍、oxc-parser比SWC快3倍,编译器级AST共享架构重新定义前端基础设施
OXC
Rust
JavaScript
前端工具链
Oxlint
Oxfmt
VoidZero
Cloudflare
ESLint
Prettier
TypeScript
Vite
Rolldown
使用Vue3实现动画效果,包括简单的渐变动画和淡入淡出效果。通过示例代码,读者可以了解如何利用Vue3的组合式API和CSS动画提升用户体验
编程
使用Vue3实现动画效果,包括简单的渐变动画和淡入淡出效果。通过示例代码,读者可以了解如何利用Vue3的组合式API和CSS动画提升用户体验
2024-11-18 22:44:37 +0800 CST
view 1923
本文介绍了如何使用Vue3实现动画效果,包括简单的渐变动画和淡入淡出效果。通过示例代码,读者可以了解如何利用Vue3的组合式API和CSS动画提升用户体验。文章涵盖了组件创建、事件处理和样式定义等内容,适合前端开发者学习和实践。
前端开发
Vue
动画
Vite+ Alpha 深度解析:VoidZero 如何用 Rust + 统一入口重新定义前端工具链
编程
Vite+ Alpha 深度解析:VoidZero 如何用 Rust + 统一入口重新定义前端工具链
2026-05-04 01:53:46 +0800 CST
view 696
Vite+ Alpha 深度解析:VoidZero 的统一前端工具链如何用 Rust 底层重写一切,从 vp CLI 到 Vite Task 缓存编排的全链路技术实战
Vite+
VoidZero
Rust
前端工具链
Rolldown
Oxlint
Oxfmt
Vite Task
使用Vue3和CompositionAPI实现基本的登录和注册功能,并添加字段验证。
编程
使用Vue3和CompositionAPI实现基本的登录和注册功能,并添加字段验证。
2024-11-18 20:14:14 +0800 CST
view 1552
本文介绍了如何使用Vue3和CompositionAPI实现基本的登录和注册功能,并添加字段验证。通过创建Login.vue和Register.vue组件,展示了如何处理用户输入、验证邮箱和密码的有效性,并在成功时显示提示。最后,整合组件到App.vue中,提供了项目的运行指令和访问方式。
Web开发
前端
用户身份验证
如何实现生产环境代码加密
编程
如何实现生产环境代码加密
2024-11-18 14:19:35 +0800 CST
view 1944
在成熟项目中,前端生产环境代码加密至关重要,能够防止代码被获取或篡改。本文介绍了几种常见的前端代码保护方法,包括使用代码混淆工具、加密关键数据、将逻辑移至服务端、检测开发者工具等。虽然这些方法能提升安全性,但真正的安全依赖于后端逻辑的保护。
前端安全
代码保护
加密技术
Codex+Figma MCP:GPT-image-2 出图转前端的完整实践
案例
Codex+Figma MCP:GPT-image-2 出图转前端的完整实践
2026-05-12 06:38:15 +0800 CST
view 1205
GPT-image-2 生成的图怎么变成前端代码?两种路径完整实践:直接用 Codex 生图转前端,或通过 Figma MCP 读取设计文件转代码。Playwright 自动校验,AI 自己检查自己。
GPT-image-2
Codex
Figma MCP
AI前端
设计转代码
Playwright
OpenAI
Tauri 2.0 深度实战:当 Rust 遇上桌面开发——从系统 WebView 到跨端生产级应用的完全指南(2026)
编程
Tauri 2.0 深度实战:当 Rust 遇上桌面开发——从系统 WebView 到跨端生产级应用的完全指南(2026)
2026-06-13 06:16:49 +0800 CST
view 828
深入解析 Tauri 2.0 框架:从架构原理到生产部署,涵盖 Rust 后端开发、IPC 通信、插件系统、移动端支持、性能优化、安全加固和 CI/CD 自动化发布的完整实战指南。
Tauri
Rust
桌面开发
跨平台
Electron
WebView
前端框架
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 2900
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
Mastra 深度解析:16K Stars 的 TypeScript AI Agent 框架如何用 Workflows + RAG + Evals 五件套让前端工程师也能构建生产级智能体应用——从架构原理到完整实战指南
编程
Mastra 深度解析:16K Stars 的 TypeScript AI Agent 框架如何用 Workflows + RAG + Evals 五件套让前端工程师也能构建生产级智能体应用——从架构原理到完整实战指南
2026-07-07 03:12:54 +0800 CST
view 373
深度解析GitHub 16K+ Stars的Mastra TypeScript AI Agent框架:五原语架构(Agents/Tools/Workflows/RAG/Evals)、Vercel AI SDK模型路由、图状态机工作流引擎、向量检索知识库、自动化评估体系。从Next.js集成到生产级客服系统实战,含完整代码示例与LangChain/Vercel AI SDK/CrewAI全面对比。
Mastra
TypeScript
AI Agent
Workflows
RAG
Evals
前端开发
开源框架
Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入
编程
Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入
2024-11-19 01:43:48 +0800 CST
view 2349
本文介绍了如何使用Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入。文章详细解析了组件的结构、状态管理、更新时间逻辑及样式设置,适合前端开发者学习和参考。
前端开发
Vue.js
JavaScript
不用学Three.js,Image2+Codex两步生成360°全景渲染
编程
不用学Three.js,Image2+Codex两步生成360°全景渲染
2026-05-12 06:45:28 +0800 CST
view 867
用GPT Image2和Codex组合,两步生成360°全景渲染查看器。第一步用Image2生成equirectangular格式全景图,第二步让Codex生成Three.js HTML查看器,无需学习Three.js,浏览器直接打开即可体验。
GPT-Image2
Codex
360全景
Three.js
AI渲染
前端可视化
Chrome开发者工具 (DevTools) 使用技巧
编程
Chrome开发者工具 (DevTools) 使用技巧
2024-11-19 01:15:54 +0800 CST
view 2181
ChromeDevTools是一款强大的网页开发和调试工具,提供多个功能面板,如元素面板、网络面板和控制台等。本文总结了各面板的主要功能及使用技巧,包括如何禁用缓存、手动清理缓存、查找事件绑定、模拟手机调试等,帮助开发者更高效地进行网页开发和调试。
网页开发
调试工具
前端开发
DevTools
Vue3中使用Vuex进行全局状态管理,通过创建一个简单的计数器应用展示Vuex的核心概念,包括状态、获取器、变更和动作
编程
Vue3中使用Vuex进行全局状态管理,通过创建一个简单的计数器应用展示Vuex的核心概念,包括状态、获取器、变更和动作
2024-11-18 22:57:33 +0800 CST
view 1636
本文介绍了如何在Vue3中使用Vuex进行全局状态管理,通过创建一个简单的计数器应用展示Vuex的核心概念,包括状态、获取器、变更和动作。读者可以学习如何设置Vuex存储、创建组件并在应用中管理状态,提升开发效率。
前端开发
Vue.js
状态管理
cssutils是一个强大的Python库,用于解析、修改和生成CSS样式表
综合
cssutils是一个强大的Python库,用于解析、修改和生成CSS样式表
2024-11-18 23:03:46 +0800 CST
view 2232
cssutils是一个强大的Python库,用于解析、修改和生成CSS样式表。本文介绍了如何安装和使用cssutils,包括解析现有样式表、修改样式规则以及生成新的样式表的代码示例。通过cssutils,开发者可以高效地处理CSS,提高开发效率。
Python库
前端开发
CSS处理
开源仅5天暴涨18.2K星!Open Design:Claude Design最强开源替代
案例
开源仅5天暴涨18.2K星!Open Design:Claude Design最强开源替代
2026-05-04 07:34:23 +0800 CST
view 988
nexu.io创始人Tom Huang开源的Claude Design平替项目,开源5天斩获18.2K星,支持11种编码代理,129套设计系统
AI设计
开源
Claude
OpenDesign
前端开发
Vue 3 生成一个图片画廊,支持查看大图和切换图片
编程
Vue 3 生成一个图片画廊,支持查看大图和切换图片
2024-11-19 08:32:43 +0800 CST
view 2154
本文介绍了如何使用Vue3创建一个简单的图片画廊,用户可以查看缩略图并点击查看大图,支持图片切换。通过使用Vue3的新特性和setup函数,组件结构更加简洁。示例代码展示了如何管理模态框的显示与隐藏,以及如何切换图片,提供了良好的用户体验。
前端
Vue
开发
编程
图像处理
TypeScript 6.0 深度解析:从"最后一个 JS 基底版本"到 Go 重写前的最后冲刺
编程
TypeScript 6.0 深度解析:从"最后一个 JS 基底版本"到 Go 重写前的最后冲刺
2026-04-13 09:24:25 +0800 CST
view 1507
深度解析 TypeScript 6.0 重大更新:默认 strict 模式、Subpath Imports 路径别名标准、Temporal API 类型支持、移除 @types 自动加载的性能优化,以及 7.0 Go 编译器重写的预告与迁移指南。
TypeScript
前端
编程语言
编译器
JavaScript
Go
告别密码:Passkeys 与 WebAuthn 完全实战指南——从原理到生产部署
编程
告别密码:Passkeys 与 WebAuthn 完全实战指南——从原理到生产部署
2026-07-01 16:22:34 +0800 CST
view 357
从原理到生产部署,全面讲解 WebAuthn/Passkeys 的技术架构、Go 语言完整实现、安全性分析以及迁移策略。包含完整的客户端 JavaScript 和服务端 Go 代码示例。
WebAuthn
Passkeys
FIDO2
安全
认证
Go
前端
无密码
Remix 3 深度拆解:当一个全栈框架决定「杀死」自己的 React 依赖——从 JSX 到 Web 标准、从函数式到命令式,一个被 Shopify 收购的框架如何用「反 React 哲学」重新定义全栈开发的终极形态
编程
Remix 3 深度拆解:当一个全栈框架决定「杀死」自己的 React 依赖——从 JSX 到 Web 标准、从函数式到命令式,一个被 Shopify 收购的框架如何用「反 React 哲学」重新定义全栈开发的终极形态
2026-08-08 10:48:55 +0800 CST
view 99
Remix 3 彻底移除 React 依赖,转向 Web 平台原生标准。深度拆解 Frames 服务端驱动 UI、命令式状态管理、Unbundling 运行时架构,以及从 Remix 2 到 3 的完整迁移指南。
Remix
Web Platform
全栈框架
Preact
前端架构
React
命令式编程
Streaming SSR
Frames
框架设计
Vue3构建一个简单的博客架构,包括文章列表和文章详情页面
编程
Vue3构建一个简单的博客架构,包括文章列表和文章详情页面
2024-11-19 09:55:34 +0800 CST
view 1796
本文介绍了如何使用Vue3构建一个简单的博客架构,包括文章列表和文章详情页面。通过使用Vue3的setup语法糖和VueRouter,读者可以快速搭建项目结构,展示文章数据,并实现页面切换。文章中提供了详细的代码示例,涵盖了主要组件的创建和路由配置,适合初学者学习和实践。
前端开发
Vue
Web应用
综合
分享3个超级炫酷的可视化大屏模板
2024-11-18 20:38:45 +0800 CST
view 1756
该项目提供了基于Vue和ECharts的可视化大屏模板,内置多种图表模块如世界地图、中国地图、折线图等,开发者可根据需求自由添加或删除模块。用户可以在组件文件中替换模拟数据为真实数据,项目依赖包括core-js、echarts、iview等,安装和启动步骤简单明了,适合多样化的可视化展示需求。
可视化
前端开发
数据展示
不止 `console.log`!5 个高效调试技巧,让你秒变前端排错高手
编程
不止 `console.log`!5 个高效调试技巧,让你秒变前端排错高手
2025-08-16 08:36:18 +0800 CST
view 1267
本文分享了5个高效的前端调试技巧,帮助开发者提升调试效率。包括使用`debugger`进行精准断点调试,利用`console`家族的高级用法如`console.table`和`console.trace`,启用SourceMap以便在生产环境中调试,以及异步调试的技巧和性能内存调试工具的使用。掌握这些技巧能更快定位问题。
前端开发
调试技巧
JavaScript
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
60
61
62
63
64
...
78
下一页