前端开发
Mock.js安装与使用:实现前后端并行开发

本文详细介绍Mock.js在Vue项目中的安装与配置方法。通过拦截Ajax请求并返回模拟数据,Mock.js帮助前端在接口未就绪时进行并行开发。内容涵盖Mock.mock的四种调用形式、数据模板定义规范(DTD)及占位符使用,助力提升开发效率。

10.26
热度 527
Webpack打包中Hash、Chunkhash与Contenthash的区别详解

本文详细解析Webpack打包生成的三种Hash值:全局Hash、分组Chunkhash与内容Contenthash。通过多入口文件配置示例,对比修改单个文件时三种策略对缓存失效的影响,帮助开发者根据实际需求选择最优的文件命名策略以优化浏览器缓存。

10.26
热度 172
JavaScript逆向工程实战:加密参数分析与Chrome调试技巧

本文总结JavaScript逆向调试的实用技巧,以某音PC端视频列表接口为例,深入解析_signature参数的生成逻辑,涵盖MD5、Base64及进制转换等常见加密手段。同时详细介绍利用日志插桩、变量压缩工具v_jstoools以及堆栈和XHR断点等Chrome调试方法,帮助开发者高效定位复杂算法。

10.26
热度 365
Three.js+React制作3D梦中海岛效果

本文基于React与Three.js技术栈,详细解析3D海岛场景的构建过程。内容涵盖Water与Sky类的参数配置、Shader着色器与ShaderMaterial的使用、Tone Mapping渲染效果设置,以及利用Raycaster实现交互点遮挡检测,帮助开发者掌握3D场景核心知识点。

10.26
热度 208
vue-cli3中main.js使用console.log报错及输出无效问题排查

本文解决vue-cli3项目中main.js使用console.log报错的问题,指出这是由于ESLint代码检查机制导致的提示,通过改用window.console.log()即可规避。同时总结控制台输出无效的两类常见原因:一是data属性拼写错误误写为date,二是浏览器开发者工具的消息面板被意外关闭,提供对应排查方法。

10.26
热度 335
深入解析 React 浅比较机制与源码实现

本文深入解析 React 源码中的 shallowEqual 函数,揭示其基于 Object.is 的浅比较机制。通过拆解源码逻辑,详细阐述了对原始类型、引用类型及复杂结构的处理流程,并总结了空对象与数组等价性等关键特性,帮助开发者理解 React 性能优化的底层原理。

10.26
热度 171
JavaScript常用Hook脚本实战:从基础断点到高级绕过

本文系统梳理JavaScript常用Hook脚本,涵盖DOM事件、网络请求、定时器及调试器绕过等场景。通过重写原型方法、使用Proxy代理及动态注入代码,实现对createElement、XMLHttpRequest、eval等关键API的监控与拦截。内容包含webpack模块提取、反调试检测(如F12屏蔽、debugger检测)的应对策略,为前端逆向与安全分析提供实用代码示例。

10.26
热度 445
TypeScript 与 JavaScript 核心区别及选型指南

本文深入解析 TypeScript 与 JavaScript 的核心差异。TypeScript 通过静态类型检查和面向对象特性,显著提升大型项目的代码质量、重构效率及团队协作能力;而 JavaScript 凭借社区庞大、学习曲线平缓及原生浏览器支持,在小规模项目中仍具灵活优势。文章对比了两者在生产力、维护性及适用场景上的表现,为开发者提供选型参考。

10.25
热度 94
Vue中使用Mock.js模拟后端数据及请求流程

本文详细介绍在Vue项目中如何利用Mock.js生成假数据以支持前端页面开发。内容涵盖安装依赖、创建Mock配置文件、封装Axios请求实例以及如何在组件中调用模拟接口,帮助前端在后台接口未就绪时独立进行页面逻辑调试与开发。

10.25
热度 182
Next.js 搭建 Monorepo 组件库文档实现详解

本文详解如何利用 Next.js 结合 pnpm 搭建 Monorepo 架构的组件库文档。通过集成 MDX 实现 Markdown 与 React 组件的动态渲染,利用 SWC 提升构建性能,并借助 changesets 自动化管理包版本与发布流程。

10.25
热度 661
JavaScript实现按钮点击复制输入框与表格内容

本文介绍如何使用JavaScript通过按钮点击实现复制功能。针对INPUT表单,利用getElementById获取元素并调用select与execCommand方法;针对TABLE表格,通过createTextRange定位元素范围后执行复制。代码示例展示了两种不同DOM操作方式的具体实现步骤。

10.25
热度 570
Vue项目中利用Canvas API进行图形与图片绘制详解

本文介绍如何在Vue项目中利用HTML5 Canvas API进行图形绘制与图片处理。内容涵盖获取画布上下文、设置画笔属性、绘制三角形、矩形、圆形及组合图形,并演示如何将现有图片资源或接口返回的图片绘制到Canvas上,适用于移动端海报生成等场景。

10.25
热度 346

标签目录

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