15年，专注软件定制开发

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

Vue 3 中的 Fragments 是什么？

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

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

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

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

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

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

Vue 3 路由守卫详解与实战

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

任务管理工具的HTML

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

php获取当前域名

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

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

20个超实用的CSS动画库
2024-11-18 07:23:12 +0800 CST view 549
本文介绍了20个超实用的CSS动画库，适用于Web项目，提供多种动态效果。这些库大多数生成纯CSS代码，无需外部依赖，涵盖了加载动画、悬停效果、文本动画等，帮助开发者快速集成和提升用户体验。无论是构建交互效果还是丰富页面展示，这些工具都能为项目注入活力。
前端开发动画 Web设计用户体验

Python 基于 SSE 实现流式模式

Python 基于 SSE 实现流式模式
2025-02-16 17:21:01 +0800 CST view 376
本文介绍了如何使用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 384
本文介绍了如何使用uniapp实现H5端向App端的通信，解决WebView嵌套问题。通过在App端的webview组件接收消息和在H5端使用postMessage发送消息，用户可以在支付成功后顺利返回App端的订单列表页。此方法有效避免了WebView的嵌套问题，确保了通信的顺畅。
开发技术移动应用 Web开发

智能视频墙

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

Go 语言中的万能 HTTP 工具：Resty 客户端全面指南

Go 语言中的万能 HTTP 工具：Resty 客户端全面指南
2024-11-18 20:28:55 +0800 CST view 862
在现代Web开发中，HTTP请求和响应是不可避免的组成部分。Go语言的`go-resty/resty`库提供了一个强大且简洁的解决方案，使得编写HTTP请求变得更加方便。本文介绍了Resty的安装、使用、常见请求类型、JSON响应处理、文件上传与下载、超时与重试机制、中间件、上下文支持、代理与认证、Cookie管理等功能，适合需要处理HTTP请求的开发者。
Web开发 Go语言 HTTP客户端

使用 LangChainGo + Gin 实现流式 AI 问答系统

使用 LangChainGo + Gin 实现流式 AI 问答系统
2025-03-09 22:26:15 +0800 CST view 347
本文介绍了如何使用LangChainGo和Gin框架结合Ollama大语言模型实现一个流式AI问答系统。通过流式响应，用户可以实时接收AI的回答，提升体验。文章详细描述了后端实现步骤，包括项目创建、代码编写及使用curl进行测试，最后展示了简单的前端实现。完整代码已开源，鼓励读者改进和扩展。
AI 编程 Web开发流式处理后端开发

PHP来做一个短网址(短链接)服务

PHP来做一个短网址(短链接)服务
2024-11-17 22:18:37 +0800 CST view 495
本教程介绍了如何使用PHP创建一个短网址服务，包括短链接的定义、优点、数据库设计、PHP代码实现及伪静态规则。用户可以通过简短的链接访问长网址，并记录访问数据。教程还提供了代码示例，展示了如何处理表单提交和生成短网址，适合需要简化链接分享和管理的开发者。
编程 Web开发 PHP 数据库短链接服务

响应式设计已死？流体布局才是未来！

响应式设计已死？流体布局才是未来！
2025-03-12 18:30:00 +0800 CST view 260
流体布局是一种Web设计方法，通过使用相对单位（如百分比、em、rem）使页面元素随屏幕大小动态调整，提供更好的用户体验。与传统固定布局相比，流体布局无需手动调整代码，自动适应不同屏幕，提升移动端体验和SEO排名，同时加快页面加载速度，是未来Web设计的核心趋势。
Web设计前端开发用户体验

如何实现PC打开是Web应用、手机打开是H5应用
2024-11-18 21:30:23 +0800 CST view 813
本文讨论了如何通过同一个链接在PC和移动设备上展示不同的应用。介绍了三种实现方式：1)服务器端逻辑，通过解析User-Agent返回不同内容；2)客户端JavaScript，动态加载不同资源；3)响应式设计，使用CSS媒体查询适配不同设备。提供了相关的示例代码，帮助开发者选择合适的实现方式。
Web开发前端技术响应式设计 JavaScript 服务器端编程

Chrome 最新事件处理 API 来了，addEventListener 要凉凉了？

Chrome 最新事件处理 API 来了，addEventListener 要凉凉了？
2025-03-16 08:54:19 +0800 CST view 241
Chrome团队推出的ObservableAPI可能会使addEventListener成为历史。它简化了事件处理，避免了嵌套回调和内存泄漏，提供了更优雅的异步事件处理方式。通过简洁的代码示例，ObservableAPI显示了其在实时搜索、即时通讯和防抖功能等场景中的强大应用。作为浏览器原生支持的标准，ObservableAPI代表了前端开发的未来方向。
前端技术 JavaScript Web开发 API 异步编程

JavaScript 实现访问本地文件夹

JavaScript 实现访问本地文件夹
2024-11-18 23:12:47 +0800 CST view 854
本文介绍了如何使用JavaScript访问本地文件夹的功能，利用新的API`showDirectoryPicker`，用户可以选择文件夹并读取其中的文件。提供了示例代码，展示了如何处理目录和读取文件内容，同时考虑了用户隐私问题。
编程 Web开发 JavaScript 文件处理

一个安全支付表单的HTML结构和样式

一个安全支付表单的HTML结构和样式
2025-03-18 17:39:01 +0800 CST view 231
该文本描述了一个安全支付表单的HTML结构和样式，使用Bootstrap框架和FontAwesome图标。表单包括卡持有人姓名、卡号、过期日期和CVV字段，并实现了实时验证功能。JavaScript用于处理表单提交和验证逻辑，确保用户输入有效。整体设计注重用户体验和安全性。
支付前端开发 Web设计

PHP中使用PDO和mysqli实现MySQL数据的分页

PHP中使用PDO和mysqli实现MySQL数据的分页
2024-11-18 16:01:42 +0800 CST view 518
本文介绍了在PHP中使用PDO和mysqli实现MySQL数据的分页处理技术，强调了分页在展示大量数据时的重要性。通过示例代码，展示了如何使用LIMIT和OFFSET进行数据分页，并提供了处理超过2000字文章的分页展示方法，旨在提高页面加载速度和用户体验。
编程数据库 Web开发 PHP 用户体验

前端中的 File 和 Blob 两个对象到底有什么不同

前端中的 File 和 Blob 两个对象到底有什么不同
2024-11-18 14:50:11 +0800 CST view 533
本文详细介绍了JavaScript中的File和Blob对象的区别与应用。Blob用于表示不可变的二进制数据，适合处理大型文件，而File是Blob的子类，包含文件的元数据。通过示例代码，展示了如何创建、读取和上传Blob和File对象，以及它们在实际应用中的使用场景。
JavaScript 前端开发文件处理数据结构 WebAPI

上一页 1...7 8910 下一页