程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
前端录屏黑科技:几行 JS 代码实现网页录屏
编程
前端录屏黑科技:几行 JS 代码实现网页录屏
2025-08-15 15:19:33 +0800 CST
view 1188
本文介绍了如何使用MediaRecorderAPI和原生JavaScript实现网页录屏功能。通过简单的几行代码,开发者可以获取用户屏幕流并进行录制,支持音视频捕获。文章详细说明了获取媒体流、创建MediaRecorder实例、开始和停止录制的步骤,并提供了注意事项和最佳实践,强调了浏览器兼容性和用户授权的重要性。
前端开发
Web技术
编程
视频处理
无感刷新 Token:打造“永不掉线”的丝滑用户体验
编程
无感刷新 Token:打造“永不掉线”的丝滑用户体验
2025-08-15 15:23:36 +0800 CST
view 1148
无感刷新Token机制通过双Token体系(AccessToken和RefreshToken)解决了短生命周期Token带来的安全性与用户体验矛盾。用户在操作时几乎感受不到登录过期,系统通过拦截器自动刷新Token,确保API安全性,同时支持并发请求,避免刷新竞态问题。这一机制是现代Web应用提升用户体验的标配方案。
用户体验
安全性
Web开发
身份验证
技术实现
前端文件下载的 N 种姿势:从简单到高级
编程
前端文件下载的 N 种姿势:从简单到高级
2025-08-15 15:27:34 +0800 CST
view 1111
本文介绍了前端文件下载的多种方法,从最简单的`<a>`标签的`download`属性到高级的FetchAPI结合Blob和URL.createObjectURL。每种方法的原理、优缺点以及适用场景都进行了详细分析,并提供了可运行的示例代码,帮助开发者选择合适的下载方案。
Web开发
前端技术
文件处理
CloakBrowser 深度实战:当反机器人检测遇见 C++ 源码级隐形——从指纹欺骗到行为模拟、58 个 Chromium 补丁与生产级爬虫规避完全指南(2026)
编程
CloakBrowser 深度实战:当反机器人检测遇见 C++ 源码级隐形——从指纹欺骗到行为模拟、58 个 Chromium 补丁与生产级爬虫规避完全指南(2026)
2026-06-18 05:23:55 +0800 CST
view 148
CloakBrowser 深度实战指南:通过 58 个 C++ 源码级补丁实现浏览器指纹隐形,从原理到代码实战,完整对抗 Cloudflare Turnstile、reCAPTCHA v3 等检测系统。
CloakBrowser
反机器人检测
浏览器指纹
Playwright 替代
爬虫
自动化
Chrome 源码修改
C++ 补丁
Web 爬虫
反爬技术
Web Workers:前端性能优化的隐藏利器
编程
Web Workers:前端性能优化的隐藏利器
2025-08-15 16:03:55 +0800 CST
view 1230
WebWorkers是一种在后台线程执行JavaScript的API,能够有效释放主线程压力,提升前端性能。它允许开发者在不影响UI响应的情况下处理计算密集型任务,充分利用多核CPU,优化内存管理。尽管存在兼容性和实现复杂性的误解,WebWorkers在大数据处理、图像处理、音视频处理等场景中展现出强大能力,是前端性能优化的重要工具。
前端开发
性能优化
Web技术
JavaScript
多线程编程
现代前端存储利器:从 localStorage 到 IndexedDB
编程
现代前端存储利器:从 localStorage 到 IndexedDB
2025-08-15 16:07:03 +0800 CST
view 1377
本文探讨了现代前端存储技术,重点分析了localStorage的局限性及其安全风险,并介绍了IndexedDB作为更强大的替代方案。IndexedDB提供异步操作、强大的存储能力和高级查询功能,适合复杂应用需求。通过使用封装库如localForage,开发者可以更轻松地实现数据存储和管理,提升应用性能和安全性。
前端开发
数据存储
Web技术
安全性
性能优化
编程
HTMX:用HTML属性实现AJAX、CSS过渡和WebSockets
2024-11-18 22:44:08 +0800 CST
view 1644
htmx是一个轻量级的JavaScript库,允许开发者通过简单的HTML属性实现复杂的交互功能,如AJAX、CSS过渡和WebSockets。它无需外部依赖,易于集成,适用于动态表单提交、实时数据更新和单页应用开发等场景。htmx通过简洁的接口和现代Web标准支持,优化了开发效率和应用性能,是现代Web开发的高效工具。
Web开发
JavaScript
前端框架
用户体验
技术工具
前端必学技巧:用户离开页面时如何可靠地发送 HTTP 请求?
编程
前端必学技巧:用户离开页面时如何可靠地发送 HTTP 请求?
2025-08-16 09:03:44 +0800 CST
view 1071
本文讨论了在用户离开页面时如何可靠地发送HTTP请求,避免数据丢失的问题。常见的做法如直接使用fetch会导致请求被取消,而使用awaitfetch会影响用户体验。现代浏览器支持fetch的keepalive参数,可以在页面卸载时继续发送请求,推荐使用此方法或navigator.sendBeacon来确保数据的可靠上报。
前端开发
Web技术
用户体验
数据上报
H5 移动端保持屏幕常亮:Wake Lock API 实战指南
编程
H5 移动端保持屏幕常亮:Wake Lock API 实战指南
2025-08-16 09:10:24 +0800 CST
view 1362
本文介绍了如何在移动端H5应用中使用WakeLockAPI来保持屏幕常亮,适用于视频播放、运动计步等场景。内容涵盖了检测浏览器支持、请求和释放唤醒锁、侦听事件以及自动重新获取唤醒锁的实战示例。WakeLockAPI提供了比NoSleep.js更高效的解决方案,但需注意兼容性问题,尤其是iOSSafari尚未支持该功能。
H5
Web开发
移动应用
用户体验
技术指南
WebSQL数据库:HTML5的非标准伴侣
编程
WebSQL数据库:HTML5的非标准伴侣
2024-11-18 22:44:20 +0800 CST
view 1351
WebSQL是一个独立于HTML5规范的数据库API,曾在前端开发中扮演重要角色。它提供了简单的API用于数据库交互,包括打开数据库、控制事务和执行SQL查询。尽管WebSQL已被W3C废弃,现代浏览器不再支持,但了解其基本用法和历史仍然有价值。本文介绍了WebSQL的核心API及其在实际项目中的应用示例。
前端开发
数据库
Web技术
前端文件上传全攻略:从表单提交到分片上传
编程
前端文件上传全攻略:从表单提交到分片上传
2025-08-16 09:29:45 +0800 CST
view 1141
本文详细介绍了四种常见的前端文件上传方案,包括经典表单提交、Ajax异步上传、Base64编码上传和分片上传。每种方案都提供了代码示例和优缺点分析,适用于不同的场景和需求,帮助开发者选择合适的文件上传方式。
前端开发
文件上传
Web技术
代码
微信内弹出提示外部浏览器打开
2024-11-18 19:26:44 +0800 CST
view 2502
本文介绍了如何在微信内弹出提示,指导用户在外部浏览器中打开页面。提供了完整的HTML、CSS和JavaScript代码,包含提示框的结构、样式和交互逻辑。通过检测用户代理字符串判断是否在微信内打开,并在需要时显示提示,用户可以通过点击关闭按钮来隐藏提示框。确保提示图片路径正确,以便正常显示。
Web开发
用户体验
前端技术
综合
4.6K Star 彻底颠覆!!! 你敢信浏览器直接跑 Linux!
2024-11-19 02:10:52 +0800 CST
view 1845
WebVM是一个创新项目,允许用户在浏览器中运行完整的DebianLinux虚拟机,基于CheerpX虚拟化引擎,支持x86二进制文件在WebAssembly上执行。它提供无服务器架构,所有计算任务在本地浏览器完成,确保安全性。WebVM受到了开发者社区的广泛欢迎,简化了开发和测试流程,适合专业开发者和编程爱好者使用。
虚拟化
开源项目
开发工具
Web技术
安全性
编程
Web 端 DOCX 预览终极方案:docx-preview 与 mammoth 深度对比
2025-08-19 16:27:08 +0800 CST
view 1765
本文深入探讨了两种前端DOCX处理工具:docx-preview和mammoth。docx-preview提供像素级样式还原,适合需要精确预览的场景;而mammoth专注于内容提取,生成语义化HTML,适合轻量级应用。通过对比两者的特性、适用场景及性能优化技巧,帮助开发者选择合适的解决方案。
文档处理
前端开发
Web技术
每个开发人员都应该知道的 10 个 HTML 技巧
编程
每个开发人员都应该知道的 10 个 HTML 技巧
2024-11-18 15:27:51 +0800 CST
view 1583
本文探讨了每个开发人员都应该了解的10个基本HTML技巧,包括使用语义HTML、响应式图像、data-*数据属性、内联SVG、自动对焦属性等。这些技巧旨在提高代码的可读性、可访问性和用户体验,帮助开发人员编写更高效的网页。
Web开发
前端技术
HTML技巧
Gin: Go语言中的网络开发利器 - 轻量快速,一杯就够
编程
Gin: Go语言中的网络开发利器 - 轻量快速,一杯就够
2024-11-19 00:47:40 +0800 CST
view 1746
Gin是一个轻量级的Go语言Web框架,旨在提供高性能和简洁的API设计。它支持快速路由、中间件、JSON验证和文件上传等功能,适合构建RESTfulAPI和全栈Web应用。Gin的学习曲线平缓,适合新手和经验丰富的开发者。通过多个示例,展示了Gin在不同场景下的强大应用,成为Go开发者的热门选择。
Go语言
Web开发
框架
编程
技术
Scrapling 深度实战:当网页抓取学会「反侦察」——从反爬虫战争到 AI Agent 数据采集的完全指南(2026)
编程
Scrapling 深度实战:当网页抓取学会「反侦察」——从反爬虫战争到 AI Agent 数据采集的完全指南(2026)
2026-06-13 19:21:12 +0800 CST
view 199
深入解析 Scrapling——GitHub 52k+ Star 的自适应网页抓取框架,融合反爬绕过、AI 智能选器与 auto_match 自适应解析,深度剖析其在 AI Agent 数据采集场景中的实战应用
Scrapling
Python
爬虫
AI Agent
反爬技术
数据采集
Web Scraping
编程
开源数字人项目 GenHuman 发布!基于 Webman 的商用级 AI 数字人解决方案,UI 超用心!
2025-08-22 10:23:40 +0800 CST
view 1654
GenHuman是一个基于Webman框架的开源AI数字人生成与管理平台,具有精美的UI设计和高性能后端,支持快速商用。项目提供详细的安装文档,适合创业者、中小团队、PHP和前端开发者。它集成多种AI能力,旨在帮助开发者快速部署和二次开发,解决业务问题并产生商业价值。
开源项目
人工智能
Web开发
数字人
技术栈
程序员出海搞钱工具库
综合
程序员出海搞钱工具库
2024-11-18 22:16:19 +0800 CST
view 2131
本文提供了多种Web开发和Chrome插件开发的模板,涵盖了前端和后端技术栈,包括Next.js、React、Node.js等。还推荐了数据库、ORM、样式库、登录鉴权、支付和邮件服务等工具。此外,介绍了产品发布的平台和信息渠道,适合开发者和创业者使用。
Web开发
技术工具
开发者资源
编程
jQuery选择器:解锁HTML元素操作的强大工具
2024-11-17 23:06:18 +0800 CST
view 1427
本文详细介绍了jQuery选择器的使用,包括如何选择和操作HTML元素。通过示例展示了ID、类、元素、属性的选择,以及组合选择器和过滤选择器的用法。还涵盖了表单选择器和子元素、兄弟元素的选择方法,强调了jQuery在灵活选择和操作HTML元素方面的强大功能。
前端开发
jQuery
Web技术
Axios时代已终结?fetch + AbortController 完美逆袭的实战指南
编程
Axios时代已终结?fetch + AbortController 完美逆袭的实战指南
2025-08-30 15:12:12 +0800 CST
view 1043
本文探讨了Axios与浏览器原生APIfetch+AbortController的对比,分析了Axios的历史贡献及其在请求取消、超时控制和拦截器等方面的优势,同时介绍了fetch的原生优势及如何通过AbortController弥补其不足。文章提供了实战代码示例,强调了在现代浏览器开发中选择fetch+AbortController的优越性,减少依赖并提升性能。
前端开发
JavaScript
Web技术
API
性能优化
JavaScript中的常用浏览器API
编程
JavaScript中的常用浏览器API
2024-11-18 23:23:16 +0800 CST
view 1383
本篇博客介绍了JavaScript中的常用浏览器API,包括GeolocationAPI、CanvasAPI和WebAudioAPI。通过示例代码,展示了如何获取用户地理位置、绘制图形以及处理音频。这些API为Web开发者提供了丰富的功能,能够实现地理位置获取、图形绘制和音频处理等,帮助开发者打造更具交互性的Web应用。
Web开发
编程
技术
告别登录过期!无感刷新Token实战指南,让用户体验丝般顺滑
编程
告别登录过期!无感刷新Token实战指南,让用户体验丝般顺滑
2025-08-30 15:24:06 +0800 CST
view 848
本文深入探讨了双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 573
本文深入解析了Rust1.96版本中移除WebAssembly目标的`--allow-undefined`链接标志的重大变更。该变更旨在统一Rust在WebAssembly和原生平台上的链接行为,消除因未定义符号被掩盖而导致的运行时错误。文章详细介绍了变更的背景、技术影响、代码示例和迁移指南,强调了跨平台一致性、编译时错误检测和生态演进的重要性。开发者需在2026年5月28日前检查项目符号导入,并在nightly版本上测试以确保兼容性。
编程语言
WebAssembly
软件开发
编译器
技术分析
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
4
5
6
7
8
...
32
下一页