程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
H5 移动端保持屏幕常亮:Wake Lock API 实战指南
编程
H5 移动端保持屏幕常亮:Wake Lock API 实战指南
2025-08-16 09:10:24 +0800 CST
view 1108
本文介绍了如何在移动端H5应用中使用WakeLockAPI来保持屏幕常亮,适用于视频播放、运动计步等场景。内容涵盖了检测浏览器支持、请求和释放唤醒锁、侦听事件以及自动重新获取唤醒锁的实战示例。WakeLockAPI提供了比NoSleep.js更高效的解决方案,但需注意兼容性问题,尤其是iOSSafari尚未支持该功能。
H5
Web开发
移动应用
用户体验
技术指南
代码
微信内弹出提示外部浏览器打开
2024-11-18 19:26:44 +0800 CST
view 2283
本文介绍了如何在微信内弹出提示,指导用户在外部浏览器中打开页面。提供了完整的HTML、CSS和JavaScript代码,包含提示框的结构、样式和交互逻辑。通过检测用户代理字符串判断是否在微信内打开,并在需要时显示提示,用户可以通过点击关闭按钮来隐藏提示框。确保提示图片路径正确,以便正常显示。
Web开发
用户体验
前端技术
每个开发人员都应该知道的 10 个 HTML 技巧
编程
每个开发人员都应该知道的 10 个 HTML 技巧
2024-11-18 15:27:51 +0800 CST
view 1376
本文探讨了每个开发人员都应该了解的10个基本HTML技巧,包括使用语义HTML、响应式图像、data-*数据属性、内联SVG、自动对焦属性等。这些技巧旨在提高代码的可读性、可访问性和用户体验,帮助开发人员编写更高效的网页。
Web开发
前端技术
HTML技巧
Gin: Go语言中的网络开发利器 - 轻量快速,一杯就够
编程
Gin: Go语言中的网络开发利器 - 轻量快速,一杯就够
2024-11-19 00:47:40 +0800 CST
view 1495
Gin是一个轻量级的Go语言Web框架,旨在提供高性能和简洁的API设计。它支持快速路由、中间件、JSON验证和文件上传等功能,适合构建RESTfulAPI和全栈Web应用。Gin的学习曲线平缓,适合新手和经验丰富的开发者。通过多个示例,展示了Gin在不同场景下的强大应用,成为Go开发者的热门选择。
Go语言
Web开发
框架
编程
技术
编程
开源数字人项目 GenHuman 发布!基于 Webman 的商用级 AI 数字人解决方案,UI 超用心!
2025-08-22 10:23:40 +0800 CST
view 1342
GenHuman是一个基于Webman框架的开源AI数字人生成与管理平台,具有精美的UI设计和高性能后端,支持快速商用。项目提供详细的安装文档,适合创业者、中小团队、PHP和前端开发者。它集成多种AI能力,旨在帮助开发者快速部署和二次开发,解决业务问题并产生商业价值。
开源项目
人工智能
Web开发
数字人
技术栈
程序员出海搞钱工具库
综合
程序员出海搞钱工具库
2024-11-18 22:16:19 +0800 CST
view 1841
本文提供了多种Web开发和Chrome插件开发的模板,涵盖了前端和后端技术栈,包括Next.js、React、Node.js等。还推荐了数据库、ORM、样式库、登录鉴权、支付和邮件服务等工具。此外,介绍了产品发布的平台和信息渠道,适合开发者和创业者使用。
Web开发
技术工具
开发者资源
JavaScript中的常用浏览器API
编程
JavaScript中的常用浏览器API
2024-11-18 23:23:16 +0800 CST
view 1197
本篇博客介绍了JavaScript中的常用浏览器API,包括GeolocationAPI、CanvasAPI和WebAudioAPI。通过示例代码,展示了如何获取用户地理位置、绘制图形以及处理音频。这些API为Web开发者提供了丰富的功能,能够实现地理位置获取、图形绘制和音频处理等,帮助开发者打造更具交互性的Web应用。
Web开发
编程
技术
告别登录过期!无感刷新Token实战指南,让用户体验丝般顺滑
编程
告别登录过期!无感刷新Token实战指南,让用户体验丝般顺滑
2025-08-30 15:24:06 +0800 CST
view 621
本文深入探讨了双Token认证系统,通过Axios拦截器实现无感刷新Token的机制,旨在提升用户体验并解决登录过期带来的困扰。文章分析了AccessToken和RefreshToken的特点及其在安全性与用户体验之间的平衡,提供了详细的实现代码和安全最佳实践,确保系统的安全性与流畅性。
身份验证
Web开发
用户体验
安全性
技术实现
Rust WebAssembly 目标重大变更深度解析:从 --allow-undefined 移除到 Rust 1.96 的工程影响全解
编程
Rust WebAssembly 目标重大变更深度解析:从 --allow-undefined 移除到 Rust 1.96 的工程影响全解
2026-04-15 03:22:53 +0800 CST
view 312
本文深入解析了Rust1.96版本中移除WebAssembly目标的`--allow-undefined`链接标志的重大变更。该变更旨在统一Rust在WebAssembly和原生平台上的链接行为,消除因未定义符号被掩盖而导致的运行时错误。文章详细介绍了变更的背景、技术影响、代码示例和迁移指南,强调了跨平台一致性、编译时错误检测和生态演进的重要性。开发者需在2026年5月28日前检查项目符号导入,并在nightly版本上测试以确保兼容性。
编程语言
WebAssembly
软件开发
编译器
技术分析
告别encodeURIComponent!现代URL处理实战指南
编程
告别encodeURIComponent!现代URL处理实战指南
2025-08-30 15:27:25 +0800 CST
view 642
本文探讨了现代URL处理的最佳实践,介绍了URL和URLSearchParamsAPI,强调了告别繁琐的字符串拼接和编码问题的重要性。通过对比传统与现代方式,展示了如何更安全、简洁地构建和修改URL,减少编码错误和提高代码可维护性。最后,提供了兼容性和性能考虑,鼓励开发者迁移到现代URLAPI。
Web开发
编程
技术文档
一行CSS魔法:瞬间开启网站暗黑模式!
编程
一行CSS魔法:瞬间开启网站暗黑模式!
2025-08-31 08:15:28 +0800 CST
view 731
本文介绍了一种通过一行CSS代码快速实现网站暗黑模式的方法。使用CSS的filter属性,结合invert和hue-rotate函数,可以轻松将网页颜色反转并修正色彩失真。虽然这种方法适合个人项目和快速原型开发,但在生产环境中可能存在局限性,如无法精细控制样式和颜色转换不准确。文章还提供了处理媒体元素的解决方案和与传统方法的对比。
Web开发
CSS
暗黑模式
前端技术
设计
JavaScript 如何实现页面滚动到某一特定位置
编程
JavaScript 如何实现页面滚动到某一特定位置
2024-11-19 10:04:23 +0800 CST
view 1535
本文介绍了如何使用JavaScript实现页面滚动到特定位置,重点讲解了`window.scrollTo()`方法及其平滑滚动的实现。提供了兼容旧版浏览器的解决方案,并介绍了通过CSS设置全局平滑滚动的方式。结合JavaScript和CSS,可以灵活控制页面滚动行为,提升用户体验。
Web开发
前端技术
用户体验
您应该了解的 15 个有用的 CSS 属性
编程
您应该了解的 15 个有用的 CSS 属性
2024-11-18 17:58:16 +0800 CST
view 1292
本文介绍了15个有用的CSS属性,这些属性能够增强网站的设计、性能和用户体验。包括`caret-color`、`accent-color`、`pointer-events`等,帮助开发者提升页面的交互性和视觉效果。掌握这些属性将有助于构建更具吸引力的现代网站。
Web开发
前端技术
CSS
编程
告别重复造轮子!Animista:在线CSS动画生成器的终极指南与实战技巧
2025-09-01 08:26:44 +0800 CST
view 804
Animista是一个在线CSS动画生成器,提供200多种动画效果,帮助开发者快速生成高质量的CSS代码。它支持实时定制、零依赖、完全免费,适合个人和商业项目。本文介绍了Animista的核心功能、使用技巧、与现代前端框架的集成方法,以及性能优化和最佳实践,旨在提升Web开发中的动画效果和用户体验。
Web开发
动画
前端技术
用户体验
工具
如何在Vue3中使用音频库Howler.js实现音频播放?
编程
如何在Vue3中使用音频库Howler.js实现音频播放?
2024-11-18 15:35:49 +0800 CST
view 1749
本文详细讲解了如何在Vue3项目中集成Howler.js音频库,实现音频播放功能。包括初始化Vue3项目、安装Howler.js、创建音频播放组件以及实现播放、暂停、停止和音量调节等功能。通过这些步骤,开发者可以轻松为Web应用添加音频功能,提升用户体验。
Web开发
音频处理
前端技术
前端容器化实战:使用Docker高效部署前端项目的完整指南
编程
前端容器化实战:使用Docker高效部署前端项目的完整指南
2025-09-11 17:13:31 +0800 CST
view 1133
本文详细介绍了使用Docker容器化部署前端项目的完整实践指南。内容包括Docker环境安装、优化Dockerfile编写、多阶段构建、Nginx配置优化、DockerCompose管理、环境变量配置以及CI/CD自动化部署。提供了具体的代码示例和最佳实践,帮助开发者实现高效、一致的前端项目部署,提升部署效率和系统可靠性。
前端开发
容器技术
DevOps
部署优化
Web开发
Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
综合
Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
2024-11-19 03:03:55 +0800 CST
view 1695
Neko虚拟浏览器是一款自托管的虚拟浏览器,允许用户在安全的虚拟环境中访问互联网。它支持多用户同时访问,适合开发人员和寻求隐私保护的用户。Neko提供了便捷的浏览体验,用户可以在多个设备上共享浏览器访问权限,适用于协作项目和资源共享。
虚拟浏览器
安全技术
WebRTC
Docker
隐私保护
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1378
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
浮窗新时代:Document Picture-in-Picture API 完全指南与 Modal 对比
编程
浮窗新时代:Document Picture-in-Picture API 完全指南与 Modal 对比
2025-09-11 18:50:47 +0800 CST
view 803
本文全面介绍了浏览器原生浮窗解决方案DocumentPicture-in-PictureAPI,包括其核心特性、基本用法、代码示例,并与传统Modal模态框进行多维度对比。提供了不同场景下的技术选型指南,涵盖实时监控、常驻工具窗口等应用场景,同时包含优雅降级方案和最佳实践建议。
前端开发
WebAPI
浏览器技术
编程
IndexedDB-极速本地存储:浏览器中的超级数据库
2024-11-18 16:21:21 +0800 CST
view 1742
IndexedDB是现代Web应用中的一种高效本地数据存储解决方案,支持异步操作和持久化存储,适合处理大量结构化数据。与Cookies和LocalStorage相比,IndexedDB提供更大的存储空间和更灵活的数据管理能力。通过封装的工具类`idb`,开发者可以轻松实现数据的增删改查操作,满足离线应用和渐进式Web应用的需求。
Web开发
数据存储
前端技术
任务管理工具的HTML
代码
任务管理工具的HTML
2025-01-20 22:36:11 +0800 CST
view 1367
该文本描述了一个任务管理工具的HTML结构和功能,包括任务输入、进度条、任务列表、拖放功能以及导出链接的功能。工具使用了现代的CSS样式来创建一个科技感的界面,并通过JavaScript实现任务的添加、删除、标记完成和进度更新。所有任务数据存储在本地存储中,用户可以通过链接导出任务。
Web开发
前端技术
任务管理工具
编程
2025,重新认识 HTML!
2025-02-07 14:40:00 +0800 CST
view 1338
本文探讨了HTML的最新特性,包括可定制样式的下拉菜单、直接操控Popover、Checkbox变身Toggle、使用<search>简化搜索、声明式ShadowDOM、ImportMaps导入模块、inert属性、响应式视频以及利用<details>标签创建交互式手风琴效果。这些新特性为开发者提供了更灵活和现代的用户交互体验。
Web开发
前端技术
HTML5
H5端向App端通信(Uniapp 必会)
编程
H5端向App端通信(Uniapp 必会)
2025-02-20 10:32:26 +0800 CST
view 1394
本文介绍了如何使用uniapp实现H5端向App端的通信,解决WebView嵌套问题。通过在App端的webview组件接收消息和在H5端使用postMessage发送消息,用户可以在支付成功后顺利返回App端的订单列表页。此方法有效避免了WebView的嵌套问题,确保了通信的顺畅。
开发
技术
移动应用
Web开发
综合
如何实现PC打开是Web应用、手机打开是H5应用
2024-11-18 21:30:23 +0800 CST
view 2006
本文讨论了如何通过同一个链接在PC和移动设备上展示不同的应用。介绍了三种实现方式:1)服务器端逻辑,通过解析User-Agent返回不同内容;2)客户端JavaScript,动态加载不同资源;3)响应式设计,使用CSS媒体查询适配不同设备。提供了相关的示例代码,帮助开发者选择合适的实现方式。
Web开发
前端技术
响应式设计
JavaScript
服务器端编程
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
5
6
...
23
下一页