自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 js文件导入

,若文件为其他编码(如 GBK),需指定对应编码(但浏览器对非 UTF-8 编码支持有限,复杂场景需用库处理)。根据文件类型(JSON/CSV/TXT)解析文本内容为 JavaScript 可处理的数据结构(对象、数组等)。前端校验可快速反馈错误,减少无效的文件解析操作(但不能替代后端校验,因前端可被绕过)。对象的二进制内容,转换为文本格式(因 JSON、CSV、TXT 均为文本文件)。可实现前端对文本类文件的解析,复杂格式(如 Excel)需结合专门的解析库。解析,注意捕获语法错误(如格式错误)。

2025-10-15 15:47:16 1001

原创 js文件导出

首先需要确定要导出的内容(如文本、JSON、二进制数据等),并将其转换为Blob对象(Blob是二进制大对象,可存储任意类型数据)。Blob是浏览器中处理二进制数据的容器,通过它可以统一管理要导出的内容,并指定文件的 MIME 类型(用于浏览器识别文件格式)。调用方法,生成一个指向Blob对象的临时 URL。Blob<a>href<a>动态创建一个隐藏的<a>标签,设置其href为步骤 2 生成的临时 URL,并指定download属性(用于设置下载文件名)。

2025-10-13 17:37:40 414

原创 js闭包全网最详细讲解

闭包是指一个函数能够“记住”并访问其词法作用域(Lexical Scope)中的变量,即使这个函数在其定义的作用域之外被调用。换句话说,闭包是一个函数及其词法环境的组合,允许函数保留对其外部作用域变量的访问权限。

2025-07-06 19:38:58 1638

原创 js函数详细讲解

函数是一段可重复使用的代码块,封装了特定功能,可以通过调用执行。函数通常接受输入(参数),执行逻辑,并返回输出(返回值)。在 JavaScript 中,函数是一等公民,可以像变量一样被赋值、传递或返回。

2025-06-23 19:41:47 1760

原创 JavaScript基础:二、条件语句、循环语句

条件语句用于根据指定条件执行不同的代码块。if 语句(包括 if, else if, else)switch 语句三元运算符(虽然严格来说是表达式,但常用于简单条件判断)这些语句通过评估布尔表达式(结果为 true 或 false)来决定执行哪段代码。循环语句用于重复执行一段代码,直到满足某个条件。for 循环:适合已知循环次数的场景。while 循环:适合条件驱动的循环。do...while 循环:至少执行一次的条件驱动循环。for...in 循环:用于遍历对象属性。for...of 循环。

2025-06-22 21:32:50 854

原创 Javascript基础:一、变量、数据类型、运算符、表达式

除了基本数据类型外,JS 还有引用数据类型(如 Object、Array、Function 等)。引用类型存储在堆中,变量保存的是引用地址。// 对象// 数组// 函数表达式是产生值的代码片段,可以是单一的值、变量、运算符组合等。表达式总是返回一个值(可能是基本类型、对象或 undefined)。示例5 // 常量表达式,值为 5x // 变量表达式,值为 x 的值2 + 3 // 算术表达式,值为 5x > 0 // 比较表达式,值为 true 或 falsex > 0?

2025-06-20 20:39:20 454

原创 JS发展史

Node.js 不断更新和优化,引入了新的特性,如对 ES 模块的支持、更好的性能优化等。:ECMAScript 每年都会发布新的版本,持续引入新特性,如 ES7 的指数运算符、ES8 的 async/await、ES9 的 rest/spread 属性等,使得 JavaScript 语言不断进化,适应现代开发的需求。:ECMA 发布了 ECMAScript 1,这是 JavaScript 的第一个标准版本,为 JavaScript 的发展提供了一个共同的规范,确保了不同浏览器之间的一致性。

2025-06-19 20:32:35 696

原创 Hook全面讲解

概念:自定义 Hook 是一种可以让你在不同的组件之间共享逻辑的机制。你可以将相关的逻辑封装在一个函数中,然后在需要的组件中调用这个函数,就像使用普通的 Hook 一样。基本用法自定义 Hook 的名称通常以use开头,以表明它是一个 Hook。// 获取本地存储的值,如果没有则使用初始值try {});// 更新本地存储的值try {// 使用自定义 Hookreturn (<div></div>在这个例子中,

2025-06-18 21:56:59 2054 1

原创 react受控组件和非受控组件详细讲解

非受控组件是指表单元素的值不由 React 状态控制,而是直接从 DOM 中读取值的组件。受控组件是指表单元素的值由 React 状态(State)控制的组件。在这种情况下,表单元素的值始终与 React 状态保持同步。受控组件的值始终由 React 状态决定,不会直接从 DOM 中读取值。:输入框的值会实时更新到 React 状态中,并在页面上显示。表单元素的值变化不会触发 React 状态更新。表单元素的值不通过 React 状态管理。需要将表单数据与其他组件的状态同步。

2025-06-17 21:28:47 732 1

原创 react组件、生命周期、Hook的讲解

React组件的详细讲解

2025-06-16 20:53:33 673 1

原创 jsx语法转化为js对象的过程

react中jsx语法转换成js对象的详细过程

2025-06-15 21:46:26 760 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除