- 博客(202)
- 收藏
- 关注
RSS订阅原创 FastAPI vs 主流框架：性能、效率与生态全方位对比
直观展示 FastAPI 与 Flask、Django、Node.js 和 Go 在性能、开发效率、代码量、学习曲线和安全性等关键维度的对比。FastAPI 凭借异步支持、类型驱动开发和自动文档生成，在高性能 API 场景中脱颖而出，同时保持 Python 的简洁易用，尤其适合需要平衡开发速度与运行效率的项目。
2025-07-14 14:06:10
514
原创 FastAPI 深度解析：特性、使用与核心优势详解
以实际代码示例为核心，展示了如何用 FastAPI 快速搭建一个包含基础路由、数据模型验证、交互文档等功能的 Web 应用，涵盖从项目创建、依赖安装到运行测试的完整流程，直观呈现了 FastAPI 简洁高效、自动文档生成、类型提示支持等特性，帮助快速入门并理解其核心用法。
2025-07-14 13:59:25
986
原创 SSE（Server-Sent Events）和 MQTT（Message Queuing Telemetry Transport）
SSE（Server-Sent Events）和MQTT（Message Queuing Telemetry Transport）是两种不同的实时通信协议，适用于不同场景。SSE基于HTTP，支持服务器向客户端单向推送数据，适用于Web实时通知、仪表盘等场景，开发简单但功能有限。MQTT基于TCP/IP，采用发布/订阅模式，支持双向通信和多种服务质量等级，适合物联网设备间的低功耗、高可靠通信，如智能家居和工业监测。SSE适合快速Web开发，而MQTT更适用于大规模物联网系统。WebSocket作为全双工协议
2025-07-14 13:50:10
881
原创 HTML5 实现的圣诞主题网站源码，使用了 HTML5 和 CSS3 技术，界面美观、节日氛围浓厚。
这是一个HTML5圣诞主题网站源码，采用响应式设计，包含雪花飘落动画、圣诞树装饰和节日祝福页面。主要功能包括：动态雪花特效（JavaScript实现）、全屏背景的节日祝福语、圣诞树动画展示和响应式布局适配移动端。代码简洁易用，只需保存为index.html文件即可在浏览器中查看节日效果。网站整体设计温馨喜庆，适合节日祝福场景，还可进一步扩展添加背景音乐、倒计时等交互功能。
2025-06-30 15:20:03
435
2
原创 使用了 HTML5 和 CSS3 实现一个现代、美观的响应式个人主页。
这是一个响应式个人主页HTML5模板，包含导航栏、个人简介、技能展示、项目作品和联系方式五大模块。页面采用现代设计风格，使用CSS3实现渐变背景、技能标签、项目卡片等视觉效果。模板特点包括： 响应式布局，适配不同设备 简洁美观的UI设计 包含完整的HTML5结构和CSS样式 使用Google Poppins字体提升美观度 各功能模块清晰分区 用户可直接保存为index.html文件使用，或在此基础上修改内容创建个性化主页。
2025-06-30 15:04:49
398
原创 vue项目中纯前端实现导出pdf文件，不需要后端处理。
Vue项目可纯前端导出PDF，推荐使用html2canvas+jsPDF组合：通过截图DOM转图片再生成PDF文件。实现简单，无需后端支持。也可选用html2pdf.js一键导出，支持分页功能。注意事项包括解决图片跨域、中文乱码等问题。该方案适合导出报表、合同等内容，保留HTML结构同时支持基本样式。
2025-06-27 11:18:06
472
原创 前端如何打断点，debugger关键字使用教程
前端调试中，浏览器开发者工具和 debugger 语句是两大实用方法。通过Sources/Debugger面板可设置断点，查看变量并控制执行流程。而 debugger 语句能在代码中强制暂停，适合动态脚本调试。两者结合使用更高效，但需注意在生产环境移除 debugger 语句。掌握这些技巧能显著提升定位问题的效率。（150字）
2025-06-27 11:08:34
528
原创 前后端分离与不分离解析，很全面！
前后端分离与不分离模式在技术架构、开发流程和适用场景等方面存在显著差异。传统不分离模式依赖后端渲染，适合简单展示型网站，开发快速但扩展性差；分离模式通过API交互，前端独立开发，适合复杂交互应用，需更高协作成本但扩展性强。未来趋势倾向于分离架构结合SSR优化SEO，Serverless和低代码平台将进一步推动其发展。选择架构需根据项目类型权衡，小型静态网站可不分离，而中大型系统推荐分离模式以获得更好的可维护性和用户体验。
2025-06-27 11:08:04
1079
原创 汉字编码之GBK编码详解
GBK编码是中国大陆广泛使用的中文字符编码标准，是对GB2312的扩展，支持约21003个汉字，包括繁体字和少数民族文字。采用双字节编码结构（首字节0x81-0xFE，尾字节0x40-0xFE），完全兼容GB2312和ASCII。虽然UTF-8已成为主流，GBK仍在Windows简体中文系统、旧数据库和传统网站中广泛应用。与GB2312相比，GBK支持更多生僻字，但已被GB18030进一步取代。开发者可通过Python或在线工具进行GBK编解码操作。该编码在中文信息处理史上具有重要过渡意义。
2025-06-25 16:06:23
620
原创 前端vue2每三十秒被动接受后端服务器发送过来得数据
在Vue2中实现被动接收后端数据推送，推荐使用Server-Sent Events（SSE）。SSE适合单向定时推送（如30秒间隔），比WebSocket更简单。后端需设置SSE端点保持连接并定时发送数据；前端通过EventSource监听消息，在mounted钩子建立连接，beforeDestroy时关闭。本文提供了Node.js后端示例和Vue前端实现代码，包括消息接收、错误处理和连接管理。这种方法避免了前端主动轮询，适合需要定期更新但不需双向通信的场景。
2025-06-24 16:54:46
486
原创 在 Vue 2 中被动接收后端服务器发送的数据，而不是主动发起请求获取数据。
Vue2可以通过WebSocket或SSE(Server-Sent Events)实现被动接收后端推送数据。WebSocket适合双向通信，示例代码展示了创建连接、监听消息和关闭连接的全过程。SSE适用于单向推送，实现更简单。两种方法都需要注意安全性(使用WSS/HTTPS)、心跳检测和重连机制。WebSocket适合复杂场景，SSE适合简单通知。文中提供了两种技术的完整代码示例，涵盖连接创建、消息接收和组件销毁时的连接关闭。
2025-06-24 16:54:14
518
原创 前端如何让用户回到上次阅读的位置？
本文介绍了前端实现用户阅读位置记忆的多种方法，包括使用localStorage记录滚动位置、Vue组件级实现、章节锚点定位、浏览器原生API以及路由守卫等方案。文章从简单到高级逐步分析，推荐不同场景下的适用技术：基础场景使用localStorage+scrollY，单页应用配合Vue生命周期，多章节内容采用章节ID定位，路由系统利用scrollBehavior，高精度需求可结合阅读百分比计算。所有方案均围绕"记录-恢复"机制展开，并提供了对应代码示例，帮助开发者根据不同项目需求选择合适的
2025-06-24 16:53:02
400
原创 vue2中前端实现图片裁剪上传到服务器
在 Vue 2 中实现图片裁剪上传功能：使用 Cropper.js 进行图片裁剪，并通过 Axios 上传至服务器。关键步骤包括：1) 安装 cropperjs 和 axios 依赖；2) 创建 Vue 组件处理图片选择、预览、裁剪和上传；3) 使用 FileReader 读取图片并初始化 Cropper；4) 将裁剪后的图片转为 Blob 对象；5) 通过 FormData 和 Axios 发送至服务器。示例代码提供了完整的实现模板，包含文件选择、裁剪展示和上传按钮等必要元素。注意替换上传地址并根据需求调
2025-06-24 16:52:17
318
原创 实现 el-table 中键盘方向键导航功能vue2+vue3（类似 Excel）
本文介绍了在Element UI的el-table中实现键盘方向键导航功能的方法，适用于Vue2和Vue3版本。功能包括使用上下左右键在可编辑单元格间移动焦点，并自动定位到对应单元格。Vue2方案通过修改表格结构、添加键盘事件监听和编写焦点控制逻辑实现；Vue3方案则利用Composition API优化代码结构。两种方案都提供了完整的代码示例，包括表格模板定义、焦点移动算法和元素引用管理，实现类似Excel的便捷编辑体验。
2025-06-23 16:26:07
735
原创 当凌晨的键盘声，遇见黎明的星光
当你发现有人和你一样，在深夜为某个技术难题抓耳挠腮，为某个功能实现欢呼雀跃，那份共鸣会像冬日的热可可，瞬间温暖你的心。深夜加班时，办公室只剩你工位的灯还亮着。这是你每天雷打不动的三小时通勤路，从城市边缘到写字楼林立的 CBD，窗外的风景换了四季，而你始终困在摇晃的车厢里，困在日复一日的代码世界。请相信，总有一天，你会站在更高处，笑着对现在迷茫的自己说：“看，我没放弃，所以我等到了黎明。
2025-06-23 15:00:24
327
原创 代码之外，自有星光
凌晨两点的台灯下，你盯着屏幕上跳动的代码，键盘敲击声与窗外零星的车鸣构成城市的夜曲。这样的场景，或许已经成为你生活的常态。你会发现，知识的积累如同复利，看似缓慢，却能在未来的某一天，给你带来意想不到的回报。当你沉浸在自己热爱的事物中时，会感受到一种纯粹的快乐，这种快乐能治愈生活中的疲惫与无奈。每一次代码的优化，每一个 BUG 的解决，都是你技术能力的沉淀。但请相信，此刻的倦怠，正是内心发出的求救信号，它在提醒你：是时候做出改变了。
2025-06-23 14:59:53
397
原创 Vue3的Vapor模式有哪些优缺点？
Vue3 的 Vapor 模式通过直接操作真实 DOM 提升性能，具有编译时优化、轻量级、兼容现有代码等优点，尤其适合高频更新场景。但也面临生态适配、调试复杂、适用场景受限等挑战。作为实验性特性，还存在稳定性和学习曲线问题。开发者需权衡性能需求与开发成本，谨慎选用。
2025-06-16 16:10:16
242
原创 2025 年前端开发技术变革与展望
2025年前端开发趋势报告显示：主流框架持续创新，React凭借Server Components优化性能，Vue保持轻量灵活优势，Angular强化企业级支持，Svelte凭借高效编译崭露头角。构建工具Vite取代Webpack成为新宠，Tailwind CSS主导样式开发，Zustand替代Redux成为状态管理首选。前沿技术方面，SSR/SSG成为标配，微前端架构兴起，AI驱动开发重塑流程，MACH架构引领行业变革。开发者需掌握TypeScript、SSR/SSG和AI工具，关注跨平台与模块化开发，以
2025-06-16 16:09:40
1064
原创 各类前端开发的框架比较及其核心特性、开发体验、生态系统以及在不同项目中的适用性
前端开发框架多种多样，每种框架都有其独特的优势和局限性。以下是几种流行的前端框架及其特点、优缺点和适合的项目类型介绍：包括它们的核心特性、开发体验、生态系统以及在不同项目中的适用性。
2025-04-25 10:54:15
525
原创 js鼠标拖拽 修改el-table表格顺序 vue2 + element-ui js
在 Vue 2 和 Element UI 中，如果你想要通过鼠标拖拽来修改el-table的顺序，可以使用库来实现。
2025-04-11 10:08:29
651
原创 VUE的node包缓存很严重，问题及解决办法
以下是一些可能导致缓存问题的地方以及如何检查和解决这些问题的建议：某些依赖包可能有已知的缓存问题或性能问题。以下是需要特别注意的几个包：Vue CLI 默认会启用 Webpack 的持久化缓存功能，这通常可以加快构建速度，但如果缓存损坏，可能会导致问题。清除缓存：如果问题仍然存在，可以手动删除 文件夹。在开发模式下， 会使用 Webpack Dev Server 来提供热更新功能。如果缓存出现问题，可能会导致页面无法正确刷新。强制禁用浏览器缓存： 在中添加以下配置：4. 检查第三方库的缓存行
2025-04-11 10:07:41
909
原创 如何保证同源策略的安全性？
同源策略（Same-origin Policy, SOP）是浏览器实施的一种关键安全机制，旨在防止不同源的网页之间的恶意交互。通过限制一个源上的文档或脚本如何与另一个源上的资源进行交互，SOP保护用户免受各种网络攻击，如跨站请求伪造（CSRF）、跨站脚本攻击（XSS）等。
2025-02-26 13:47:07
316
原创 如何备份和恢复CSP策略？
内容安全策略（CSP）本身并不直接提供备份和恢复的功能，因为它主要是通过HTTP头部或HTML中的<meta>标签来配置的。但是，你可以通过管理和维护你的服务器配置、应用代码或者使用的任何自动化工具来间接实现CSP策略的备份和恢复。
2025-02-26 13:45:03
615
原创 如何配置CSP？
首先，你需要定义一个适合你网站需求的CSP策略。这通常通过HTTP头部来完成。: 指定默认加载策略，适用于未明确指定策略的所有资源类型。script-src: 指定允许加载脚本文件的来源。style-src: 指定允许加载样式表的来源。img-src: 指定允许加载图片的来源。: 限制可以从页面或应用发出的连接类型（如AJAX请求、WebSockets）。font-src: 指定允许加载字体的来源。object-src: 指定允许加载插件（如Flash）的来源。media-src。
2025-02-26 13:43:29
776
原创 如何设置HTTPOnly和Secure Cookie标志？
设置HttpOnly和Secure标志于Cookie中是增强Web应用安全性的重要措施。这两个标志帮助防止跨站脚本攻击（XSS）和中间人攻击（MitM）。
2025-02-26 13:42:54
1556
原创 iframe内嵌的页面可能修改样式嘛
指向的是外部域名下的资源时，由于同源策略（Same-origin Policy）的安全限制，你不能访问或修改该。（内联框架）用于在当前页面中嵌入另一个HTML页面。内的页面样式是独立的，通常无法直接通过父页面的CSS来修改。内嵌页面的样式主要取决于安全策略以及你对。但是，有几种情况可以让你间接地影响。内部的内容样式，特别是当。
2025-02-26 13:42:00
1157
原创 数组合并，要将第一个数组的值依次赋给第二个数组。
字段，可以使用多种编程语言来实现。注意这里有一个检查确保我们不会尝试访问超出。的值依次赋给第二个数组对象中的。长度的元素，以防出现意外错误。这段代码首先定义了两个数组。
2025-02-20 09:23:25
165
原创 js如何直接下载文件流
注意：确保替换’你的文件URL’和’你想要设置的文件名’为你实际的文件URL和期望的文件名称。如果服务器端设置了正确的Content-Disposition头部，那么download属性可能不是必需的，因为浏览器会根据服务器返回的响应头自动命名文件。在JavaScript中直接处理文件下载，尤其是在处理文件流的情况下，通常涉及到使用fetch API或者XMLHttpRequest来获取文件流，并通过创建一个临时的。接着创建一个临时的URL指向这个blob对象，并通过动态创建的。
2025-02-20 09:21:52
726
原创 有哪些常见的 Vue 错误？
组件名称大小写敏感问题：当注册组件时，确保遵循正确的命名规范，并且在使用时保持一致。解决方案：通常情况下，组件名应采用 kebab-case (如) 或 PascalCase (如)，具体取决于你选择的风格指南。
2025-01-22 10:07:50
1024
原创 vue 数据双向绑定无效 明明值修改了 页面却没有变化
在 Vue.js 中，数据双向绑定通常通过 `v-model` 指令来实现。如果你修改了数据但页面没有更新，可能是因为以下几个原因之一：
2025-01-22 10:07:15
1086
原创 js能不能清楚浏览器缓存？
请注意，直接清除用户的整个浏览器缓存（包括所有网站的缓存）是无法通过 JavaScript 实现的，因为这涉及到用户隐私和安全问题，而且这样的行为也不符合最佳实践。如果你的目标是让用户看到最新版本的网页或资源，那么建议采用上述的方法之一。JavaScript 本身并没有直接清除浏览器缓存的 API。但是，你可以使用一些间接的方法来促使浏览器刷新缓存或在某些情况下模拟清除缓存的行为。
2025-01-22 10:06:41
760
原创 哪些前端打印插件可以实现监听用户选择了打印还是取消
遗憾的是，目前没有前端插件可以直接监听到用户选择了打印还是取消，因为这是由浏览器的安全模型所限制的。如果你需要更加可靠的打印确认机制，可能需要考虑其他解决方案，比如服务器端生成文档或者利用特定硬件的API（如果适用）。对于大部分场景来说，使用和afterprint事件，或者是matchMediaAPI 来做简单的监听已经足够。
2025-01-18 11:19:43
842
原创 网络安全防护措施有哪些？
网络安全防护措施是一个综合性的策略，旨在保护网络及其资源免受未经授权的访问、攻击和滥用。这些措施可以分为技术性、管理性和物理性三类。
2025-01-18 09:07:34
1452
原创 如何设置HSTS和OCSP Stapling？
设置HSTS（HTTP Strict Transport Security）和OCSP Stapling可以增强你的HTTPS网站的安全性。下面是如何在Apache和Nginx中配置这两项功能的指南。
2025-01-18 09:01:10
419
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人