勋章
我关注的人
粉丝
技术能力
- 前端开发
-
前端开发
高级
能力说明：
掌握企业中如何利用常见工具，进行前端开发软件的版本控制与项目构建和协同。开发方面，熟练掌握Vue.js、React、AngularJS和响应式框架Bootstrap，具备开发高级交互网页的能力，具备基于移动设备的Web前端开发，以及Node.js服务器端开发技能。
暂时未有相关云产品技术能力~
暂无个人介绍
-
发表了文章 2024-01-04
【JavaScript】属性描述符
这些描述符可以通过 Object.defineProperty() 方法来定义或修改对象的属性特性。通过使用这些描述符，我们可以灵活地控制和定义对象的属性行为，例如限制某些属性只读、隐藏某些不需要枚举的属性等。 总的来说，对象的属性描述符提供了对对象属性行为进行详细控制和定义的能力，包括可配置性、可枚举性、可写性、获取和设置方法等。这使得我们能够更好地管理和操作对象中的各个属性。
-
发表了文章 2024-01-04
深入了解rollup（四）插件开发示例
Rollup是一个JavaScript模块打包器，它可以将多个模块打包成一个单独的文件，以便在浏览器中使用。与其他打包工具相比，Rollup的主要优势在于它可以生成更小、更快的代码。在本文中，我们将深入了解Rollup的插件开发。
-
发表了文章 2024-01-04
Vue class和style绑定
Vue中的class和style绑定是一种非常有用的功能，它允许我们根据组件的状态动态地添加或删除CSS类，或者根据状态更改元素的样式。
-
发表了文章 2024-01-04
Vue computed详解
computed是Vue中一个计算属性，它可以根据依赖的数据动态计算出一个新的值，并将其缓存起来。computed属性是基于它们的依赖进行缓存的，只有当依赖发生变化时，才会重新计算。 computed属性具有以下特性： • 缓存：computed属性会缓存计算结果，在依赖不变时直接返回缓存值，提高性能。 • 响应式：当依赖发生变化时，computed属性会自动重新计算并更新。 • 依赖追踪：Vue会自动追踪computed属性所依赖的数据，并在其发生变化时触发重新计算。
-
发表了文章 2024-01-04
Vue watch详解
当我们在Vue.js中使用watch选项来监听属性时，Vue.js会在内部使用了一个叫做Watcher的类来实现。Watcher类是Vue.js响应式系统的核心之一，它负责建立依赖关系并在依赖发生变化时执行回调函数。 具体来说，当我们使用watch选项定义一个属性的监听器时，Vue.js会创建一个Watcher实例，并将该实例与当前组件实例、属性名以及回调函数进行关联。Watcher实例会负责追踪所监听的属性，并在属性发生变化时触发回调函数。
-
发表了文章 2024-01-04
【Vue】自动导入组件
当我们在Vue项目中使用第三方库或组件时，通常需要手动导入它们并在需要的地方进行注册。这可能会变得繁琐和冗长，特别是当我们使用大量的第三方库或组件时。为了简化这个过程，我们可以使用unplugin-auto-import和unplugin-vue-components插件。
-
发表了文章 2024-01-03
深入了解rollup（二）常用配置
Rollup是一个JavaScript模块打包器，它可以将多个模块打包成一个单独的文件，以便在浏览器中使用。与其他打包工具相比，Rollup的主要优势在于它可以生成更小、更快的代码。在本文中，我们将深入了解Rollup的常用配置的使用方法。
-
发表了文章 2024-01-03
TypeScript进阶（二）深入理解装饰器
TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，为 JavaScript 添加了静态类型检查和其他一些特性。装饰器是 TypeScript 中一个非常强大的特性，它可以用来修改类、方法、属性等的行为。本文将深入探讨 TypeScript 装饰器的原理和用法。
-
发表了文章 2024-01-03
跨标签页通信的8种方式（下）
跨标签页通信是指在浏览器中的不同标签页之间进行数据传递和通信的过程。在传统的Web开发中，每个标签页都是相互独立的，无法直接共享数据。然而，有时候我们需要在不同的标签页之间进行数据共享或者实现一些协同操作，这就需要使用跨标签页通信来实现。
-
发表了文章 2024-01-03
【Vue原理解析】之响应式系统
Vue2的响应式系统是核心之一，它使得Vue.js能够实现数据驱动的视图变化。其实现主要基于Object.defineProperty API，通过在数据对象上添加属性监听来实现数据变化时对视图进行更新。 vue3实现主要基于Proxy API和Reactive，Reactive函数负责将一个普通的JavaScript对象转换成响应式对象。它通过递归遍历对象的所有属性，并使用Proxy代理对象来实现对属性的拦截。
-
发表了文章 2024-01-03
【Vue原理解析】之异步与优化
Vue使用异步更新机制来提高渲染性能。当数据发生变化时，Vue并不立即重新渲染整个组件树，而是将更新操作推入一个队列中，并在下一个事件循环中执行。这样可以将多个数据变化合并为一个更新操作，减少不必要的重复渲染。
-
发表了文章 2024-01-03
【Vue原理解析】之虚拟DOM
Vue.js是一款流行的JavaScript框架，它采用了虚拟DOM（Virtual DOM）的概念来提高性能和开发效率。虚拟DOM是Vue.js的核心之一，它通过在内存中构建一个轻量级的DOM树来代替直接操作真实的DOM，从而减少了对真实DOM的操作次数，提高了页面渲染效率。本文将深入探讨Vue.js中虚拟DOM的作用、核心源码分析。
-
发表了文章 2024-01-03
【Vue原理解析】之插件系统
Vue是一款流行的JavaScript框架，它提供了一个强大的插件系统，使开发者能够轻松扩展Vue的能力与功能。在Vue中，插件是一种可复用的功能模块，可以扩展或修改全局功能。它可以添加全局方法、指令、过滤器、混入等，并在每个Vue实例中都可用。通过使用插件，我们可以轻松地添加第三方库、自定义指令或过滤器等功能到我们的应用程序中。
-
发表了文章 2024-01-03
跨标签页通信的8种方式（上）
跨标签页通信是指在浏览器中的不同标签页之间进行数据传递和通信的过程。在传统的Web开发中，每个标签页都是相互独立的，无法直接共享数据。然而，有时候我们需要在不同的标签页之间进行数据共享或者实现一些协同操作，这就需要使用跨标签页通信来实现。
-
发表了文章 2024-01-04
Promise的链式调用
Promise的链式调用是指在一个Promise对象上连续调用多个then方法的过程。通过链式调用，可以将多个异步操作按照顺序执行，并且可以在每个操作完成后处理返回的结果。
-
发表了文章 2024-01-04
【JavaScript】复制文本到剪切板
Clipboard API是现代浏览器提供的一组JavaScript接口，用于访问和操作用户剪贴板中的内容。它提供了异步读取和写入剪贴板的功能，可以处理多种类型的数据，如文本、图像等。通过使用navigator.clipboard对象，开发者可以调用相关方法来读取和写入剪贴板中的内容。
-
发表了文章 2024-01-04
【JavaScript】Set、Map、WeakSet、WeakMap
Set、Map、WeakSet和WeakMap是ES6引入的新的数据结构，它们在处理数据时具有不同的特性和用途。本文将详细介绍它们的用法、特性、区别、优缺点以及使用场景和注意事项，并给出相应的代码示例
-
发表了文章 2024-01-04
ES6之迭代器(Iterator)
ES6引入了迭代器的概念，这个特性为JavaScript带来了更强大的迭代和异步编程能力。本文将深入探讨ES6的迭代器，介绍其概念、用法以及在实际开发中的应用。 迭代器（Iterator）是ES6引入的一种新的数据结构，它提供了一种统一的遍历机制，可以用来遍历各种不同类型的数据。迭代器的概念、作用和遍历原理如下所述：
-
发表了文章 2024-01-04
【JavaScript】垃圾回收与内存泄漏
JavaScript的*垃圾回收机制*是一种自动化的内存管理机制，用于检测和回收不再使用的内存资源，以便重新分配给其他需要的部分。JavaScript中的垃圾回收器负责跟踪和管理内存的分配和释放，使开发人员无需手动管理内存。 *内存泄漏*指的是程序中分配的内存空间无法被释放和回收，并且随着时间推移导致可用内存逐渐减少。
-
发表了文章 2024-01-03
【设计模式】之桥接模式
桥接模式是一种非常有用的设计模式，它可以帮助我们更好地组织和管理代码。在前端开发中，我们可以将桥接模式应用于UI组件库、数据请求等场景中。通过将抽象与实现分离，我们可以灵活地组合不同的抽象和实现，并且可以独立地对它们进行修改和扩展。尽管桥接模式增加了系统的复杂性，但它提供了更高的灵活性和可扩展性，值得在适当的场景中使用。
-
发表了文章 2024-01-03
【设计模式】之命令模式
命令模式是一种非常有用的设计模式，在前端开发中经常用于管理和执行操作。它通过将操作封装成对象，并将其作为参数传递、存储或记录，实现了优雅地管理和执行操作。通过使用命令模式，我们可以提高代码的可维护性和可扩展性。然而，在应用命令模式时需要权衡其带来的优缺点，并根据具体情况进行选择。
-
发表了文章 2024-01-03
【设计模式】之适配器模式
适配器模式是一种非常有用的设计模式，在前端开发中经常用于解决不同框架或库之间的兼容性问题。它可以提高代码复用性和可维护性，并且能够有效地解决兼容性问题。然而，使用适配器模式也需要注意增加了代码复杂性和可能引入的性能损耗。
-
发表了文章 2024-01-03
【设计模式】之访问者模式
访问者模式是一种非常有用的设计模式，在前端开发中经常用于处理复杂对象结构和数据集合。它通过将操作和数据结构分离开来，提供了一种优雅而灵活的方式来处理复杂性。通过使用访问者模式，我们可以提高代码的可维护性和可扩展性。然而，在应用访问者模式时需要权衡其带来的优缺点，并根据具体情况进行选择。
-
发表了文章 2024-01-03
【设计模式】之原型模式
原型模式是一种常用的设计模式，它通过克隆现有对象来创建新对象，减少了重复代码并提高了性能。在前端开发中，原型模式常用于对象创建、数据共享和缓存管理等场景。然而，需要注意对共享状态的管理和克隆操作的复杂性。
-
发表了文章 2024-01-03
【设计模式】之调停者模式
调停者模式是一种有助于降低对象之间耦合度的设计模式。它通过引入一个调停者对象来集中处理一组对象之间的交互，使得代码更易于维护和扩展。在前端开发中，调停者模式可以应用于表单验证、消息订阅与发布、组件间通信等场景。尽管调停者模式可能会增加系统的复杂性，并且调停者对象可能变得庞大和复杂，但它仍然是一种有价值的设计模式，可以提高代码的可读性和可维护性。
-
发表了文章 2024-01-03
【设计模式】之模版方法模式
模板模式是一种非常有用的设计模式，在前端开发中经常用于定义和扩展算法流程。它通过定义一个算法骨架，并将一些具体步骤的实现延迟到子类中，实现了优雅地管理和执行操作。通过使用模板模式，我们可以提高代码的可维护性和可扩展性。然而，在应用模板模式时需要权衡其带来的优缺点，并根据具体情况进行选择。
-
发表了文章 2024-01-03
【设计模式】之享元模式
享元模式是一种优化大量相似对象创建和管理的设计模式，在前端开发中可以用于优化图片懒加载、表单验证等场景。它通过共享相似对象来减少内存使用和提高性能，同时也简化了代码逻辑。然而，它也增加了系统的复杂性，并且需要注意共享状态的安全性。在实际应用中，我们需要根据具体场景权衡使用享元模式带来的优缺点。
-
发表了文章 2024-01-03
【设计模式】之外观模式
外观模式是一种简化复杂系统接口的设计模式，在前端开发中有着广泛的应用。它可以帮助我们封装复杂的子系统，并提供一个简单易用的接口给客户端。通过使用外观模式，我们可以提高代码的可维护性、可读性和扩展性。但是需要注意避免过度使用外观模式，以免造成不必要的性能问题。
-
发表了文章 2024-01-03
【设计模式】之状态模式
状态模式是一种非常有用的设计模式，在前端开发中经常用于管理应用状态和处理复杂的流程。它通过将对象行为和属性与特定条件下的处理逻辑分离开来，提高了代码的可维护性和可扩展性。通过使用状态模式，我们可以优雅地管理应用状态，并根据不同的条件来改变对象行为。然而，在应用状态模式时需要权衡其带来的优缺点，并根据具体情况进行选择。
-
发表了文章 2024-01-03
【设计模式】之工厂模式
工厂模式是一种常用的创建对象的设计模式，它通过封装对象的创建逻辑，提供统一的接口，实现了代码的解耦和可扩展性。在实际开发中，可以根据具体需求选择是否使用工厂模式来创建对象。工厂模式可以应用于任何需要创建对象的场景。通过使用工厂模式，我们可以提高代码的可维护性、可扩展性和可测试性，使得代码更加灵活和易于理解。
-
发表了文章 2024-01-03
【设计模式】之单例模式
在前端开发中，单例模式是一种常见的设计模式，用于确保一个类只有一个实例，并提供全局访问点。在实现单例模式时，有一些最佳实践和高级技巧可以帮助我们编写更优雅和可维护的代码。
-
发表了文章 2024-01-03
TypeScript进阶（四）声明文件
TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，为 JavaScript 添加了静态类型检查和其他一些特性。TypeScript 的声明文件是一种特殊的文件，用于描述 JavaScript 库、框架或模块的类型信息。通过声明文件，我们可以在 TypeScript 中使用第三方 JavaScript 库，并获得类型检查和智能提示的好处。 本文将深入探讨 TypeScript 声明文件的相关概念、语法和实践，帮助读者更好地理解和使用声明文件。
-
发表了文章 2024-01-03
TypeScript进阶（一）深入理解类和接口
TypeScript 是一种静态类型的 JavaScript 超集，它提供了类和接口的概念，使得我们能够更好地组织和管理代码。在本文中，我们将深入探讨 TypeScript 类和接口的各种特性，包括类的继承、抽象类、静态成员、接口、索引器以及 this 指向约束。
-
发表了文章 2024-01-03
TypeScript基础（三）扩展类型-接口和类型兼容性
在TypeScript中，接口（Interface）用于定义对象的结构和类型。它是一种约定，用于描述对象应该具有哪些属性和方法。接口可以提高代码的可读性、可维护性和可重用性。 接口的定义使用关键字interface，后面跟着接口的名称和一对花括号。在花括号中，可以定义接口的属性、方法和其他成员。
-
发表了文章 2024-01-03
TypeScript基础（四）扩展类型 - 类
TypeScript是一种静态类型的编程语言，它是JavaScript的超集，可以编译成纯JavaScript代码。TypeScript引入了类的概念，使得开发者可以使用面向对象的方式来编写代码。本文将介绍TypeScript的类、继承、访问修饰符和访问器的用法。
-
发表了文章 2024-01-03
【设计模式】之解释器模式
解释器模式是一种用于解释特定语言或规则的表达式的行为设计模式。在前端开发中，解释器模式可以用于处理复杂的逻辑或规则，并将其转化为可执行的代码。它具有灵活性和可扩展性的优点，但也存在复杂性和性能问题的缺点。通过合理地应用解释器模式，可以提高代码的可读性和可维护性，实现更灵活和可扩展的功能。
-
发表了文章 2024-01-03
【设计模式】之备忘录模式
备忘录模式是一种有用的设计模式，在前端开发中可以应用于保存和恢复用户界面状态、实现撤销和重做功能等场景。通过封装对象状态并提供恢复机制，备忘录模式提高了代码灵活性和可维护性。然而，在使用备忘录模式时需要注意内存占用和代码复杂度等问题。
-
发表了文章 2024-01-03
【设计模式】之迭代器模式
迭代器模式是一种非常有用的设计模式，在前端开发中可以帮助我们更好地管理和操作数据集合。它通过封装集合对象的内部结构，并提供统一的遍历方式，使得代码更加简洁、可维护和可扩展。然而，在使用迭代器模式时需要权衡其优缺点，并根据具体情况进行选择。
-
发表了文章 2024-01-03
【设计模式】之组合模式
组合模式是一种非常有用的设计模式，在前端开发中经常用于处理复杂的层次结构和嵌套关系。它通过将对象组合成树形结构来表示“部分-整体”的关系，并提供了一种优雅而灵活的方式来处理复杂性。通过使用组合模式，我们可以构建可扩展和易于维护的应用程序。然而，需要根据具体情况权衡使用组合模式所带来的优缺点。
-
发表了文章 2024-01-03
【设计模式】之观察者模式
观察者模式是一种常用的设计模式，在前端开发中有广泛应用。它通过定义一种一对多的依赖关系，实现了对象之间的解耦和灵活性。通过使用观察者模式，可以实现事件处理、数据绑定、响应式系统等功能。然而，需要根据具体情况权衡使用观察者模式所带来的优缺点。
-
发表了文章 2024-01-04
ES6之生成器(Generator)
生成器（Generator）是ES6引入的一种特殊的函数，它可以通过yield关键字来暂停函数的执行，并返回一个包含value和done属性的对象。生成器的概念、作用和原理如下所述：
-
发表了文章 2024-01-04
ES6之原始数据类型Symbol
ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它属于 JavaScript 语言的原生数据类型之一，其他数据类型是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、大整数（BigInt）、对象（Object）。Symbol的作用是创建一个不可变且唯一的标识符，可以用作对象属性的键。它可以用来解决属性名冲突的问题，避免命名冲突。
-
发表了文章 2024-01-04
Vue 事件修饰符详解
Vue事件修饰符是Vue.js框架提供的一种功能，用于在处理DOM事件时提供更多的控制和便利性。它们可以用来改变事件的行为，例如阻止默认行为、阻止事件冒泡、只触发一次等。本文将介绍Vue事件修饰符的作用、使用方式以及使用示例，并对其在各种场景下的应用进行总结。
-
发表了文章 2024-01-03
深入了解rollup（一）快速开始
Rollup 是一个用于 JavaScript 的模块打包工具，它将小的代码片段编译成更大、更复杂的代码，例如库或应用程序。它使用 JavaScript 的 ES6 版本中包含的新标准化代码模块格式，而不是以前的 CommonJS 和 AMD 等特殊解决方案。ES 模块允许你自由无缝地组合你最喜欢的库中最有用的个别函数。这在未来将在所有场景原生支持，但 Rollup 让你今天就可以开始这样做。
-
发表了文章 2024-01-03
TypeScript基础（二）扩展类型-枚举及其位运算
TypeScript中的枚举（Enum）是一种数据类型，用于定义一组具有命名值的常量。枚举可以帮助我们在代码中使用更具有可读性和可维护性的常量。 本文将介绍字面量类型的问题、类型别名的局限以及枚举的优缺点及示例详细说明枚举的用处,以及扩展知识枚举的位运算。
-
发表了文章 2024-01-03
极速 JavaScript 打包器：esbuild
esbuild是一个快速、可扩展的JavaScript打包器和压缩器，它的目标是成为最快的打包器。它使用Go编写，可以在几乎瞬间内完成大多数项目的构建。在本文中，我们将深入了解esbuild，并探讨其如何实现如此出色的性能。
-
发表了文章 2024-01-03
TypeScript基础（五）泛型
在编程中，我们经常会遇到需要处理不同类型数据的情况。为了提高代码的复用性和灵活性，TypeScript引入了泛型的概念。泛型可以让我们在定义函数、类或接口时，不预先指定具体的类型，而是在使用时再指定类型。本文将详细介绍TypeScript中泛型的使用方法和技巧。
-
发表了文章 2024-01-03
【设计模式】之抽象工厂模式
抽象工厂模式是一种创建型设计模式，适用于需要创建一系列相关或相互依赖对象的场景。在前端开发中，抽象工厂模式可以帮助我们更好地组织和管理代码，提高代码的可维护性和可扩展性。它通过封装对象的创建过程，使得客户端代码与具体类解耦，并且可以通过切换具体工厂类来改变整个系统的行为。然而，它也增加了系统的复杂度，并且当产品族较多时会导致大量的具体工厂类。因此，在使用抽象工厂模式时需要权衡利弊，并根据实际情况进行选择。
-
发表了文章 2024-01-03
【设计模式】之装饰器模式
装饰器模式（Decorator Pattern）是一种结构型设计模式，它允许在不改变原有对象结构的情况下，动态地给对象添加额外的功能。装饰模式通过创建一个包装器（装饰器）来包裹原有对象，并在保持接口一致性的前提下，增加新的行为或修改原有行为。
-
发表了文章 2024-01-03
【设计模式】之代理模式
代理模式是一种常用的设计模式，它通过创建一个代理对象来控制对另一个对象的访问。通过使用代理模式，可以实现对目标对象的访问控制、增加额外功能、解耦客户端与目标对象等。然而，需要根据具体情况权衡使用代理模式所带来的优缺点。
-
发表了文章
2024-05-15
【JavaScript】属性描述符
-
发表了文章
2024-05-15
【JavaScript】异步解决方案的发展历程
-
发表了文章
2024-05-15
深入了解rollup（四）插件开发示例
-
发表了文章
2024-05-15
Vue class和style绑定
-
发表了文章
2024-05-15
Vue computed详解
-
发表了文章
2024-05-15
Vue watch详解
-
发表了文章
2024-05-15
【Vue】自动导入组件
-
发表了文章
2024-05-15
深入了解rollup（二）常用配置
-
发表了文章
2024-05-15
TypeScript进阶（二）深入理解装饰器
-
发表了文章
2024-05-15
TypeScript基础（一）基本类型与类型运算
-
发表了文章
2024-05-15
跨标签页通信的8种方式（下）
-
发表了文章
2024-05-15
【Vue原理解析】之响应式系统
-
发表了文章
2024-05-15
【Vue原理解析】之异步与优化
-
发表了文章
2024-05-15
【Vue原理解析】之虚拟DOM
-
发表了文章
2024-05-15
【Vue原理解析】之插件系统
-
发表了文章
2024-05-15
跨标签页通信的8种方式（上）
-
发表了文章
2024-05-15
Promise的链式调用
-
发表了文章
2024-05-15
【JavaScript】复制文本到剪切板
-
发表了文章
2024-05-15
【JavaScript】Set、Map、WeakSet、WeakMap
-
发表了文章
2024-05-15
ES6之迭代器(Iterator)
