- 博客(30)
- 收藏
- 关注
RSS订阅原创 ES6从入门到精通：重难点
摘要：ES6核心特性包括块级作用域（let/const）、箭头函数、解构赋值、模板字符串、模块化、Promise异步处理、Class语法糖、迭代器与生成器、Proxy与Reflect。重点解析了this绑定、异步控制、模块循环引用等难点，建议使用箭头函数固定this，用async/await优化异步流程，避免循环依赖。同时指出深度克隆需特殊处理，装饰器仍处提案阶段。这些特性显著提升JavaScript开发效率与代码质量。（150字）
2025-07-02 11:55:10
441
原创 ES6从入门到精通：常用知识点
ES6核心特性摘要：引入let/const实现块级作用域，箭头函数简化this绑定，模板字符串支持变量嵌入。解构赋值提取数据，默认参数优化函数调用，扩展运算符(...)方便数据合并。Promise管理异步操作，模块化(import/export)组织代码，class语法规范面向对象编程。迭代器/生成器(Symbol.iterator/yield)提供自定义遍历方案。这些特性显著提升JavaScript开发效率与代码可维护性。
2025-07-02 11:53:13
409
原创 ES6从入门到精通：其他特性
ES6新特性摘要：ES6引入了模块化系统（import/export）、箭头函数（简洁this绑定）、模板字符串（多行插值）、解构赋值（数组/对象提取）、扩展运算符（...操作符）、类语法（简化继承）、Promise（异步处理）、Set/Map（新数据结构）、迭代器/生成器（自定义迭代）以及Proxy/Reflect（元编程能力）。这些特性显著提升了JavaScript的代码组织、异步处理和数据结构能力，使开发更高效。150字完整呈现ES6核心改进。
2025-07-02 11:46:08
546
原创 ES6从入门到精通：新数据类型
ES6引入的新数据类型显著增强了JavaScript的功能。Symbol创建唯一标识符，解决属性名冲突；BigInt支持大整数运算；Map/Set优化键值对和集合操作，比传统对象更高效；WeakMap/WeakSet通过弱引用避免内存泄漏。这些类型扩展了JS的表达能力，如用Symbol实现私有属性、Map缓存计算结果等，提升了代码性能和健壮性。使用时需注意类型特性，如BigInt需显式转换、Symbol不可枚举等。
2025-07-02 11:44:22
427
原创 ES6从入门到精通：Proxy与Reflect
Proxy 是 JavaScript 中用于创建对象代理的机制，可以拦截和自定义对象的基本操作（如属性读写、函数调用等）。通过 new Proxy(target, handler) 创建代理，其中 handler 对象定义了拦截行为。常见拦截操作包括 get、set、has 和 deleteProperty 等。Reflect 提供了与 Proxy 拦截操作对应的静态方法，简化操作并实现默认行为。Proxy 可用于数据校验、日志记录和惰性初始化等场景。需要注意的是，代理后方法内的 this 可能指向代理对象
2025-07-02 11:42:19
459
原创 ES6从入门到精通：Symbol与迭代器
摘要：ES6引入的Symbol是一种表示唯一值的原始数据类型，适合作为对象属性键以避免冲突。文章介绍了Symbol的基本用法、内置值（如Symbol.iterator）及其应用场景，包括实现类的私有成员和定制对象行为。同时阐述了迭代器协议与可迭代协议，说明如何通过生成器简化迭代器实现，以及如何自定义可迭代对象。Symbol与迭代器结合使用，为JavaScript提供了强大的元编程能力，如自定义对象迭代行为。（149字）
2025-07-02 11:38:56
477
原创 ES6从入门到精通：模块化
ES6模块化是JavaScript官方标准，通过import/export实现代码拆分与复用。核心特点包括：文件即模块、静态分析、动态绑定。导出支持命名导出（多值）和默认导出（单值），导入对应不同语法。路径规则分相对路径、绝对路径和第三方包。高级用法包含重新导出和聚合模块。使用需注意HTML中type="module"声明、服务器环境要求及Node.js配置。工具链支持Babel转译、Webpack打包等。ES6模块化显著提升代码可维护性和开发效率。（150字）
2025-07-02 11:32:26
542
原创 ES6从入门到精通：Promise与异步
Promise是处理JavaScript异步操作的核心对象，具有Pending、Fulfilled、Rejected三种状态。通过链式调用.then()/.catch()或使用async/await语法可简化异步处理。ES6提供了Promise.all()、Promise.race()等静态方法，而async函数会自动将返回值包装为Promise。典型应用包括封装AJAX请求和定时操作。使用时需注意避免嵌套过深、正确处理错误，并确保async函数中正确使用await。这些特性共同构成了现代JavaScrip
2025-07-02 11:29:47
504
原创 ES6从入门到精通：类与继承
ES6类特性摘要：ES6引入class语法实现面向对象编程，支持构造函数、方法和继承（extends）。类包含静态成员（static）、访问器（get/set）和ES2022私有字段（#前缀）。实例可使用instanceof检查类型。示例展示类定义、继承链、静态方法、温度转换访问器及计数器私有字段等核心功能，体现ES6类与传统原型继承的语法差异和增强特性。（149字）
2025-07-02 11:25:59
328
原创 ES6从入门到精通：扩展运算符与剩余参数
扩展运算符（...）用于展开可迭代对象，在函数调用、数组/对象合并时将元素展开。剩余参数（...）则用于收集剩余参数，在函数定义和解构赋值时使用。两者语法相同但用途不同：扩展运算符展开元素（如合并数组[1,2]和[3,4]为[1,2,3,4]），剩余参数收集元素（如将参数1,2,3转为数组[1,2,3]）。主要应用于函数传参、数组操作和对象合并场景。
2025-07-02 10:02:38
354
原创 ES6从入门到精通：模板字符串
摘要：ES6模板字符串使用反引号（`）定义，支持多行文本和${}变量嵌入。主要特性包括：1）保留换行格式；2）直接插入变量/表达式；3）支持标签模板自定义处理逻辑；4）允许嵌套使用。注意事项包括转义反引号、标签模板参数特点及性能优化。该特性显著简化字符串拼接，成为现代JS开发的核心功能。（149字）
2025-07-02 09:55:23
280
原创 ES6从入门到精通：箭头函数
ES6箭头函数提供了更简洁的语法：(params) => expression。它省略function关键字，单参数可省括号，单行表达式可省return。关键区别在于this静态绑定（继承外层作用域），解决了传统函数this丢失问题。特别适合回调函数和单行表达式，但不能用作构造函数，没有arguments对象。注意避免在需要动态this的场景（如对象方法）中使用。箭头函数简化了代码，但需根据this绑定需求谨慎选择使用场景。
2025-06-30 17:55:33
554
原创 ES6从入门到精通：变量
对于对象类型，虽然变量绑定不可变，但对象属性可以修改。声明，但其内容仍可修改(实际修改的是堆的内容），真正不可变的数据结构需要使用Object.freeze()或其他库。声明的变量存在暂时性死区（TDZ）。这种特性避免了变量污染全局空间和意外覆盖的问题。声明的变量具有块级作用域特性，即变量仅在声明所在的代码块（如。用于声明常量，一旦赋值不可更改，同样具有块级作用域特性。允许声明块级作用域变量，变量仅在当前代码块内有效。在循环中共享同一变量的问题，特别适合异步回调场景。两种新的变量声明方式，与传统的。
2025-06-11 11:02:32
586
原创 ES6从入门到精通：前言
ES6（ECMAScript 2015）是JavaScript的重要升级，引入了多项革新特性：变量声明改用let/const，新增箭头函数、模板字符串、解构赋值等语法；提供类与继承、模块化支持、Promise异步处理等核心功能；还包含Symbol、Proxy、Map/Set等新数据类型。这些改进提升了代码质量、开发效率和可维护性，为现代JavaScript开发奠定了基础。后续版本在此基础上不断扩展，推动JS向更规范、更强大的方向发展。
2025-06-10 15:06:39
665
原创 浏览器优化之requireIdCallback
通常情况下，浏览器每一帧的渲染时间约为16.7毫秒，但实际页面处理并不一定会占用完整的时间，剩余的时间就是浏览器的空闲时间。requireIdleCallback是一个用于在浏览器空闲时间执行任务的API，它为开发者提供了一种利用浏览器闲置时间来执行任务的机制，以提高页面性能和用户体验。在每一帧渲染完成后，浏览器会留下一些空闲时间，这段时间可以用来执行一些耗时较长的任务，从而避免阻塞主线程，提高页面的响应速度。通过在空闲时间内逐步处理这些切片，可以有效提高文件处理的效率，避免阻塞主线程，提升用户体验。
2025-04-24 18:52:44
196
原创 git的使用
仓库（Repository）：Git 用来存储项目代码的地方，可以理解为项目的文件夹。合并（Merge）：将一个分支的更改合并到另一个分支的操作称为合并。Git 提供了合并分支的功能，可以将不同分支的更改集成到一起。提交（Commit）：将代码的更改保存到 Git 仓库中的操作称为提交。克隆操作会复制整个仓库的内容到本地，包括所有的分支和提交记录。拉取（Pull）和推送（Push）：从远程仓库拉取代码更新到本地仓库称为拉取，将本地仓库的更改推送到远程仓库称为推送。推送本地仓库的更改到远程仓库。
2025-04-12 15:05:20
334
原创 【KWDB 创作者计划】KWDB的功能实践
KWDB 是一款功能强大的关键字数据库系统，可以帮助用户高效地管理、查询和分析关键字数据。无论是对技术博客、学术论文还是其他领域的关键字信息，KWDB 都可以提供强大的支持，帮助用户快速地进行关键字管理和数据分析。如果您有关键字管理需求，不妨试试 KWDB，相信它会给您带来便利和效率提。
2025-04-12 14:47:25
311
原创 【KWDB 创作者计划】KWDB的妙用
KWDB（Knowledge Warehouse Database）是一种用于构建知识库和知识图谱的数据库系统。通过将不同来源的数据整合为一个统一的知识库，KWDB可以帮助组织和管理海量的知识信息，并支持复杂的查询和分析操作。在这篇文章中，我们将探讨KWDB的妙用，并通过代码和案例来展示其在实际应用中的价值和优势。
2025-04-12 14:41:36
667
原创 【KWDB 创作者计划】什么是KWDB
KWDB（Knowledgebase with Deep Belief Network）是一种基于深度信念网络的知识库系统，它结合了深度学习和知识图谱技术，旨在实现对大规模知识的自动化管理、推理和应用。本文将详细介绍KWDB的设计原理、系统架构、功能特点以及代码实现。
2025-04-12 14:37:59
403
原创 PHP基础篇1：七大数据类型
数组是一种可以存储多个值的数据类型，可以是索引数组或关联数组。对象是类的实例，包含属性和方法。对象是面向对象编程的核心。NULL是一个特殊的数据类型，表示变量没有值或值为“无”。字符串是由字符组成的文本数据。可以用单引号或双引号包围。整数是没有小数部分的数字，可以是正数、负数或零。浮点数（或称为双精度数）是有小数部分的数字。）或假（`false）。
2024-11-19 09:03:07
446
原创 2024年你一定要知道的20种数组处理方法
返回一个新数组，数组中的元素是通过调用提供的函数处理原数组中的每个元素得出的。：向数组末尾添加一个或多个元素，并返回新的长度。：向数组开头添加一个或多个元素，并返回新的长度。：按升序排序数组元素，默认是按字符编码顺序。：返回一个选定范围的新数组，不会修改原数组。：从数组末尾删除一个元素，并返回该元素。：从数组开头删除一个元素，并返回该元素。：查找指定元素的索引，未找到返回 -1。：对数组的每个元素执行一次提供的函数。：合并两个或多个数组，返回一个新数组。方法将数组中的元素按属性分组。：反转数组中的元素。
2024-11-18 11:39:25
2341
原创 php的演化历程
PHP 5.5 2013年，PHP 5.5发布，引入了Zend Optimizer+，一个新的opcode缓存和优化器，显著提高了性能。以上是PHP的演化历程的详细描述，展示了PHP从最初的工具集到现在的成熟和强大的脚本语言的发展过程。PHP 7.2 2017年，PHP 7.2发布，引入了一些新特性和改进，如类常量的可见性、参数类型声明的变化和多字节字符集支持的改进。PHP 8.0 2020年，PHP 8.0发布，引入了许多重要的新特性和改进，如命名参数、联合类型、正则表达式的改进和JIT编译器等。
2024-11-17 12:55:26
456
原创 关于canvas画布内容阻挡view元素显示的层级问题
原生子窗体来达到遮挡canvas原生窗体的效果，后面如果有想要了解的小伙伴比较多的话，我也会出一期。所绘制出来的内容属于原生窗体，属于最高的层级所以无论把。暂时显示绘制的内容，图片生成后会自动替代。可以在图片未生成之前，先使用。开发的小伙伴们也可以使用。，将显示的内容由原本的。原生窗体转化为图片显示。开发的小伙伴只需要件。原生子窗体的详细教程。
2024-10-24 16:15:33
602
原创 在uni-app中，关于axios封装uni.showModal模态弹窗重复出现的问题
的时候，相信大家都会遇到错误码401的token失效或token没有，提示用户重新登录的问题，但有时后但我们根据提示弹窗前往提示登录页面的时候，我们会发现但我们登录完成返回原本的页面时，提示弹窗还在的情况，对需要进行显示弹窗的axios封装内容进行。在于我们我们多次调用了。
2024-02-28 11:18:38
985
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人