15年，专注软件定制开发

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

Vue3 组件间通信的多种方式

Vue3 组件间通信的多种方式
2024-11-19 02:57:47 +0800 CST view 561
本文探讨了在Vue3中使用CompositionAPI进行组件间通信的多种方式，包括父子组件通信、兄弟组件通信和非直接关系组件通信。通过示例代码，详细讲解了如何使用props和emit进行父子组件通信，以及如何通过父组件作为桥梁实现兄弟组件通信，最后介绍了使用EventBus进行非直接关系组件的通信。
前端开发 Vue.js 组件化 JavaScript Web开发

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

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

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

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

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

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

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

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

Go 开发中的热加载指南

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

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

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

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

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

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

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

Vue 3 中的新 `<script setup>` 语法详解
2024-11-19 06:45:51 +0800 CST view 489
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 474
本文介绍了Vue3中的Fragments特性，允许组件返回多个顶级元素而无需根节点，简化了DOM结构，提高了代码的可读性和性能。通过示例代码，展示了如何在列表和表单组件中应用Fragments，强调了其在开发中的灵活性和优势。
Vue.js 前端框架 Web开发用户界面性能优化

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

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

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

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

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

Vue 3 路由守卫详解与实战

Vue 3 路由守卫详解与实战
2024-11-17 04:39:17 +0800 CST view 484
本文详细介绍了在Vue3应用中使用路由守卫的方式，包括全局守卫、路由独享守卫和组件内守卫。通过示例代码，读者可以学习如何控制路由跳转、进行用户认证和权限校验，从而提升应用的安全性和用户体验。路由守卫的灵活性使得开发者能够更好地管理用户导航行为。
前端开发 Vue.js Web应用路由管理用户体验

任务管理工具的HTML

任务管理工具的HTML
2025-01-20 22:36:11 +0800 CST view 411
该文本描述了一个任务管理工具的HTML结构和功能，包括任务输入、进度条、任务列表、拖放功能以及导出链接的功能。工具使用了现代的CSS样式来创建一个科技感的界面，并通过JavaScript实现任务的添加、删除、标记完成和进度更新。所有任务数据存储在本地存储中，用户可以通过链接导出任务。
Web开发前端技术任务管理工具

Salvo，一个为高性能和简洁性设计的RustWeb服务器框架

Salvo，一个为高性能和简洁性设计的RustWeb服务器框架
2024-11-18 15:44:05 +0800 CST view 672
本指南介绍了Salvo，一个为高性能和简洁性设计的RustWeb服务器框架。通过实际示例，读者可以学习如何使用Salvo构建Web应用，包括灵活的路由系统、中间件支持、异步处理和静态文件服务等核心特性。指南还提供了环境准备、HelloWorld应用的编写及运行方法，帮助开发者快速上手Salvo。
Rust Web开发框架

php获取当前域名

php获取当前域名
2024-11-18 00:12:48 +0800 CST view 526
这段PHP代码用于检查当前请求是否使用HTTPS协议，并获取当前域名，最终组合成完整的URL并输出。代码首先判断HTTPS的状态，然后通过$_SERVER变量获取主机名，最后将协议和主机名组合成完整的URL。
编程 Web开发安全

2025，重新认识 HTML！
2025-02-07 14:40:00 +0800 CST view 348
本文探讨了HTML的最新特性，包括可定制样式的下拉菜单、直接操控Popover、Checkbox变身Toggle、使用<search>简化搜索、声明式ShadowDOM、ImportMaps导入模块、inert属性、响应式视频以及利用<details>标签创建交互式手风琴效果。这些新特性为开发者提供了更灵活和现代的用户交互体验。
Web开发前端技术 HTML5

Python 基于 SSE 实现流式模式

Python 基于 SSE 实现流式模式
2025-02-16 17:21:01 +0800 CST view 380
本文介绍了如何使用Python实现基于Server-SentEvents(SSE)的流式模式，强调了流式模式的优势和应用场景。通过FastAPI实现服务端数据流，使用JavaScript的EventSourceAPI在客户端接收实时消息。SSE适合单向数据推送，与WebSocket的双向通信进行了对比，展望了未来在HTTP/3协议下的应用前景。
编程 Web开发实时通信数据流

Vue3中实现基于用户权限的动态路由加载

Vue3中实现基于用户权限的动态路由加载
2024-11-19 06:13:52 +0800 CST view 548
本文探讨了如何在Vue3中实现基于用户权限的动态路由加载。通过定义用户权限模型和使用vue-router与vuex，动态生成路由并结合导航守卫进行权限控制，从而提高用户体验和系统安全性。用户登录后，系统根据其角色加载相应的页面，确保无权限用户无法访问敏感内容。
Web应用前端开发权限控制 Vue框架动态路由

H5端向App端通信（Uniapp 必会）

H5端向App端通信（Uniapp 必会）
2025-02-20 10:32:26 +0800 CST view 387
本文介绍了如何使用uniapp实现H5端向App端的通信，解决WebView嵌套问题。通过在App端的webview组件接收消息和在H5端使用postMessage发送消息，用户可以在支付成功后顺利返回App端的订单列表页。此方法有效避免了WebView的嵌套问题，确保了通信的顺畅。
开发技术移动应用 Web开发

智能视频墙

智能视频墙
2025-02-22 11:21:29 +0800 CST view 265
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器，支持拖拽和调整大小，并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流，提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况，确保视频容器不会超出视口。
前端开发视频播放用户交互 Web技术

上一页 1...5 678 9...13 下一页