程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
告别笨重 CAD:Claude 写出来的 3D 建筑编辑器,浏览器打开就能用
资讯
告别笨重 CAD:Claude 写出来的 3D 建筑编辑器,浏览器打开就能用
2026-04-24 07:27:07 +0800 CST
view 22
PascalEditor是一款由ClaudeAI参与开发的WebGPU3D建筑编辑器,开源免费、浏览器直接运行、性能流畅。本文深入分析其技术架构(WebGPU、ReactThreeFiber、脏节点追踪、Monorepo分层设计)、核心特性(零门槛免安装、完全免费开源、AI参与开发)、与主流工具(酷家乐、SketchUp、AutoCAD/Revit)的对比,以及它所代表的AI编程新范式。适合装修房主、设计师、前端开发者及创业团队使用。
WebGPU
ReactThreeFiber
AI编程
开源3D工具
Claude
前端图形学
建筑可视化
MIT协议
3D编辑器
浏览器应用
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
编程
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
2026-04-15 19:20:07 +0800 CST
view 117
深入解析 Chrome 113 正式发布的 WebGPU 实现:架构设计、WGSL 着色器语言、Compute Shader 机器学习推理实战、性能对比与完整代码示例
WebGPU
WGSL
Chrome
图形API
GPU计算
Compute Shader
机器学习
Web图形
综合
LeaferJS:绚丽多彩的 HTML5 Canvas 2D 图形渲染引擎
2024-11-18 16:29:20 +0800 CST
view 1796
LeaferJS是一个强大的HTML5Canvas2D图形渲染引擎,提供丰富的UI绘图和交互功能,支持自动布局、图形编辑和SVG导出。它适用于高效绘图和数字化产品开发,具备跨平台和高性能的特点。用户可以通过简单的代码实现复杂的图形和交互效果,未来将支持可视化开发网页、应用、游戏和动画。
图形渲染
前端开发
用户界面
数字化产品
开发工具
如何在Vue3中使用Three.js实现3D图形渲染?
编程
如何在Vue3中使用Three.js实现3D图形渲染?
2024-11-18 19:05:19 +0800 CST
view 1753
本文介绍了如何在Vue3项目中使用Three.js实现基本的3D图形渲染。通过创建一个新的Vue3项目,安装Three.js,并编写一个名为ThreeScene的组件,展示了如何初始化3D场景、相机和渲染器,以及如何实现立方体的旋转动画。最后,组件被集成到主应用中,展示了3D渲染的效果。
前端开发
3D图形
Vue.js
JavaScript
Three.js
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1331
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
编程
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形
2024-11-18 15:08:45 +0800 CST
view 2246
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形。它支持动态图形设计、数据可视化、游戏开发等多种应用场景。通过简单的API,开发者可以轻松实现动画和交互效果,提升用户体验。本文介绍了Paper.js的基本概念、使用案例及其在前端开发中的重要性。
前端开发
图形设计
开源工具
代码
HTML和JavaScript创建的烟花动画效果
2024-11-19 04:21:02 +0800 CST
view 1643
该文本展示了一个使用HTML和JavaScript创建的烟花动画效果。通过在画布上绘制烟花和粒子,代码实现了烟花的生成、更新和绘制。包含了画布的自适应调整和烟花爆炸后粒子的动画效果,整体背景为黑色,营造出烟花绽放的视觉效果。
前端开发
动画
图形编程
JavaScript
HTML
Rust GUI 开发:打造美观高性能的跨平台应用
编程
Rust GUI 开发:打造美观高性能的跨平台应用
2024-11-18 22:20:49 +0800 CST
view 2810
RustGUI开发正在快速发展,提供高性能、安全和跨平台的桌面应用开发工具。本文探讨了Rust的GUI生态系统,包括Druid、iced和egui等框架的特点和示例代码,强调了Rust在内存安全、并发性能和跨平台支持方面的优势。尽管生态系统相对年轻,但其潜力巨大,适合个人开发者和企业级应用。
编程
软件开发
Rust
图形用户界面
跨平台应用
Pycairo是一个强大的Python库,用于绘制各种2D图形
综合
Pycairo是一个强大的Python库,用于绘制各种2D图形
2024-11-18 21:01:19 +0800 CST
view 1585
Pycairo是一个强大的Python库,用于绘制各种2D图形。本文介绍了如何安装pycairo,并通过示例代码展示了绘制简单矩形、笑脸、添加文字和创建渐变效果的过程。Pycairo使得图形创作变得简单而有趣,适合用于设计logo、游戏图形和数据可视化等多种应用。
Python库
图形绘制
数据可视化
PySimpleGUI:一个非常实用但容易被忽视的宝藏Python库
综合
PySimpleGUI:一个非常实用但容易被忽视的宝藏Python库
2024-11-18 13:45:17 +0800 CST
view 1640
PySimpleGUI是一个易于使用的Python图形界面库,旨在简化GUI编程。它允许开发者快速创建美观的界面,支持简单的安装和配置。核心概念包括布局、窗口和事件循环。通过示例代码,展示了如何创建基本的应用程序,如问候应用和文件查找器。PySimpleGUI适合快速原型开发和小型工具制作,未来有望引入更多现代化的UI组件。
Python
图形用户界面
开发工具
2026 CSS 新特性深度解析:从 Popper.js 到原生锚点定位,前端工具链的终极进化
编程
2026 CSS 新特性深度解析:从 Popper.js 到原生锚点定位,前端工具链的终极进化
2026-04-19 22:45:35 +0800 CST
view 84
2026 年 CSS 迎来革命性升级:原生锚点定位取代 Popper.js、grid-lanes 实现瀑布流、滚动驱动动画解放主线程、field-sizing 一行代码解决 textarea 自动高度。深度解析四大新特性的原理与实战。
CSS
前端
前端工程化
性能优化
利用图片实现网站的加载速度
编程
利用图片实现网站的加载速度
2024-11-18 12:29:31 +0800 CST
view 1153
这段代码通过创建并加载隐藏的图片来检测多个外部链接的加载时间,并将其显示在页面上。代码使用JavaScript动态创建`img`元素,捕获加载事件以计算时间,并在页面上显示。优化建议包括使用`Date.now()`进行准确计时,避免内联样式和事件绑定,处理加载成功和失败的情况,以提高代码的性能和可读性。
网页性能
前端开发
JavaScript编程
前端
VTJ.PRO:Vue3生态最火的AI低代码平台,9.3K Star,双向代码自由无锁定
编程
VTJ.PRO:Vue3生态最火的AI低代码平台,9.3K Star,双向代码自由无锁定
2026-04-16 17:09:36 +0800 CST
view 128
VTJ.PRO是Gitee上9.3K Star的Vue3 AI低代码平台,支持一次设计输出Web/H5/UniApp多端代码,双向代码自由无平台锁定,适合企业级应用快速开发。
Vue3
低代码
AI
前端
开源
多端
前端开发
Vue3 中如何处理跨组件共享数据的需求?
编程
Vue3 中如何处理跨组件共享数据的需求?
2024-11-19 00:30:11 +0800 CST
view 1347
在Vue3中,处理跨组件共享数据的需求可以通过全局状态管理器和CompositionAPI实现。全局状态管理器使用`provide`和`inject`API让子组件获取祖先组件提供的数据,而CompositionAPI提供了更灵活的方式来管理共享状态。两种方法都能有效提升应用的可维护性和开发效率。
Vue
前端开发
状态管理
回到上次阅读位置技术实践
编程
回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST
view 1202
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案:使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测,分析了各方案的优缺点及适用场景,提供了选型建议以提升用户体验。
前端开发
用户体验
技术方案
网页设计
Vue3 中哪些 API 变化较大,需要开发者特别留意?
编程
Vue3 中哪些 API 变化较大,需要开发者特别留意?
2024-11-18 10:16:41 +0800 CST
view 1225
Vue3中的API变化为开发者带来了新的功能和优化,特别是CompositionAPI、Teleport和Fragments。CompositionAPI提供了灵活的逻辑组织方式,提升了代码的可维护性和重用性;Teleport允许将组件渲染到DOM的其他位置;Fragments让模板结构更加简洁,避免了不必要的包裹元素。这些变化显著提升了开发体验。
前端开发
Vue.js
编程
技术
框架
编程
15 个你应该了解的有用 CSS 属性
2024-11-18 15:24:50 +0800 CST
view 1479
本文介绍了15个开发者应该了解但常被忽视的有用CSS属性,包括caret-color、accent-color、pointer-events等,旨在提升网页设计和用户体验。通过这些属性,开发者可以更好地控制元素的样式和行为,从而构建更具吸引力和功能性的网站。
网页设计
前端开发
CSS
如何在 Vue3 中实现组件级别的 CSS 模块化?
编程
如何在 Vue3 中实现组件级别的 CSS 模块化?
2024-11-18 09:57:40 +0800 CST
view 1282
本文介绍了如何在Vue3中实现组件级别的CSS模块化。通过使用`<stylemodule>`特性,可以将样式局部化,避免样式冲突和全局污染。文中提供了示例代码,展示了如何定义模块化样式、访问模块化样式以及生成的类名。同时也提到如何定义全局样式。通过模块化,样式管理变得更加简单和高效。
前端开发
Vue
样式管理
用 HTML、CSS 和 JavaScript 创建颜色选择器
编程
用 HTML、CSS 和 JavaScript 创建颜色选择器
2024-11-18 16:50:17 +0800 CST
view 1649
本文介绍了如何使用HTML、CSS和JavaScript创建一个简单的颜色选择器工具。用户可以选择颜色,并实时查看其十六进制和RGB值。文章详细说明了项目设置、HTML结构、CSS样式和JavaScript功能的实现步骤,适合初学者练习用户输入处理和DOM操作。
前端开发
Web开发
编程教程
ios使用fixed布局input,textarea错乱的解决方法
编程
ios使用fixed布局input,textarea错乱的解决方法
2024-11-19 05:19:20 +0800 CST
view 2859
本文讨论了在iOS设备上使用fixed布局时,input和textarea出现错乱的问题,并提供了解决方案。通过HTML结构和JavaScript代码示例,展示了如何在用户点击链接时显示回复输入框并使textarea获得焦点。
iOS
前端开发
布局问题
Vue3 中的响应式数据如何实现 Proxy 和 Reflect 的使用?
编程
Vue3 中的响应式数据如何实现 Proxy 和 Reflect 的使用?
2024-11-17 04:14:24 +0800 CST
view 1567
Vue3中的响应式数据通过Proxy和Reflect实现,提供了灵活高效的响应式机制。Proxy拦截对象属性的访问和修改,而Reflect确保操作的安全和标准化。这种结合提升了Vue3的性能,使得响应式系统设计更加清晰可维护,为开发复杂前端应用提供了强大工具。
前端开发
JavaScript
框架
100多个基础常用JS函数和语法集合大全
编程
100多个基础常用JS函数和语法集合大全
2024-11-19 06:30:20 +0800 CST
view 3423
本文总结了JavaScript的基础知识,包括常用的输出语句、注释、DOM结构、表单操作、字符串处理、数学函数、日期处理等。内容涵盖了变量声明、条件判断、循环结构、函数定义等基本语法,适合初学者快速了解JavaScript的核心概念和常用功能。
编程
Web开发
JavaScript
前端技术
学习资源
Vue3中的响应式属性的初始化有何变化?
编程
Vue3中的响应式属性的初始化有何变化?
2024-11-17 04:29:02 +0800 CST
view 1265
Vue3引入了新的响应式属性初始化方式,使用`ref`函数创建单个响应式属性,而不再依赖`data`选项。`reactive`函数用于创建响应式对象,`toRefs`函数则将响应式对象的属性转换为独立的响应式引用。这些变化提供了更大的灵活性和便利性,帮助开发者更高效地管理响应式数据。
Vue.js
前端开发
响应式编程
一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用
编程
一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用
2025-05-05 19:31:53 +0800 CST
view 1328
Fuse.js是一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用。它支持多字段搜索,提供高性能和灵活的配置选项,满足复杂的搜索需求。用户可以通过npm或yarn安装,并在浏览器中直接引入。Fuse.js适合实现搜索功能、自动完成和数据过滤等场景,是提升用户体验的重要工具。
前端开发
JavaScript
搜索库
用户体验
Web应用
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
...
26
下一页