- 博客(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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