勋章
粉丝
技术能力
- JavaScript
- 前端开发
- Serverless
- 人工智能
- Web App开发
- 小程序
- 程序员
- 开发者
-
前端开发
高级
能力说明：
掌握企业中如何利用常见工具，进行前端开发软件的版本控制与项目构建和协同。开发方面，熟练掌握Vue.js、React、AngularJS和响应式框架Bootstrap，具备开发高级交互网页的能力，具备基于移动设备的Web前端开发，以及Node.js服务器端开发技能。
暂时未有相关云产品技术能力~
不定期更新前端技术博客或其他技术文章，公众号：前端每日三省
-
发表了文章 2023-07-28
面试题-TS(十)：如何处理可选属性和默认参数？
在TypeScript中，可选属性是指在定义接口或类时，指定某些属性不是必须的，可以存在也可以不存在。使用可选属性可以让我们定义更灵活的数据结构，允许对象中包含额外的属性，而不会报错。
-
发表了文章 2023-07-28
面试题-TS(八)：什么是装饰器（decorators）？如何在 TypeScript 中使用它们？
在TypeScript中，装饰器（`Decorators`）是一种用于增强代码功能的特殊类型声明。装饰器提供了一种在类、方法、属性等代码元素上注释或修改的方式，使得我们可以通过装饰器来扩展、修改或监视代码的行为。通过使用装饰器，我们可以在不修改原始代码的情况下，给代码添加新的功能，提高代码的可维护性和灵活性。
-
发表了文章 2023-07-28
面试题-TS(七)：如何定义枚举（enums）并使用它们？
在TypeScript中，枚举（Enums）是一种用于定义命名常量集合的数据类型。枚举允许我们为一组相关的常量赋予有意义的名字，并在代码中以更直观的方式使用它们。通过使用枚举，我们可以简化代码，提高可读性，并减少错误。
-
发表了文章 2023-07-28
面试题-TS(六)：TypeScript 中的泛型是什么？
在TypeScript中，泛型（Generics）是一种强大的特性，它允许我们在编写可重用的代码时增加灵活性。泛型使得我们可以编写不特定数据类型的代码，从而提高代码复用性和可读性。
-
发表了文章 2023-07-28
面试题-TS(五)：TypeScript 中的模块是什么？如何导入和导出模块？
在TypeScript中，模块（Modules）是一种用于组织和管理代码的概念。模块提供了一种封装代码的方式，允许我们将相关的功能和数据组织在一起，实现代码的可重用和可维护。
-
发表了文章 2023-07-28
面试题-TS(四)：如何在 TypeScript 中使用类和继承？
在TypeScript中，类是一种重要的概念，它允许我们使用面向对象的编程风格来组织和管理代码。类提供了一种模板，用于创建具有相同属性和行为的对象。通过继承，我们可以创建类之间的层次结构，实现代码的重用和扩展。
-
发表了文章 2023-07-28
面试题-TS(三)：TypeScript 中的接口是什么？它们有什么作用？
在TypeScript中，接口是一种用于定义对象属性和行为的工具。它们充当了代码之间的契约，描述了对象应该具有的属性和方法。通过使用接口，我们可以提供更好的类型检查、模块化和代码复用。
-
发表了文章 2023-07-28
面试题-TS(二)：如何定义 TypeScript 中的变量和函数类型？
在TypeScript中，我们可以使用冒号(:)来指定变量的类型。以下是一些常见的变量类型：
-
发表了文章 2023-07-28
面试题-TS(一)：TypeScript是什么?它与JavaScript有什么区别?
TypeScript是一种编程语言，它是JavaScript的超集。它通过添加静态类型、类、接口和模块等功能来扩展JavaScript。
-
发表了文章 2023-07-12
Serverless是什么？如何使用？有哪些优势？国内外有哪些Serverless平台？
Serverless 是云计算的一种模型。以平台即服务（PaaS）为基础，无服务器运算提供一个微型的架构，终端客户不需要部署、配置或管理服务器服务，代码运行所需要的服务器服务皆由云端平台来提供， Serverless computing（无服务器运算，又被称为函数即服务 Function-as-a-Service，缩写为 FaaS），以 Amazon Lambda 为典型服务。
-
发表了文章 2023-07-12
H5汉诺塔小游戏
H5汉诺塔小游戏
-
发表了文章 2023-07-12
H5贪吃蛇小游戏
H5贪吃蛇小游戏
-
发表了文章 2023-07-12
BFC是什么？怎么触发BFC?
BFC是“块级格式化上下文”的缩写，是一个独立的渲染区域，内部的元素按照一定规则进行布局，不会影响到外部元素的布局。BFC主要用于解决一些常见的布局问题，例如清除浮动、防止 margin 重叠等。
-
发表了文章 2023-07-12
ElementUI中栅格布局的实现原理
在ElementUI中，Row和Col组件是栅格布局的核心，它们的实现基于flexbox和CSS网格布局。
-
发表了文章 2023-07-12
圣杯布局和双飞翼布局
圣杯布局和双飞翼布局
-
发表了文章 2023-07-12
CSS3新增特性
CSS3是CSS技术的最新版本，相比CSS2增加了许多新的特性，以下是CSS3新增的一些特性：
-
发表了文章 2023-07-12
Webpack5有哪些更新？
Webpack5 在构建速度方面做出了一些改进，其中最重要的改进是使用持久性缓存。持久性缓存可以将中间结果存储在硬盘上，这些结果可以在下一次构建时被重用，从而减少了构建时间。此外，Webpack 5 还对构建输出进行了一些优化，以减少构建时间和输出文件大小。
-
发表了文章 2023-07-12
Webpack和Vite的区别
Webpack 是一个非常强大的构建工具，但是随着项目规模的增大，Webpack 的构建速度会变得越来越慢，因为它需要将所有模块打包到一个文件中，每次修改都需要重新构建整个项目。而 Vite 采用的是基于浏览器原生 ES 模块的特性，即只会对修改的模块进行重新构建，因此在大型项目中，Vite 的构建速度要比 Webpack 快得多。
-
发表了文章 2023-07-12
Webpack打包流程
Webpack 是一款非常流行的打包工具，它的主要作用是将项目中的各个模块打包成静态资源，以便于在浏览器中加载和运行。Webpack 的打包流程可以分为以下几个步骤：
-
发表了文章 2023-07-12
TS类型断言
TypeScript中的类型断言是一种将变量或表达式的类型强制转换为开发者指定的类型的方式。可以使用尖括号（<>）语法或者as语法进行类型断言。
-
发表了文章 2023-07-12
vue路由守卫
在Vue中，路由守卫是一种用于控制路由导航的机制。路由守卫可以帮助我们在路由切换的过程中进行一些操作，例如验证用户权限、预处理数据等。
-
发表了文章 2023-07-12
vue页面路由的原理
Vue 中的路由原理是基于浏览器的 history API 和 Vue 的路由插件 Vue Router 实现的。
-
发表了文章 2023-07-12
vue自定义指令
在Vue中，我们可以使用Vue.directive方法创建自定义指令，并在需要时在模板中使用这些指令。
-
发表了文章 2023-07-12
扫描普通二维码进入体验版小程序却一直进入线上版本？这个配置要注意！
开发小程序过程中，我们会遇到很多不同的场景，其中，扫描普通二维码进入小程序就是其中之一。
-
发表了文章 2023-07-12
v-if和v-show的区别？
v-if和v-show都是Vue.js框架中的指令，用于根据条件显示或隐藏DOM元素，但它们的实现方式不同，导致在使用时需要注意以下区别：
-
发表了文章 2023-07-12
什么是tree-shaking？
Tree-shaking 是一个用于优化 JavaScript 应用程序的技术，它可以在打包过程中去除无用的代码，从而减小最终打包后的文件大小。
-
发表了文章 2023-07-12
TypeScript类和继承
TypeScript中的类和继承可以帮助我们更好地组织代码，并且使得代码更易于维护和扩展。在TypeScript中，可以使用class关键字来定义一个类，然后使用extends关键字来实现继承
-
发表了文章 2023-07-12
TS接口
TypeScript 中的接口是一种抽象结构，用于定义对象的类型。接口定义了对象应该包含的属性和方法，但不提供实现。
-
发表了文章 2023-07-12
什么是TS？
TS（TypeScript）是一种由微软开发的编程语言，它是 JavaScript 的一个超集，提供了静态类型检查、类、接口、泛型等特性，可以在大型项目中提供更好的代码可读性、可维护性和可靠性。
-
发表了文章 2023-07-12
前端跨域
跨域是指在浏览器中，一个页面的脚本试图去访问不同域名下的资源时，浏览器会阻止这种跨域的请求。这是为了保护用户的安全，防止恶意代码获取用户数据。但是，在一些场景下，我们需要进行跨域请求，这时就需要一些跨域解决方式。
-
发表了文章 2023-07-12
MVVM模式
MVVM是一种软件架构模式，它是MVC(Model-View-Controller)的一种变体，常用于构建现代化的Web应用程序。在MVVM中，View、Model和ViewModel之间存在一定的关系
-
发表了文章 2023-07-12
Vue状态管理工具pinia的简单使用
Pinia 是一个 Vue 状态管理工具，它是 Vue 3 官方推荐的状态管理库之一。Pinia 的目标是提供一个简单、轻量级的状态管理解决方案，它基于 Vue 3 的新响应式 API 和新的组合式 API 构建，使用起来非常直观和自然。
-
发表了文章 2023-07-12
手写Promise
手写Promise
-
发表了文章 2023-07-12
Vue插槽的使用
Vue插槽是Vue组件中一种非常强大和灵活的功能，它允许你在组件的模板中预留出一些位置，以便在使用该组件的时候，动态地将内容插入到这些位置上。
-
发表了文章 2023-07-12
JavaScript中的循环语句
for 循环语句是最常用的循环语句之一。for 循环通过设置循环计数器，重复执行一段代码块，直到计数器达到某个指定的值。
-
发表了文章 2023-07-12
Vue计算属性Computed
Computed属性是Vue中的一个计算属性，是一种基于其它属性值计算而来的属性值，具有缓存机制，在依赖的属性值发生变化时会重新计算。
-
发表了文章 2023-07-12
Vue侦听器Watch
Watch是Vue.js提供的一个观察者模式，用于监听数据的变化并执行相应的回调函数。虽然计算属性Computed在大多数情况下更合适，但有时也需要一个自定义的侦听器Watch。因为在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。
-
发表了文章 2023-07-12
JavaScript模块化
模块化是一种将代码按照一定规则组织成独立、可复用的单元的方式。模块化可以将一个复杂的系统分解为多个独立的模块，每个模块只关注自己的功能，与其他模块之间的耦合度低，从而提高代码的可维护性、复用性和扩展性。
-
发表了文章 2023-07-12
浅拷贝和深拷贝
在 JavaScript 中，拷贝一个对象是一项常见的操作，常用的拷贝方式包括浅拷贝和深拷贝。
-
发表了文章 2023-07-12
什么是防抖和节流？如何实现防抖和节流？
防抖（debounce）和节流（throttle）是 JavaScript 中常用的两种性能优化方法。
-
发表了文章 2023-07-12
事件循环(Event Loop)
JavaScript 是一门单线程语言，这意味着它只有一个主线程来执行代码。这个主线程会按照代码的顺序执行任务，而且同一时间只能执行一个任务。
-
发表了文章 2023-07-12
async和await关键字
async（异步）用于定义一个异步函数。异步函数是一种返回 Promise 对象的函数，可以使用 await 关键字等待异步操作的结果，以同步的方式处理异步操作。
-
发表了文章 2023-07-12
Promise是什么？怎么用？
Promise 是一种异步编程的解决方案。它可以使异步操作更加清晰、简单、优雅，避免了回调地狱的问题。Promise 对象表示一个异步操作的最终完成或失败，并且它的最终状态（完成或失败）和返回值（或错误）不依赖于调用它的代码。
-
发表了文章 2023-07-12
Proxy(代理)和Reflect(反射)
23. Proxy(代理)和Reflect(反射) 1. Proxy: Proxy 是一个代理器，它可以拦截对目标对象的各种操作，包括读取属性、设置属性、函数调用等等。通过使用 Proxy，我们可以在这些操作前后注入自定义逻辑，对这些操作进行拦截、修改、记录等等。这使得我们可以更好地控制对象的行为，实现一些高级的功能。
-
发表了文章 2023-07-12
类
在JavaScript中，类（`Class`）是一种创建对象的模板，它可以用来定义对象的属性和方法。类是一种抽象的概念，它定义了对象的行为和状态，而对象则是类的一个具体实例。
-
发表了文章 2023-07-12
html标签的tabindex属性？css变量和js更改变量？ES6新增特性Map/WeakMap和Set/WeakSet
tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。
-
发表了文章 2023-07-12
html5自定义数据属性？rgba()和 opacity的透明效果有什么不同？数组的方法(一)
html5允许给元素指定非标准的属性，但要以`data-`开头，获取时通过元素的dataset属性来访问。如果做过小程序的同学会发现，小程序已经经常使用这个属性了。
-
发表了文章 2023-07-12
BOM和DOM是什么？ css3弹性盒子？创建数组的几种方式？
BOM：浏览器对象模型(Browers Object Model)允许JavaScript与浏览器对话。通过BOM的对象和方法可以完成对浏览器窗口的操作，如控制窗口及弹窗、通过location对象可以获取页面信息、通过navigator对象了解浏览器、通过history对象操作浏览器历史等。BOM的核心是window对象。
-
发表了文章 2023-07-12
cookie，sessionStorage和localStorage的区别？精灵图是什么？原生对象、内置对象、宿主对象的联系和区别？
cookie:** 直译是"小饼干"的意思，在web中就是存在客户端的“一小块”数据。一个cookie大小不超过4kb，在设置的过期时间过期之后会消失，每次请求都会与服务器交互。
-
发表了文章 2023-07-12
什么是语义化？图片下的空隙如何解决？创建对象常用的几种方式？
语义化是指用合理的html标记以及其特有的属性去格式化文档内容。如标题用h1-h6，段落用p标签。
-
发表了文章
2023-07-28
面试题-TS(十)：如何处理可选属性和默认参数？
-
发表了文章
2023-07-28
面试题-TS(八)：什么是装饰器（decorators）？如何在 TypeScript 中使用它们？
-
发表了文章
2023-07-28
面试题-TS(七)：如何定义枚举（enums）并使用它们？
-
发表了文章
2023-07-28
面试题-TS(六)：TypeScript 中的泛型是什么？
-
发表了文章
2023-07-28
面试题-TS(五)：TypeScript 中的模块是什么？如何导入和导出模块？
-
发表了文章
2023-07-28
面试题-TS(四)：如何在 TypeScript 中使用类和继承？
-
发表了文章
2023-07-28
面试题-TS(三)：TypeScript 中的接口是什么？它们有什么作用？
-
发表了文章
2023-07-28
面试题-TS(二)：如何定义 TypeScript 中的变量和函数类型？
-
发表了文章
2023-07-28
面试题-TS(一)：TypeScript是什么?它与JavaScript有什么区别?
-
发表了文章
2023-07-12
Serverless是什么？如何使用？有哪些优势？国内外有哪些Serverless平台？
-
发表了文章
2023-07-12
H5汉诺塔小游戏
-
发表了文章
2023-07-12
H5贪吃蛇小游戏
-
发表了文章
2023-07-12
BFC是什么？怎么触发BFC?
-
发表了文章
2023-07-12
ElementUI中栅格布局的实现原理
-
发表了文章
2023-07-12
圣杯布局和双飞翼布局
-
发表了文章
2023-07-12
CSS3新增特性
-
发表了文章
2023-07-12
Webpack5有哪些更新？
-
发表了文章
2023-07-12
Webpack和Vite的区别
-
发表了文章
2023-07-12
Webpack打包流程
-
发表了文章
2023-07-12
TS类型断言
