AI,自己全程接管维护

php mysql shell go vue css api接口对接支付接口对接

Docker 中运行并使用 WebRTC 的自托管虚拟浏览器

Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
2024-11-19 03:03:55 +0800 CST view 1603
Neko虚拟浏览器是一款自托管的虚拟浏览器，允许用户在安全的虚拟环境中访问互联网。它支持多用户同时访问，适合开发人员和寻求隐私保护的用户。Neko提供了便捷的浏览体验，用户可以在多个设备上共享浏览器访问权限，适用于协作项目和资源共享。
虚拟浏览器安全技术 WebRTC Docker 隐私保护

基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST view 1292
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中，并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能，同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面，方便用户进行图形设计。
Web开发前端技术用户界面图形设计

如何在Vue3中使用本地存储localStorage保存数据？

如何在Vue3中使用本地存储localStorage保存数据？
2024-11-19 08:11:16 +0800 CST view 1640
本文介绍了如何在Vue3中使用localStorage保存数据，包括创建Vue3项目、实现用户输入组件、保存和检索数据的功能，以及如何结合Vuex进行全局状态管理。通过示例代码，读者可以学习到localStorage的基本用法及其在现代Web应用中的重要性，提升应用性能和用户体验。
前端开发 Vue框架 Web存储

Web浏览器的定时器问题思考

Web浏览器的定时器问题思考
2024-11-18 22:19:55 +0800 CST view 1660
本文探讨了JavaScript中定时器（setTimeout和setInterval）的执行问题，指出在CPU繁忙、频繁执行和页面后台等情况下，定时器的实际执行时间可能与预期不符。提供了示例代码展示定时器延迟的情况，并介绍了使用WebWorker来解决后台页面定时器延迟的问题，确保任务按预期执行。
JavaScript Web开发性能优化定时器浏览器

告别Loading！6行代码实现页面秒开的Speculation Rules API实战指南

告别Loading！6行代码实现页面秒开的Speculation Rules API实战指南
2025-09-11 18:33:38 +0800 CST view 619
本文详细介绍了现代浏览器提供的SpeculationRulesAPI，通过声明式配置实现页面预加载和预渲染。只需6行代码即可让下一页内容在用户点击前准备就绪，显著提升页面加载速度。文章包含核心原理、三种预渲染策略（eager/moderate/conservative）、实战代码示例、避坑指南和性能数据，帮助开发者实现真正的零延迟导航体验。
Web性能优化前端开发浏览器API

如何在Vue3中使用sessionStorage保存会话数据？

如何在Vue3中使用sessionStorage保存会话数据？
2024-11-19 03:37:49 +0800 CST view 1399
本文探讨了如何在Vue3应用中使用sessionStorage保存会话数据。sessionStorage是WebStorageAPI的一部分，仅在一个会话期间有效。通过示例代码，展示了如何创建Vue3项目、表单组件，并在用户输入时保存数据到sessionStorage，以及在组件挂载时加载数据。最终实现了在页面刷新后仍能保留用户输入的数据，提升用户体验。
前端开发 WebStorage Vue框架

Token存储终极指南：为什么前端安全从告别LocalStorage开始？

Token存储终极指南：为什么前端安全从告别LocalStorage开始？
2025-09-11 18:43:12 +0800 CST view 838
本文深入分析前端Token存储的安全风险，对比LocalStorage、SessionStorage和Cookie三种方案的优劣。指出LocalStorage易受XSS攻击，推荐使用HttpOnly、Secure、SameSite=Strict的Cookie存储RefreshToken，内存存储短期AccessToken的最佳实践方案，并提供具体代码实现和不同场景下的选择建议。
前端安全 Web开发身份验证网络安全最佳实践

浮窗新时代：Document Picture-in-Picture API 完全指南与 Modal 对比

浮窗新时代：Document Picture-in-Picture API 完全指南与 Modal 对比
2025-09-11 18:50:47 +0800 CST view 713
本文全面介绍了浏览器原生浮窗解决方案DocumentPicture-in-PictureAPI，包括其核心特性、基本用法、代码示例，并与传统Modal模态框进行多维度对比。提供了不同场景下的技术选型指南，涵盖实时监控、常驻工具窗口等应用场景，同时包含优雅降级方案和最佳实践建议。
前端开发 WebAPI 浏览器技术

