AI,自己全程接管维护

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

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

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

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

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

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

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

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

纯 Go 实现的 WebGPU：gogpu/wgpu 深度解析，零 CGO 如何征服 GPU 编程

纯 Go 实现的 WebGPU：gogpu/wgpu 深度解析，零 CGO 如何征服 GPU 编程
2026-04-26 01:42:52 +0800 CST view 704
深度解析纯 Go 实现的 WebGPU 项目 gogpu/wgpu：零 CGO 依赖、syscall 直连 GPU API、Snatchable 资源管理模式、自动屏障生成、Damage-Aware 增量渲染，包含完整代码示例与性能对比
Go WebGPU GPU Vulkan 系统编程图形编程

WebAssembly Component Model 深度实战：当 WASM 从浏览器杀入服务端——从 Component Model 到 WASI Preview 3、从 Wasmtime 到 Spin 3.0 的生产级完全指南（2026）

WebAssembly Component Model 深度实战：当 WASM 从浏览器杀入服务端——从 Component Model 到 WASI Preview 3、从 Wasmtime 到 Spin 3.0 的生产级完全指南（2026）
2026-06-20 06:54:33 +0800 CST view 33
深度实战 WebAssembly Component Model 与 WASI Preview 3：从 WIT 接口定义到 Rust 组件开发，从 Wasmtime 运行时调优到 Spin 3.0 微服务部署，对比 Docker 冷启动 50μs vs 1.5s，Kubernetes + Spin Operator 生产级部署完全指南
WebAssembly WASM Component Model WASI Wasmtime Spin Rust 微服务 Serverless

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

Token存储终极指南：为什么前端安全从告别LocalStorage开始？
2025-09-11 18:43:12 +0800 CST view 1114
本文深入分析前端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 995
本文全面介绍了浏览器原生浮窗解决方案DocumentPicture-in-PictureAPI，包括其核心特性、基本用法、代码示例，并与传统Modal模态框进行多维度对比。提供了不同场景下的技术选型指南，涵盖实时监控、常驻工具窗口等应用场景，同时包含优雅降级方案和最佳实践建议。
前端开发 WebAPI 浏览器技术

Go 开发中的热加载指南

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

FastAPI 0.135.x 深度解析：SSE 原生支持、JSON 性能提升 2x+，2026 年 Python Web 框架的性能新标杆

FastAPI 0.135.x 深度解析：SSE 原生支持、JSON 性能提升 2x+，2026 年 Python Web 框架的性能新标杆
2026-05-14 16:13:28 +0800 CST view 310
FastAPI 0.135.x 于2026年3月初发布，支持 Starlette 1.0+、SSE 原生支持、JSON 响应性能提升 2x+。深度解析 SSE 实时推送实战、orjson 性能优化原理、Starlette 1.0 架构升级、与 Flask/Django/Sanic 横向对比。
FastAPI Python Web框架 SSE 性能优化

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

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

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

PHP RFC6455 WebSocket纯协议实现：Ratchet + Workerman优雅解耦方案

PHP RFC6455 WebSocket纯协议实现：Ratchet + Workerman优雅解耦方案
2026-06-20 12:28:56 +0800 CST view 27
PHP WebSocket纯协议实现方案，基于Ratchet RFC6455 + Workerman。协议层与传输层完全解耦，自动处理握手/分帧/掩码/分片/Ping-Pong。适合需要深度定制WebSocket协议的场景。
PHP WebSocket RFC6455 Workerman Ratchet 实时通信开源 PSR-7 网络协议

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

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

Vue Native没等到，等来了zero-native：当Vercel把Zig写进桌面应用的DNA

Vue Native没等到，等来了zero-native：当Vercel把Zig写进桌面应用的DNA
2026-06-20 12:54:37 +0800 CST view 46
深入解析Vercel Labs出品的zero-native框架：用Zig编写极轻量原生壳，复用系统WebView，实现从8MB安装包到毫秒级启动的桌面应用开发方案，与Electron/Tauri的全面对比。
zero-native Zig 桌面应用 Vercel 跨平台 WebView Electron替代

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

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

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

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

Go 标准库即将支持自动ETag：静态文件缓存终于不用手写了

Go 标准库即将支持自动ETag：静态文件缓存终于不用手写了
2026-05-21 16:30:11 +0800 CST view 233
Go团队接受提案#60940，在io/fs中新增HashFileInfo接口，让embed.FS和net/http.FileServer自动生成和校验ETag，Go 1.27起静态文件服务不再需要手动管理HTTP缓存。
Go语言标准库 ETag HTTP缓存 Go1.27 io/fs embed Web服务

WebAssembly 2.0 深度实战：当浏览器性能反超原生——从底层原理到生产级应用的完全指南（2026）

WebAssembly 2.0 深度实战：当浏览器性能反超原生——从底层原理到生产级应用的完全指南（2026）
2026-06-09 10:19:41 +0800 CST view 187
2026年 WebAssembly 2.0 正式落地，浏览器性能反超原生应用。本文深入剖析 Wasm 2.0 的 GC 原生支持、多线程、SIMD、WASI 等核心能力，通过 Rust 实战代码展示图像处理、AI 推理、边缘计算等生产级应用场景，并给出详细的性能基准测试数据。
WebAssembly WASM 2.0 Rust 性能优化多线程 GC 边缘计算 AI推理浏览器

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

WasmGC深度实战：Google Chrome全面启用的WebAssembly垃圾回收，或将重塑Web开发格局

WasmGC深度实战：Google Chrome全面启用的WebAssembly垃圾回收，或将重塑Web开发格局
2026-05-21 16:50:14 +0800 CST view 278
深入解析Google Chrome全面启用的WebAssembly垃圾回收技术WasmGC，从技术原理到实战代码，探讨其对Web开发格局的影响
WebAssembly WasmGC Chrome 浏览器性能优化

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

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

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

大家都在搜索什么？

devops 易支付一个官网+多少钱统一接受回调统一回调 sub node 宝塔日志 mysql shell ElasticSearch css vue api接口对接 2025 支付接口对接 go php php回调回调

上一页 1...41 424344 45...52 下一页