全部内容
Vue.js 项目中 Mock 数据的三种实现方案

本文详解在 Vue.js 开发中如何使用 Mock 数据替代真实 API。内容涵盖使用 MockJS 生成假数据、通过 Vue CLI devServer 配置拦截请求,以及利用 json-server 搭建本地 REST API。同时介绍 axios 请求封装及调试技巧,帮助前端独立于后端进行高效开发与测试。

10.31
热度 316
Three.js 动态更新 Canvas 纹理完整教程

本文详细介绍如何在 Three.js 三维场景中利用 Canvas 动态生成图像,并将其作为纹理实时更新到模型表面。通过初始化渲染器、场景、相机及光源,结合 Canvas 动画绘制,实现火焰等动态效果的纹理映射。文章提供完整代码逻辑与关键步骤解析,帮助开发者掌握动态纹理的应用技巧。

10.31
热度 149
Node.js中间件详解:原理、分类与实战应用

本文深入解析Node.js中的中间件机制,涵盖其定义、全局与局部中间件的区别及注册方式。详细阐述中间件的执行顺序、next()函数的作用、对象共享机制及错误处理规范,并通过JSON解析、身份验证及自定义响应头示例,展示中间件在构建高效Web应用中的核心作用。

10.31
热度 618
PostCSS-pxtorem 自适应布局配置与注意事项

本文详细介绍 postcss-pxtorem 插件在自适应布局中的使用步骤。涵盖插件安装、.postcssrc.js 配置参数详解、rem.js 动态根字体大小计算逻辑以及 main.js 引入方式。重点解析标签属性与 style 属性在 px 转换时的差异,帮助开发者避免常见适配问题。

10.31
热度 491
Vue3实现中英文切换:vue-i18n配置与动态加载详解

本文详细介绍如何在Vue 3项目中利用vue-i18n库实现中英文界面切换。内容涵盖库的安装、主文件配置、组件内使用方法,以及通过动态导入按需加载语言包以提升性能的技巧,帮助开发者快速构建多语言应用。

10.31
热度 76
Vue 3 实现关键字高亮显示的代码示例

本文介绍如何在 Vue 3 结合 TypeScript 的环境中实现类似搜索引擎的关键字高亮功能。通过定义正则表达式匹配输入内容,利用 replace 方法将匹配到的文本包裹在带有特定 class 的 span 标签中,并结合 v-html 渲染及 CSS 样式设置,最终实现文字高亮显示效果。

10.31
热度 341
前端实现PDF导出与Office文件在线预览方案汇总

本文梳理了前端实现PDF文件导出及Office文档在线预览的主流技术方案。涵盖pdfmake、jsPDF、html2pdf等纯前端PDF生成库的使用场景与对比,详解利用pdf.js进行PDF渲染、docx-preview处理Word文档、exceljs结合handsontable展示Excel数据,以及SheetJS和PPTXjs处理电子表格与演示文稿的方法,并补充了基于微软和谷歌API的通用预览接口。

10.31
热度 444
JavaScript 使用 pdf.js 提取 PDF 文字与图片

本文介绍如何利用 JavaScript 和 pdf.js 库在 Web 端提取 PDF 文档中的文字与图片。通过调用 pdfjsLib 相关 API,可实现页面文本获取及图像对象解析,为 PDF 转 Word 等文档处理提供基础思路。

10.31
热度 573
前端实现文件下载的几种常用方式总结

本文总结前端实现文件下载的几种常用方式,包括后端直接提供地址、Blob对象处理二进制流、fetch请求结合URL.createObjectURL生成临时链接,以及通过XMLHttpRequest和axios获取响应并触发下载。重点解析Blob属性、同源与跨域下载限制及内存释放机制,提供完整代码示例与注意事项。

10.31
热度 326
JavaScript 加载与导出 3MF 文件完整指南

本文详细介绍如何在 JavaScript 环境中使用 3mf-js 和 three.js 库加载及导出 3MF 文件。内容涵盖 3MF 格式结构解析、依赖安装、通过 fetch API 加载模型数据、利用 Model 类进行读写操作,以及生成 Blob 触发下载的具体代码示例与注意事项。

10.31
热度 644
前端JS跨域问题详解:CORS、JSONP与代理方案全解析

本文深入解析前端开发中常见的跨域问题及其解决方案。首先阐明浏览器同源策略对DOM、Cookie及Ajax的限制,随后详细对比CORS(含简单与复杂请求处理)、JSONP(基于Script标签的回调机制)以及代理服务器(Node.js中间件、Nginx及Vite配置)三种主流跨域解决方式,帮助开发者根据实际场景选择最优策略。

10.31
热度 264
JavaScript状态模式实战:从电灯控制到文件上传

本文详细解析JavaScript中的状态模式,通过电灯开关和文件上传两个实际案例,展示如何将复杂的状态逻辑封装为独立类。文章指出了传统条件分支代码的缺陷,并演示了如何利用状态模式简化代码结构、提高可维护性,同时探讨了抽象父类在状态模式中的关键作用。

10.31
热度 292

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署