程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
综合
开源 | 一款基于 Vue 的低代码,6K star 的可视化表单设计器工具,轻松搞定表单,支持多端适配
2024-11-19 08:33:51 +0800 CST
view 3103
FormCreate是一款基于Vue的低代码可视化表单设计器工具,支持多端适配和国际化,用户可通过直观界面快速构建功能完备的表单。它内置丰富的组件库,支持动态渲染和事件绑定,广泛应用于政务、OA、ERP、电商等系统,提升开发效率,简化表单设计流程。该工具遵循MIT许可证,适合商业用途和定制开发。
开源工具
低代码
表单设计
Web开发
Vue框架
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
编程
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
2024-11-19 08:34:45 +0800 CST
view 1533
本文介绍了如何在Vue3中使用CompositionAPI构建一个响应式导航菜单。通过创建一个简单的项目结构和组件,文章详细说明了响应式布局、动态切换页面和高亮选中项的实现。读者可以通过示例代码学习如何处理不同屏幕尺寸下的用户交互,提升用户体验。
Web开发
前端
Vue.js
响应式设计
用户体验
代码
炫酷彩色粒子鼠标跟随动画效果(附源代码)
2024-11-18 05:19:55 +0800 CST
view 1753
这是一个交互式的彩色粒子动画,随着鼠标移动产生五彩缤纷的粒子爆炸效果。通过定义粒子类、创建爆炸效果和使用动画循环,代码实现了流畅的视觉体验。用户只需将源代码复制到HTML文件中并在浏览器中打开,即可体验该动态效果。
动画
交互设计
Web开发
Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件
编程
Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件
2024-11-19 03:33:21 +0800 CST
view 1849
本文介绍了如何使用Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件。文章详细说明了项目创建、组件构建及样式自定义的步骤,旨在帮助开发者提升用户体验并简化开发流程。
Web开发
前端框架
用户界面设计
一行CSS魔法:瞬间开启网站暗黑模式!
编程
一行CSS魔法:瞬间开启网站暗黑模式!
2025-08-31 08:15:28 +0800 CST
view 758
本文介绍了一种通过一行CSS代码快速实现网站暗黑模式的方法。使用CSS的filter属性,结合invert和hue-rotate函数,可以轻松将网页颜色反转并修正色彩失真。虽然这种方法适合个人项目和快速原型开发,但在生产环境中可能存在局限性,如无法精细控制样式和颜色转换不准确。文章还提供了处理媒体元素的解决方案和与传统方法的对比。
Web开发
CSS
暗黑模式
前端技术
设计
如何在Vue中实现一个带有自动补全功能的搜索框
编程
如何在Vue中实现一个带有自动补全功能的搜索框
2024-11-19 03:55:49 +0800 CST
view 2188
本文介绍了如何在Vue3中实现一个带有自动补全功能的搜索框。通过初始化Vue3项目、创建组件、设计结构、添加数据和方法,以及样式调整,读者可以学习到如何提升用户输入效率和体验。最后,展示了如何在App.vue中使用该组件,提供了完整的代码示例和使用效果。
前端开发
Vue.js
用户体验
组件设计
Web开发
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1427
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
原生JS判断手机与PC端:实现一个炫酷设备检测页面
编程
原生JS判断手机与PC端:实现一个炫酷设备检测页面
2025-09-18 08:37:04 +0800 CST
view 739
本文详细介绍如何使用原生JavaScript检测设备类型,通过分析用户代理字符串、屏幕特性和触摸支持等多种方法判断手机与PC设备。包含完整的HTML实现代码,展示设备详细信息并提供直观的视觉反馈,帮助开发者创建精确的设备检测页面。
前端开发
JavaScript
响应式设计
Web技术
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
编程
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
2026-01-27 19:59:59 +0800 CST
view 1005
autofit.js是一个专注于大屏自适应适配的JavaScript库,采用transform缩放技术实现等比自适应。它解决了传统适配方案(如媒体查询、vw/rem单位)在大屏数据可视化项目中复杂图表组件适配困难的问题。该库具有零依赖、轻量级(仅3.6kB)、简单易用、智能适配和实时响应等核心特性。通过简洁的API(如init方法)和配置参数(el、dw、dh、resize等),开发者只需几行代码即可实现复杂大屏在不同分辨率下的自动等比缩放,极大减少了手动调整的工作量。
前端开发
JavaScript工具
响应式设计
数据可视化
Web开发
VSCode 远程开发协议革命:从 SSH 隧道到 WebSocket/QUIC 双通道传输的架构演进
编程
VSCode 远程开发协议革命:从 SSH 隧道到 WebSocket/QUIC 双通道传输的架构演进
2026-05-07 22:08:46 +0800 CST
view 102
深度解析 VSCode 2026 远程开发协议升级:从 SSH 隧道到 BSP 双通道传输架构,整合 TLS 1.3 零往返、QUIC 多流、细粒度权限令牌,实现跨地域开发延迟降低 80%、调试会话稳定性提升 5 倍
VSCode
远程开发
QUIC
WebSocket
协议设计
VSCode 2026 远程开发协议深度解析:BSP 双通道传输架构从原理到实战
编程
VSCode 2026 远程开发协议深度解析:BSP 双通道传输架构从原理到实战
2026-05-07 22:09:17 +0800 CST
view 99
深度解析 VSCode 2026 远程开发协议升级:从 SSH 隧道到 BSP 双通道传输架构,整合 TLS 1.3 零往返、QUIC 多流、细粒度权限令牌,实现跨地域开发延迟降低 80%、调试会话稳定性提升 5 倍
VSCode
远程开发
QUIC
WebSocket
协议设计
综合
如何实现PC打开是Web应用、手机打开是H5应用
2024-11-18 21:30:23 +0800 CST
view 2044
本文讨论了如何通过同一个链接在PC和移动设备上展示不同的应用。介绍了三种实现方式:1)服务器端逻辑,通过解析User-Agent返回不同内容;2)客户端JavaScript,动态加载不同资源;3)响应式设计,使用CSS媒体查询适配不同设备。提供了相关的示例代码,帮助开发者选择合适的实现方式。
Web开发
前端技术
响应式设计
JavaScript
服务器端编程
WebGPU + WebAssembly 2026:浏览器高性能计算的黄金组合全解析
编程
WebGPU + WebAssembly 2026:浏览器高性能计算的黄金组合全解析
2026-05-09 08:36:41 +0800 CST
view 184
深入解析2026年Chrome正式发布的WebGPU实现与WebAssembly的协同计算架构,从底层原理到代码实战,涵盖WGSL着色器、SIMD优化与性能调优
WebGPU
WebAssembly
WASM
GPU
WGSL
wasm-pack 1.0 深度解析:Rust WASM 端侧计算的内存管理与性能调优实战
编程
wasm-pack 1.0 深度解析:Rust WASM 端侧计算的内存管理与性能调优实战
2026-04-19 08:16:43 +0800 CST
view 219
深度解析 wasm-pack 1.0 发布后 Rust WASM 的内存管理与性能调优实战,涵盖零拷贝传递、内存泄漏防护、WebGPU 结合等技术要点。
WebAssembly
wasm-pack
Rust
性能优化
内存管理
WebGPU
前端架构
Rust vs JavaScript: 使用 WebAssembly 提升 66% 的性能
编程
Rust vs JavaScript: 使用 WebAssembly 提升 66% 的性能
2024-11-19 04:18:48 +0800 CST
view 1691
本文探讨如何通过WebAssembly在JavaScript应用中提升性能,以斐波那契算法为例。介绍了JavaScript的单线程问题及其对用户体验的影响,展示了如何使用WebWorker和WebAssembly进行多线程计算。通过Rust和AssemblyScript编写的WebAssembly模块,性能分别提升了66%和53%。总结指出WebAssembly是高性能计算的有效优化手段。
编程
性能优化
Web开发
前端技术
WebAssembly
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
编程
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
2026-04-21 09:24:16 +0800 CST
view 221
WebAssembly:二进制指令格式,让浏览器以接近原生速度运行C/C++/Rust代码,应用于游戏、视频处理、AI推理、边缘计算等场景
前端
WebAssembly
WASM
性能优化
Rust
C++
Web开发
技术介绍
只需浏览器!FastAPI+Vue3打造开源高性能Web SSH终端LingTerm
编程
只需浏览器!FastAPI+Vue3打造开源高性能Web SSH终端LingTerm
2026-04-21 10:51:33 +0800 CST
view 207
LingTerm:FastAPI+Vue3打造的高性能Web SSH终端,无需安装,打开浏览器就能连接服务器,支持SFTP、可视化文件管理、多标签、主题定制
开源
SSH
Web终端
FastAPI
Vue3
xterm.js
SFTP
Python
运维工具
WebSocket
WebTransport 深度实战:HTTP/3 + QUIC 如何重新定义浏览器实时通信——从协议原理到生产级落地全链路解析
编程
WebTransport 深度实战:HTTP/3 + QUIC 如何重新定义浏览器实时通信——从协议原理到生产级落地全链路解析
2026-05-05 18:07:38 +0800 CST
view 87
WebTransport 基于 HTTP/3 和 QUIC 协议,从根本上解决了 WebSocket 的队头阻塞问题。本文从协议原理到生产部署,深入解析这项酝酿14年的浏览器实时通信新技术。
WebTransport
HTTP/3
QUIC
实时通信
浏览器
WebSocket
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
编程
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
2026-04-15 19:20:07 +0800 CST
view 218
深入解析 Chrome 113 正式发布的 WebGPU 实现:架构设计、WGSL 着色器语言、Compute Shader 机器学习推理实战、性能对比与完整代码示例
WebGPU
WGSL
Chrome
图形API
GPU计算
Compute Shader
机器学习
Web图形
WebGPU 深度解析:浏览器图形的第三次革命——从 WebGL 的 20fps 到 WebGPU 的 120fps
编程
WebGPU 深度解析:浏览器图形的第三次革命——从 WebGL 的 20fps 到 WebGPU 的 120fps
2026-05-14 11:45:03 +0800 CST
view 13
WebGPU是W3C历时7年打造的浏览器图形API新标准,2026年全浏览器稳定支持。Compute Shader让浏览器可做ML推理和物理模拟,Draw Call从2000提升至50000每帧,wgpu让Rust一套代码跑遍Web/桌面/移动5平台。深度解析WGSL着色器、PBR渲染、100万粒子模拟实战、WebGL迁移指南。
WebGPU
WebGL
GPU
Compute Shader
Rust
Rust Web 框架 2026 生态全景:Axum vs Actix-web vs Warp,TechEmpower 160K req/s 背后的技术真相
编程
Rust Web 框架 2026 生态全景:Axum vs Actix-web vs Warp,TechEmpower 160K req/s 背后的技术真相
2026-05-15 03:13:09 +0800 CST
view 11
TechEmpower Round 23 数据深度解析:Actix-web 160K req/s、Axum 148K req/s 领先 Go Gin 1.5-1.7 倍。从架构设计、SQLx/SeaORM/Diesel 数据库集成、生产部署到与 Go 选型对比,2026 年 Rust Web 框架完整选型指南。
Rust,Axum,Actix-web,Warp,Web框架,SQLx,SeaORM,后端开发
WebAssembly 深度实战:从零构建跨平台游戏引擎的架构设计与性能优化
编程
WebAssembly 深度实战:从零构建跨平台游戏引擎的架构设计与性能优化
2026-04-18 10:45:51 +0800 CST
view 179
深度解析如何基于 WebAssembly 构建跨平台游戏引擎,涵盖 ECS 架构设计、渲染管线、资源系统、输入抽象、性能优化等核心环节,提供完整的 Rust 代码实现与 WebGPU/WebGL2 后端适配。
WebAssembly
Rust
游戏引擎
跨平台
WebGPU
回到上次阅读位置技术实践
编程
回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST
view 1265
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案:使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测,分析了各方案的优缺点及适用场景,提供了选型建议以提升用户体验。
前端开发
用户体验
技术方案
网页设计
编程
15 个你应该了解的有用 CSS 属性
2024-11-18 15:24:50 +0800 CST
view 1565
本文介绍了15个开发者应该了解但常被忽视的有用CSS属性,包括caret-color、accent-color、pointer-events等,旨在提升网页设计和用户体验。通过这些属性,开发者可以更好地控制元素的样式和行为,从而构建更具吸引力和功能性的网站。
网页设计
前端开发
CSS
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
...
22
下一页