程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
`Blob` 与 `File` 的关系
编程
`Blob` 与 `File` 的关系
2025-05-11 23:45:58 +0800 CST
view 1254
在前端开发中,`Blob`和`File`对象是处理文件上传、下载和预览的核心工具。`Blob`表示不可变的原始数据,而`File`是带有元数据的`Blob`。通过示例展示了如何实时预览用户上传的头像、分片上传大文件、生成下载链接、压缩图片以及文件与二进制数据的互相转换。掌握这些技术可以提升前端文件处理能力。
前端开发
文件处理
Web技术
在Vue3中实现代码分割和懒加载
编程
在Vue3中实现代码分割和懒加载
2024-11-17 06:18:00 +0800 CST
view 1731
本文探讨了如何在Vue3中实现代码分割和懒加载,以提高Web应用的性能和用户体验。通过使用Webpack的动态import语法,开发者可以按需加载组件,减少初始加载时间。文章提供了示例代码,展示了如何在路由和组件内部实现懒加载,并讨论了Webpack的分割策略及优化懒加载体验的方法。
前端开发
性能优化
Vue框架
Web应用
代码管理
解决 PHP 中的 HTTP 请求超时问题
编程
解决 PHP 中的 HTTP 请求超时问题
2024-11-19 09:10:35 +0800 CST
view 1851
本文探讨了在PHP中解决HTTP请求超时的问题,包括设置连接超时时间和数据传输超时时间,使用curl命令和PHPcurl扩展进行超时设置,以及处理脚本执行时间和长连接的实现。还提供了综合解决方案,如优化服务器性能、使用异步请求和重试机制,以提高应用的稳定性和用户体验。
Web开发
PHP编程
网络请求
性能优化
PocketBase深度体验:一个文件搞定全栈开发,49.9K Star的后端神器
编程
PocketBase深度体验:一个文件搞定全栈开发,49.9K Star的后端神器
2025-09-04 12:52:55 +0800 CST
view 1469
PocketBase是一个开源的后端即服务(BaaS)平台,采用单文件部署理念,集成数据库、用户认证、文件管理等功能。它支持跨平台运行,内置SQLite数据库,提供自动生成的RESTfulAPI和实时数据订阅。适合中小型Web应用和原型开发,简化了后端开发和运维的复杂度,提升开发效率。
后端开发
开源软件
全栈开发
代码
一个基于canvas的自由贪吃蛇动画效果
2024-11-18 11:45:29 +0800 CST
view 1596
该文本是一个HTML文档,展示了一个基于canvas的自由贪吃蛇动画效果。通过JavaScript处理鼠标事件,实现动态的光标轨迹。使用GSAP库来增强动画效果,代码中包含了对canvas的设置、鼠标位置的更新以及动画的循环更新。整体设计旨在提供一个互动且视觉上令人满意的用户体验。
网页设计
前端开发
动画效果
VS Code 强制插入 Co-Authored-by: Copilot:一场关于代码归属权的开源风暴
编程
VS Code 强制插入 Co-Authored-by: Copilot:一场关于代码归属权的开源风暴
2026-05-06 22:34:53 +0800 CST
view 538
2026年5月,微软在VS Code中默认开启AI代码署名功能,强制在Git提交中添加Co-authored-by: Copilot签名,引发开源社区强烈反对。本文深入分析事件始末、技术实现、合规风险及应对方案。
VS Code
Copilot
Git
开源伦理
代码版权
封装WebSocket消息推送,干翻Ajax轮询方式
编程
封装WebSocket消息推送,干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST
view 1516
本文对比了AJAX和WebSocket在消息推送中的应用,介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码,展示了AJAX的轮询和长轮询实现,以及WebSocket的高效通信方式。最后,提供了WebSocketManager类的设计思路,强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发
实时通信
技术对比
JavaScript
编程
Apple Container深度实战:当macOS遇见原生Linux容器——告别Docker Desktop高资源占用,专为M系列芯片优化的轻量级容器方案完全指南(2026)
编程
Apple Container深度实战:当macOS遇见原生Linux容器——告别Docker Desktop高资源占用,专为M系列芯片优化的轻量级容器方案完全指南(2026)
2026-06-16 04:16:21 +0800 CST
view 215
本文深度解析Apple开源的Container项目,对比Docker Desktop的核心痛点,详细讲解安装配置、基础操作、高级实战场景、性能优化技巧,为macOS开发者提供完美的轻量级容器解决方案。
Apple
容器
Linux
macOS
Docker
开发工具
综合
全网首发:Vue 3.5 源码解析,useTemplateRef 实现原理
2024-11-19 09:30:11 +0800 CST
view 1825
本文分析了Vue3.5中`useTemplateRef`API的实现原理。该API用于获取DOM或组件实例,解决了传统`ref`使用中的混淆。通过源码解析,展示了`useTemplateRef`如何封装`ref`,并通过`Object.defineProperty`监听`refs[key]`的setter行为,简化了DOM实例的获取过程。
Vue
前端开发
JavaScript
JavaScript设计模式:组合模式
编程
JavaScript设计模式:组合模式
2024-11-18 11:14:46 +0800 CST
view 1469
组合模式是一种对象结构型设计模式,允许将对象组合成树形结构以表示部分-整体的层次关系。它包括抽象类Component、叶节点Leaf和容器节点Composite,客户端通过Component接口与组合结构交互。该模式适用于树形结构和层次结构的统一操作,具有易于扩展和递归操作的优点,但也存在类型限制和复杂性增加的问题。
设计模式
JavaScript
编程
软件工程
树形结构
综合
Gridstack.js,一款神奇的 JavaScript 开源网格布局库
2024-11-19 01:34:20 +0800 CST
view 2632
Gridstack.js是一个强大的JavaScript开源库,允许开发者通过简单的代码创建可拖拽、可调整大小的网格布局,非常适合构建交互式仪表板和复杂用户界面。它支持动态添加、移除和更新网格项,并提供丰富的事件监听机制。通过简单的初始化和配置,开发者可以快速上手并实现响应式布局。
前端开发
开源工具
用户界面设计
使用 PHP 和 Web 技术(而不是 Electron)构建跨平台桌面应用程序:探索 Boson
编程
使用 PHP 和 Web 技术(而不是 Electron)构建跨平台桌面应用程序:探索 Boson
2025-07-11 09:31:00 +0800 CST
view 1301
Boson是一个开源的PHP桌面应用程序运行时和编译器平台,允许开发者使用PHP和前端技术(如HTML、CSS、JavaScript)构建跨平台桌面应用。它无需Node.js或本地HTTP服务器,支持直接访问文件系统和本地API,且应用体积轻量。Boson提供了快速的开发体验和原生应用的功能,适合PHP开发者。
PHP
桌面应用
Web开发
开源技术
跨平台
综合
Granim.js:为网页背景、元素和文字添加交互式渐变效果
2024-11-19 08:26:02 +0800 CST
view 2077
Granim.js是一个开源的JavaScript库,用于创建流畅的交互式渐变动画,支持丰富的渐变配置和易用的API。它可以为网页的背景、元素和文字添加动态渐变效果,适用于简单和复杂的场景,如图像蒙层和文字渐变。该库提供了多种选项和回调函数,允许用户自定义动画效果,提升网页的视觉吸引力。
前端开发
动画效果
网页设计
开源库
用户体验
Hermes Agent 最大的彩蛋:90%的人不知道的斜杠命令完全指南
编程
Hermes Agent 最大的彩蛋:90%的人不知道的斜杠命令完全指南
2026-04-27 06:20:34 +0800 CST
view 569
Nous Research出品的Hermes Agent拥有极其丰富的斜杠命令体系,涵盖日常对话、专业开发、多平台消息网关等完整场景。本文按使用频率分类整理,助你快速掌握这把AI瑞士军刀。
Hermes Agent
Nous Research
斜杠命令
AI Agent
OpenRouter
编程
使用 node-ssh 实现自动化部署
2024-11-18 20:06:21 +0800 CST
view 1496
本文介绍了如何使用node-ssh实现自动化部署,避免依赖Jenkins、GitLabCI/CD和GitHubActions。通过示例代码展示了如何与服务器建立SSH连接,执行命令,上传文件,以及实现完整的自动化部署流程,包括备份和Nginx配置的修改。适合需要快速部署的开发者。
自动化
开发工具
部署
嵌入式AI模型部署实战:从服务器到Arduino的模型压缩与优化指南
编程
嵌入式AI模型部署实战:从服务器到Arduino的模型压缩与优化指南
2026-05-13 17:55:43 +0800 CST
view 277
本文详细介绍如何将训练好的神经网络部署到Arduino、树莓派等嵌入式设备,涵盖模型量化、剪枝、知识蒸馏三大压缩技术,以及不同硬件平台的部署方案和实战经验。
嵌入式AI
模型部署
神经网络压缩
Arduino
树莓派
模型量化
JavaScript设计模式:装饰器模式
编程
JavaScript设计模式:装饰器模式
2024-11-19 06:05:51 +0800 CST
view 1430
装饰器模式是一种结构型设计模式,允许在不修改对象本身的情况下动态地为其增加新功能。通过创建包装对象,装饰器模式实现了对象功能的扩展。该模式的核心组件包括抽象组件、具体组件、抽象装饰者和具体装饰者。它在多个领域有广泛应用,如Axios拦截器、React高阶组件和TypeScript装饰器,提供了灵活且优雅的解决方案。
设计模式
JavaScript
编程
软件工程
前端开发
Gin: Go语言中的网络开发利器 - 轻量快速,一杯就够
编程
Gin: Go语言中的网络开发利器 - 轻量快速,一杯就够
2024-11-19 00:47:40 +0800 CST
view 1696
Gin是一个轻量级的Go语言Web框架,旨在提供高性能和简洁的API设计。它支持快速路由、中间件、JSON验证和文件上传等功能,适合构建RESTfulAPI和全栈Web应用。Gin的学习曲线平缓,适合新手和经验丰富的开发者。通过多个示例,展示了Gin在不同场景下的强大应用,成为Go开发者的热门选择。
Go语言
Web开发
框架
编程
技术
在Vue3中使用Transition组件为DOM元素添加动画效果,以提升用户体验
编程
在Vue3中使用Transition组件为DOM元素添加动画效果,以提升用户体验
2024-11-18 02:19:54 +0800 CST
view 1498
本文介绍了如何在Vue3中使用Transition组件为DOM元素添加动画效果,以提升用户体验。通过简单的示例代码,展示了如何实现元素的进入和离开动画,并提供了更复杂的示例,说明了如何处理多个元素的动画。文章还包含了性能考虑和使用CSS动画的建议,强调了动画效果的流畅性和兼容性。
Web开发
前端
动画效果
用户体验
Vue框架
python的dbd库支持多种数据库,提供连接、执行SQL语句、参数化查询和事务处理等功能
编程
python的dbd库支持多种数据库,提供连接、执行SQL语句、参数化查询和事务处理等功能
2024-11-18 20:42:34 +0800 CST
view 1424
本文介绍了dbd库在Python中的使用,包括安装、基本用法和高级用法。dbd库支持多种数据库,提供连接、执行SQL语句、参数化查询和事务处理等功能。通过示例代码,读者可以学习如何创建连接、执行查询、提交事务和处理错误。掌握dbd库将提高Python数据库操作的效率。
Python
数据库
编程
开发
工具
Vue3的自动化测试怎么做?详细说明一下常用的测试工具和框架
编程
Vue3的自动化测试怎么做?详细说明一下常用的测试工具和框架
2024-11-19 06:25:54 +0800 CST
view 1775
本文详细介绍了在Vue3中进行自动化测试的方法,强调了自动化测试的重要性,包括减少人为错误、提高测试效率和代码质量等。介绍了常用的测试工具和框架,如Jest、VueTestUtils、Cypress和Mocha+Chai,并提供了相关的安装和使用示例,帮助开发者选择合适的工具以提升项目的稳定性和可维护性。
前端开发
测试
Vue
软件工程
自动化
Chrome 新API:HTML-in-Canvas,颠覆传统html2canvas
编程
Chrome 新API:HTML-in-Canvas,颠覆传统html2canvas
2026-05-28 13:35:26 +0800 CST
view 471
HTML-in-Canvas是WICG推出的Chrome原生Web API,让DOM内容直接渲染到Canvas,保留完整交互与语义,彻底取代html2canvas。支持layoutsubtree、drawElementImage、GPU全场景适配。
Chrome
Canvas
HTML-in-Canvas
WebGL
前端
WICG
新API
WebGPU
无障碍
7.8K Star!GPT-Image-2 提示词宝库:120+ 精选案例涵盖肖像、海报、UI、角色设定
编程
7.8K Star!GPT-Image-2 提示词宝库:120+ 精选案例涵盖肖像、海报、UI、角色设定
2026-04-28 17:31:08 +0800 CST
view 464
GitHub 7.8K Star 的 GPT-Image-2 提示词宝库,收录120+精选案例,涵盖肖像、海报、UI原型、角色设定等,详解提示词编写技巧和实战示例。
AI绘图
GPT-Image-2
提示词工程
OpenAI
设计资源
GitHub
优化 CSS 以获得更好性能和可维护性的 10 个基本技巧
编程
优化 CSS 以获得更好性能和可维护性的 10 个基本技巧
2024-11-19 00:04:49 +0800 CST
view 1670
本文介绍了优化CSS的10个基本技巧,包括最小化和压缩CSS、使用速记属性、组织CSS、避免内联样式、降低特异性、删除未使用的CSS、使用CSS变量、优化媒体查询、利用CSS预处理器和优化CSS交付。这些技巧旨在提升网站加载速度和性能,增强代码的可维护性,帮助开发者编写更高效的CSS代码。
前端开发
网页性能
CSS优化
用户体验
编程技巧
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
105
106
107
108
109
...
156
下一页