前端开发
Webpack文件指纹详解:Hash、Chunkhash与Contenthash的应用

本文详解Webpack中文件指纹的三种类型:Hash、Chunkhash和Contenthash。通过对比它们的作用范围与适用场景,分别给出JS、CSS及图片文件在Webpack配置中的具体实现方案,帮助开发者优化缓存策略。

10.26
热度 175
Vue集成jsbarcode与qrcodejs2生成及打印条形码二维码

本文介绍在Vue项目中如何使用jsbarcode和qrcodejs2库生成条形码与二维码。详细列出安装引入步骤、参数配置及DOM操作代码。重点解决打印时因重复实例化导致的二维码叠加问题,提供通过移除子节点实现打印前清理的解决方案。

10.26
热度 77
Webpack 5 中 output.publicPath 与 devServer.publicPath 的区别与配置

本文详细解析Webpack 5中output.publicPath与devServer.publicPath的配置差异。output.publicPath决定打包资源在HTML中的引用路径,影响本地直接打开或CDN部署;devServer.publicPath指定开发服务器提供的资源前缀。两者需保持一致,否则会导致开发环境下资源加载404错误。

10.26
热度 261
Vue项目中EventBus全局挂载与通信实现详解

本文详解Vue项目中EventBus的实现流程,涵盖全局挂载、事件注册及触发三个核心步骤。通过在beforeCreate钩子中实例化并绑定原型,实现跨组件通信。结合flow与dataD页面示例,展示动态事件名注册与$emit触发的具体代码用法。

10.26
热度 543
JavaScript URLSearchParams 对象用法与封装实践

本文介绍 JavaScript 中 URLSearchParams 对象的基本用法,包括通过字符串、数组或对象初始化查询参数。详细解析 has、get、set 等核心 API,并演示如何在 React 项目中封装工具函数,将对象转换为 URL 查询字符串以优化链接生成。

10.26
热度 142
Next.js 服务器端渲染实战:getServerSideProps 详解与示例

本文深入解析 Next.js 中的 getServerSideProps 函数,阐述其如何通过服务器端预渲染生成静态 HTML,从而提升页面加载速度、优化搜索引擎抓取并允许使用服务端代码。通过包含随机事实 API 调用、查询参数处理及操作系统信息获取的完整代码示例,展示 SSR 的实际应用与客户端/服务端日志差异。

10.26
热度 266
Vue项目中通过axios封装this.$get/$post等全局方法

本文详解在Vue项目中如何基于axios封装全局HTTP请求方法。通过定义install方法,将封装好的http模块注册为Vue插件,从而在组件中直接使用this.$get、this.$post、this.$put、this.$del及this.$fetch进行数据交互,并支持配置超时与拦截器。

10.26
热度 387
Vue项目中moment.js常用方法详解与使用指南

本文详细介绍在Vue项目中如何使用moment.js库。涵盖全局挂载与单组件引入两种方式,演示日期初始化、格式化输出、加减运算、获取星期及毫秒数等基础操作。重点解析时间差计算、毫秒转时分秒、日期区间判断(isBetween)及前后比较(isBefore)的高级用法,提供完整代码示例与注意事项。

10.26
热度 621
Node.js+Express+Vue+MySQL+axios全栈项目搭建与跨域配置详解

本文详细记录了基于Node.js、Express、Vue、MySQL和axios的全栈项目搭建全过程。内容涵盖Vue脚手架安装、后端server目录结构配置、数据库连接与路由设置、前端界面开发,以及解决前后端端口不一致导致的跨域问题。通过配置proxy代理和axios全局注册,实现了前后端数据的有效交互与测试。

10.26
热度 597
解决React报错Functions are not valid as a React child

本文详细解析了React中“Functions are not valid as a React child”报错的原因及解决方案。主要涉及在render方法中错误返回函数引用而非组件实例,以及在React Router中Route组件的element属性使用不当。通过调用函数和使用正确的JSX语法即可修复该问题。

10.26
热度 555
TypeScript 异步函数 Promise 使用方式

本文详细讲解 TypeScript 中异步函数 Promise 的使用方式,涵盖对象类型、接口、数组、函数类型及泛型等基础概念,并结合 React 高阶组件、事件对象类型及 useRef 泛型应用,提供完整的类型定义与错误处理示例。

10.26
热度 449
React封装弹出框组件的方法

本文介绍在React项目中封装自定义Alert弹出框组件的实现方案。通过TypeScript定义接口,利用Emotion进行CSS-in-JS样式控制,并封装AlertList类以支持函数式调用。代码展示了如何动态创建DOM节点、管理弹窗状态列表及实现自动关闭逻辑,适用于需要统一交互反馈的前端场景。

10.26
热度 93

标签目录

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 应用部署