Go 开发中的热加载指南

Go 开发中的热加载指南
2024-11-18 23:01:27 +0800 CST view 1333
本文介绍了在Go开发中使用热加载工具Fresh和Air的方法。热加载功能可以在代码修改后实时更新服务，避免频繁重启应用程序。文章详细说明了如何安装和配置这两个工具，以及如何在项目中运行它们，以提高开发效率。
Go开发热加载 Web开发

JavaScript 原生实现图片复制与粘贴

JavaScript 原生实现图片复制与粘贴
2024-11-18 17:39:20 +0800 CST view 1209
本文介绍了如何通过JavaScript实现图片的复制与粘贴功能，解决了微信内置浏览器中用户下载图片体验差的问题。通过使用fetch获取图片数据并将其放入剪贴板，再从剪贴板读取并显示图片，简化了操作流程。此方案在iOS17中测试通过，其他设备的兼容性需进一步验证。
JavaScript Web开发用户体验剪贴板操作

mo.js是一个轻量级的JavaScript动画库，专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST view 1803
mo.js是一个轻量级的JavaScript动画库，专注于创建流畅且表现力强的动画效果。本文介绍了mo.js的基本概念、特点及其在Vue环境中的应用，展示了如何通过简单的API实现复杂的动画效果，提升网页的动态性和用户体验。
前端开发 JavaScript 动画用户体验 Web设计

原生JS判断手机与PC端：实现一个炫酷设备检测页面

原生JS判断手机与PC端：实现一个炫酷设备检测页面
2025-09-18 08:37:04 +0800 CST view 636
本文详细介绍如何使用原生JavaScript检测设备类型，通过分析用户代理字符串、屏幕特性和触摸支持等多种方法判断手机与PC设备。包含完整的HTML实现代码，展示设备详细信息并提供直观的视觉反馈，帮助开发者创建精确的设备检测页面。
前端开发 JavaScript 响应式设计 Web技术

ThinkPHP SSE技术解析：实现服务器实时事件推送

ThinkPHP SSE技术解析：实现服务器实时事件推送
2025-09-19 15:22:12 +0800 CST view 666
本文详细解析如何在ThinkPHP框架中实现Server-SentEvents（SSE）技术，包括后端控制器的HTTP头设置、无限循环连接保持、事件格式规范，以及前端通过EventSourceAPI建立连接和处理不同事件类型。提供了完整的代码示例和实际应用注意事项，适用于实时通知、数据监控等单向推送场景。
Web开发实时通信 PHP框架

Typed.js库在网页上实现炫酷的打字效果
2024-11-19 00:51:40 +0800 CST view 1652
本文介绍了如何使用Typed.js库在网页上实现炫酷的打字效果。Typed.js是一个轻量级的JavaScript库，支持高度可定制的打字和删除速度，适用于动态欢迎信息、产品介绍和交互式教程等场景。通过简单的代码示例，展示了如何在Vue组件中集成Typed.js，提升用户体验。
前端开发 JavaScript 动态效果用户体验 Web设计

IndexedDB-极速本地存储：浏览器中的超级数据库
2024-11-18 16:21:21 +0800 CST view 1653
IndexedDB是现代Web应用中的一种高效本地数据存储解决方案，支持异步操作和持久化存储，适合处理大量结构化数据。与Cookies和LocalStorage相比，IndexedDB提供更大的存储空间和更灵活的数据管理能力。通过封装的工具类`idb`，开发者可以轻松实现数据的增删改查操作，满足离线应用和渐进式Web应用的需求。
Web开发数据存储前端技术

autofit.js：大屏适配终极解决方案，告别手动调整烦恼！

autofit.js：大屏适配终极解决方案，告别手动调整烦恼！
2026-01-27 19:59:59 +0800 CST view 640
autofit.js是一个专注于大屏自适应适配的JavaScript库，采用transform缩放技术实现等比自适应。它解决了传统适配方案（如媒体查询、vw/rem单位）在大屏数据可视化项目中复杂图表组件适配困难的问题。该库具有零依赖、轻量级（仅3.6kB）、简单易用、智能适配和实时响应等核心特性。通过简洁的API（如init方法）和配置参数（el、dw、dh、resize等），开发者只需几行代码即可实现复杂大屏在不同分辨率下的自动等比缩放，极大减少了手动调整的工作量。
前端开发 JavaScript工具响应式设计数据可视化 Web开发

