程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
告别PS!Vue-Cropper终极指南:在Web端实现专业级图片裁剪与优化
编程
告别PS!Vue-Cropper终极指南:在Web端实现专业级图片裁剪与优化
2025-09-01 07:37:45 +0800 CST
view 1333
Vue-Cropper是一个基于Vue.js的图片裁剪组件,提供零依赖的前端解决方案,支持自由裁剪和固定比例裁剪,具备高性能和响应式设计。本文深入解析其核心功能、安装步骤及高级API,帮助开发者在Web端实现专业级图片裁剪与优化,提升用户体验。
前端开发
图片处理
Vue.js
用户体验
组件
1.1K Star!前端logo动画终于有专业级AI工作流了!设计师的福音来了!
代码
1.1K Star!前端logo动画终于有专业级AI工作流了!设计师的福音来了!
2026-06-27 08:24:14 +0800 CST
view 470
pixel2motion开源项目,用AI将PNG/JPG图片自动转换为专业级SVG矢量+CSS动画,支持hover/pulse/arc/press等多种动效模式,一站式交付,设计师和AI代理都适用。
前端
设计
AI
动效
SVG
CSS动画
开源工具
Remix 3 深度拆解:当全栈框架决定「叛逃」React——从中心栈到 Web 原生、Preact 分叉与 unbundling 范式的一次悬崖勒马
编程
Remix 3 深度拆解:当全栈框架决定「叛逃」React——从中心栈到 Web 原生、Preact 分叉与 unbundling 范式的一次悬崖勒马
2026-08-10 06:12:40 +0800 CST
view 97
深度拆解 Remix 3:从 React 叛逃到 Web 标准、Preact 分叉、Fetch API 路由、Frames HTMX 化与 unbundling 范式,附完整迁移代码与性能实测。
Remix
React
Preact
Web标准
Fetch API
Frames
HTMX
Unbundling
前端框架
全栈开发
如何在Vue中实现一个简单的线上绘图板功能
编程
如何在Vue中实现一个简单的线上绘图板功能
2024-11-17 11:03:20 +0800 CST
view 1608
本文详细介绍了如何在Vue3中实现一个简单的线上绘图板功能,包括项目初始化、绘图板组件的创建、事件处理及进一步的功能扩展,如颜色选择和笔刷粗细设置。通过具体的代码示例,读者可以轻松上手并提升用户的交互体验。
前端开发
Vue
绘图工具
用户体验
Web应用
HTML和CSS创建的弹性菜单
代码
HTML和CSS创建的弹性菜单
2024-11-19 10:09:04 +0800 CST
view 1744
该文本描述了一个使用HTML和CSS创建的弹性菜单。菜单包含四个项目:主页、关于、服务和联系。通过CSS样式和动画效果,菜单项在悬停时会改变颜色并产生弹跳效果,增强用户体验。代码中使用了flex布局和关键帧动画,使菜单在视觉上更加吸引人。
前端开发
网页设计
用户体验
Vue3拖拽缩放全能王:vue-draggable-resizable组件完全指南
编程
Vue3拖拽缩放全能王:vue-draggable-resizable组件完全指南
2025-09-01 07:44:07 +0800 CST
view 2412
本文介绍了`vue-draggable-resizable`组件,这是一个专为Vue3设计的拖拽缩放组件,提供双向拖拽、八方向缩放、智能吸附、边界限制等功能。通过npm或yarn安装后,可以全局或局部注册组件,支持TypeScript。文中详细说明了组件的核心功能、安装配置、事件处理及性能优化建议,适合构建可视化编辑器和交互式界面。
前端开发
Vue.js
用户界面
组件库
交互设计
Rust在前端工具链的崛起:2026年生态全景深度解析
编程
Rust在前端工具链的崛起:2026年生态全景深度解析
2026-04-15 23:49:49 +0800 CST
view 794
2026年Rust在前端工具链的全面崛起。从Rolldown到Oxc,从Rspack到Turbopack,深度解析Rust工具生态如何以10-100倍性能优势重塑前端开发体验。
Rust前端工具链
Oxc
Rolldown
Rspack
Vite
构建工具
一个手机端的导航栏的HTML和CSS代码
代码
一个手机端的导航栏的HTML和CSS代码
2024-11-19 06:37:04 +0800 CST
view 1967
该文本展示了一个手机端的导航栏的HTML和CSS代码。导航栏包含四个选项:消息、添加、定位和我的。每个选项都有相应的图标和交互效果,用户点击时会高亮显示。样式使用了Flexbox布局,确保导航栏在屏幕底部固定,并具有响应式设计。通过JavaScript函数实现了选项的激活状态切换。
前端开发
网页设计
用户界面
告别邮件编码噩梦!Easy Email Editor:基于React的拖拽式邮件模板编辑器完全指南
编程
告别邮件编码噩梦!Easy Email Editor:基于React的拖拽式邮件模板编辑器完全指南
2025-09-01 07:53:07 +0800 CST
view 1691
EasyEmailEditor是一个基于React和MJML的开源可视化邮件编辑器,旨在简化HTML邮件模板的创建过程。它解决了邮件开发中的兼容性、效率和设计协作问题,提供了丰富的预制组件和实时预览功能。通过MJML,用户可以轻松生成兼容各种邮件客户端的HTML代码,提升邮件营销的效果。
邮件营销
前端开发
开源工具
用户体验
技术栈
ECMAScript 2026 深度拆解:第 17 版规范正式落地——7 大新特性如何重塑 JavaScript 的工程实践
编程
ECMAScript 2026 深度拆解:第 17 版规范正式落地——7 大新特性如何重塑 JavaScript 的工程实践
2026-07-15 02:13:17 +0800 CST
view 295
2026年6月30日 ECMA International 正式批准 ECMAScript 2026(第17版)。本文从工程师视角深度拆解 Math.sumPrecise、Iterator.concat、Array.fromAsync、Error.isError、Map/WeakMap.getOrInsert、Uint8Array 编解码、JSON.rawJSON 等7大标准库新特性,配可运行代码与迁移策略。
ECMAScript 2026
JavaScript
ES2026
前端工程
标准库
实现一个可以对数据列表进行筛选的功能
编程
实现一个可以对数据列表进行筛选的功能
2024-11-18 18:49:14 +0800 CST
view 1559
本文介绍了如何实现一个简单而高效的数据列表筛选功能,涵盖需求分析、技术选型、示例代码及关键点解析。通过HTML、CSS和JavaScript,用户可以根据输入条件动态筛选数据,实时更新显示结果。文中还提供了性能优化和用户体验的建议,适用于电商网站和后台管理系统等应用场景。
前端开发
数据处理
用户体验
如何在Vue中创建一个星级评分组件
编程
如何在Vue中创建一个星级评分组件
2024-11-19 04:32:31 +0800 CST
view 1632
本文详细介绍了如何在Vue3中创建一个星级评分组件。通过VueCLI创建项目,编写组件模板、逻辑和样式,最终实现用户交互功能。组件支持鼠标悬浮和点击评分,并通过事件将评分结果通知父组件,提升了用户体验。
前端
Vue
组件开发
用户交互
Web开发
编程
告别重复造轮子!Animista:在线CSS动画生成器的终极指南与实战技巧
2025-09-01 08:26:44 +0800 CST
view 1262
Animista是一个在线CSS动画生成器,提供200多种动画效果,帮助开发者快速生成高质量的CSS代码。它支持实时定制、零依赖、完全免费,适合个人和商业项目。本文介绍了Animista的核心功能、使用技巧、与现代前端框架的集成方法,以及性能优化和最佳实践,旨在提升Web开发中的动画效果和用户体验。
Web开发
动画
前端技术
用户体验
工具
如何在Vue中实现一个带有自动补全功能的搜索框
编程
如何在Vue中实现一个带有自动补全功能的搜索框
2024-11-19 03:55:49 +0800 CST
view 2529
本文介绍了如何在Vue3中实现一个带有自动补全功能的搜索框。通过初始化Vue3项目、创建组件、设计结构、添加数据和方法,以及样式调整,读者可以学习到如何提升用户输入效率和体验。最后,展示了如何在App.vue中使用该组件,提供了完整的代码示例和使用效果。
前端开发
Vue.js
用户体验
组件设计
Web开发
CSS 锚点定位 + Signals 响应式范式:2026 前端开发范式革命
编程
CSS 锚点定位 + Signals 响应式范式:2026 前端开发范式革命
2026-05-28 20:36:00 +0800 CST
view 485
深度解析CSS锚点定位与Signals响应式范式,探讨2026年前端开发的范式革命——从布局计算到状态管理的精确化演进。
CSS
前端
响应式
Signals
Web开发
综合
Plyr.js 播放器介绍
2024-11-18 12:39:35 +0800 CST
view 2444
Plyr.js是一款极简、可定制的HTML5播放器,支持视频和音频,具有响应式设计和丰富的API。用户可以通过CDN或npm/yarn安装,并轻松初始化播放器。Plyr.js还支持音量控制等自定义选项,适合开发者集成音视频播放功能。更多信息请访问Plyr.js官方网站。
播放器
前端开发
音视频技术
如何在Vue中实现一个可以上传文件的组件
编程
如何在Vue中实现一个可以上传文件的组件
2024-11-18 04:56:34 +0800 CST
view 1708
本文详细介绍了如何在Vue3框架中实现一个文件上传组件,包括创建Vue项目、编写文件上传组件、在主应用中使用该组件,以及设置后端API来处理文件上传请求。通过示例代码,读者可以了解Vue3的基本用法和文件上传的实现细节。
前端开发
Vue
文件上传
后端开发
JavaScript
Chrome DevTools MCP 深度实战:当 AI 学会「看懂」网页——从 CDP 协议到生产级浏览器自动化的完全指南(2026)
编程
Chrome DevTools MCP 深度实战:当 AI 学会「看懂」网页——从 CDP 协议到生产级浏览器自动化的完全指南(2026)
2026-06-14 15:18:38 +0800 CST
view 454
深入剖析 Chrome DevTools MCP 的技术架构、协议设计、实战场景和性能优化,带你从原理到生产级部署,完整掌握这个改变 AI-浏览器交互范式的技术。
Chrome DevTools
MCP
CDP
AI Agent
浏览器自动化
前端调试
综合
SpinKit,一款神奇的 CSS 开源加载动画旋转器
2024-11-19 07:42:22 +0800 CST
view 1789
SpinKit是一个基于CSS3的加载动画库,利用transform和opacity创建流畅的动画效果。它提供多种样式,易于集成和自定义,适合网页和移动应用。通过简单的HTML和CSS代码实现动画,支持自定义大小和颜色。核心技术包括容器和追逐点动画,能够有效提升用户体验,减少等待焦虑。
动画
前端开发
用户体验
如何在Vue3中使用视频库Video.js实现视频播放?
编程
如何在Vue3中使用视频库Video.js实现视频播放?
2024-11-19 07:27:29 +0800 CST
view 2554
本文介绍了如何在Vue3项目中集成Video.js视频播放器,详细步骤包括创建Vue3项目、安装Video.js、创建VideoPlayer组件以及使用该组件。通过代码示例,读者可以学习如何实现基本的视频播放功能,并了解如何扩展Video.js的功能,如自定义控制栏等。
前端开发
视频播放
Vue.js
技术教程
综合
一个基于Naive UI,轻量且现代的 Vue 3 后台管理系统模板
2024-11-18 21:55:31 +0800 CST
view 1951
NaiveUIAdmin是一个基于NaiveUI和Vue3的轻量级后台管理系统模板,提供丰富的功能组件和现代化的UI设计,支持灵活定制和扩展。它具备高效的架构,内置权限管理和数据可视化功能,适合快速开发和企业级应用,提升开发效率和用户体验。
前端开发
Vue
组件库
管理系统
数据可视化
UniApp H5跨域问题终极解决方案:两种代理配置方式详解
编程
UniApp H5跨域问题终极解决方案:两种代理配置方式详解
2025-09-01 20:46:27 +0800 CST
view 1869
本文介绍了在UniAppH5项目中解决跨域问题的两种方法:通过修改manifest.json文件和创建vue.config.js文件进行代理配置。详细说明了每种方法的配置步骤、参数解释及注意事项,并提供了请求封装的示例代码,帮助开发者提高代码的可维护性和复用性。
前端开发
UniApp
跨域问题
API
开发工具
11天、64实例、100万行:AI重写JavaScript工具链的极限实验
编程
11天、64实例、100万行:AI重写JavaScript工具链的极限实验
2026-07-21 14:47:35 +0800 CST
view 344
2026年7月Bun从Zig到Rust的全面重写:11天、64个Claude实例并行、100万行代码、耗资16.5万美元。深度拆解技术动机、架构策略、性能数据及AI Coding未来。
Bun
Rust
Zig
JavaScript
TypeScript
AI编程
Anthropic
前端工具链
高性能
开源
Vue3实现一个简单的待办事项列表,可以添加和删除事项
编程
Vue3实现一个简单的待办事项列表,可以添加和删除事项
2024-11-18 01:36:26 +0800 CST
view 1856
本文介绍了如何使用Vue3实现一个简单的待办事项列表,包括项目初始化、组件创建、双向数据绑定、添加和删除事项的功能。通过创建Todo组件,读者可以学习Vue3的基本语法和核心概念,掌握前端开发中的重要技能。最后,读者可以在浏览器中测试功能,进一步理解Vue.js的应用。
前端开发
Vue.js
编程
项目实战
技术学习
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
67
68
69
70
71
...
77
下一页