在Vue3中实现代码分割和懒加载

在Vue3中实现代码分割和懒加载
2024-11-17 06:18:00 +0800 CST view 1476
本文探讨了如何在Vue3中实现代码分割和懒加载，以提高Web应用的性能和用户体验。通过使用Webpack的动态import语法，开发者可以按需加载组件，减少初始加载时间。文章提供了示例代码，展示了如何在路由和组件内部实现懒加载，并讨论了Webpack的分割策略及优化懒加载体验的方法。
前端开发性能优化 Vue框架 Web应用代码管理

Vue 3 中的新 `<script setup>` 语法详解

Vue 3 中的新 `<script setup>` 语法详解
2024-11-19 06:45:51 +0800 CST view 1219
Vue3中的新<scriptsetup>语法为开发者提供了一种更简洁高效的方式来编写Vue组件。它通过编译时宏优化性能，支持TypeScript，简化了响应式数据、计算属性、props和emits的使用。本文详细介绍了<scriptsetup>的用法、优势及示例代码，展示了其在开发过程中的便利性和一致性。
前端开发 Vue.js 编程语言 Web技术

Vue 3 中的 Fragments 是什么？

Vue 3 中的 Fragments 是什么？
2024-11-17 17:05:46 +0800 CST view 1174
本文介绍了Vue3中的Fragments特性，允许组件返回多个顶级元素而无需根节点，简化了DOM结构，提高了代码的可读性和性能。通过示例代码，展示了如何在列表和表单组件中应用Fragments，强调了其在开发中的灵活性和优势。
Vue.js 前端框架 Web开发用户界面性能优化

手把手带你撸一个生产级 Go Web 脚手架：分层 + DI + 可插拔驱动

手把手带你撸一个生产级 Go Web 脚手架：分层 + DI + 可插拔驱动
2026-04-08 10:17:43 +0800 CST view 43
手把手带你撸一个生产级 Go Web 脚手架，支持分层架构、自定义 DI 容器、可插拔驱动系统、版本化数据库迁移。
Go Gin Web DI 脚手架

ShareDB：构建实时应用从未如此简单
2024-11-18 08:39:58 +0800 CST view 1925
ShareDB是一个全栈库，支持多用户实时协作，适用于在线文档编辑器、实时仪表板等应用。它通过Node.js服务器协调客户端，使用操作转换管理冲突。支持多种数据库和发布/订阅适配器，提供异步最终一致性、实时查询等功能。本文展示了如何安装和使用ShareDB，包括服务端和客户端示例代码。
实时协作开发工具 Web开发

Nginx 防止IP伪造，绕过IP限制

Nginx 防止IP伪造，绕过IP限制
2025-01-15 09:44:42 +0800 CST view 1816
本文介绍了如何在Nginx中配置以防止IP伪造，确保后端应用程序能够获取真实的客户端IP。通过使用`X-Real-IP`头信息和相应的Nginx配置，能够有效避免恶意用户伪造IP地址的风险。此外，建议限制后端服务器仅接受来自Nginx的流量，以增强安全性。
网络安全反向代理 Web架构

浅谈CSRF攻击
2024-11-18 09:45:14 +0800 CST view 1481
CSRF（跨站请求伪造）是一种攻击方式，攻击者利用受害者的身份发送恶意请求，可能导致个人隐私泄露和财产损失。CSRF攻击依赖于用户在受信任网站的登录状态，攻击者通过第三方网站发起请求。防御措施包括同源检测、CSRFToken校验和双重Cookie验证，选择合适的防御策略可以提升Web应用的安全性。
网络安全 Web安全攻击防御

XSS攻击是什么？
2024-11-19 02:10:07 +0800 CST view 1118
本文介绍了XSS攻击的概念及其分类，包括反射型、存储型和DOM-basedXSS。详细阐述了每种类型的攻击原理、步骤及常见示例，并提供了防范措施，如数据过滤、HTML编码和CSP策略等。通过代码示例，展示了如何利用恶意链接和脚本进行攻击，以及如何有效防止这些攻击，确保Web应用的安全性。
网络安全 Web安全编程

上一页 1...14 151617 18 下一页