勋章
粉丝
技术能力
- JavaScript
- 前端开发
- Serverless
- 人工智能
- Web App开发
- 小程序
- 程序员
- 开发者
-
前端开发
高级
能力说明：
掌握企业中如何利用常见工具，进行前端开发软件的版本控制与项目构建和协同。开发方面，熟练掌握Vue.js、React、AngularJS和响应式框架Bootstrap，具备开发高级交互网页的能力，具备基于移动设备的Web前端开发，以及Node.js服务器端开发技能。
暂时未有相关云产品技术能力~
不定期更新前端技术博客或其他技术文章，公众号：前端每日三省
-
发表了文章 2023-07-28
面试题-TS(十)：如何处理可选属性和默认参数？
在TypeScript中，可选属性是指在定义接口或类时，指定某些属性不是必须的，可以存在也可以不存在。使用可选属性可以让我们定义更灵活的数据结构，允许对象中包含额外的属性，而不会报错。
-
发表了文章 2023-07-28
面试题-TS(九)：什么是命名空间（namespaces）？
命名空间是一种逻辑上的分组机制，它将相关的代码组织在一起，形成一个独立的作用域。在TypeScript中，命名空间通过关键字`namespace`来定义，它可以包含类、接口、函数、变量等各种类型的代码。命名空间允许我们将代码模块化，避免全局命名冲突，提高代码的可维护性和可读性。
-
发表了文章 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
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 中的路由原理是基于浏览器的 history API 和 Vue 的路由插件 Vue Router 实现的。
-
发表了文章 2023-07-12
扫描普通二维码进入体验版小程序却一直进入线上版本？这个配置要注意！
开发小程序过程中，我们会遇到很多不同的场景，其中，扫描普通二维码进入小程序就是其中之一。
-
发表了文章 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
什么是防抖和节流？如何实现防抖和节流？
防抖（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
BOM和DOM是什么？ css3弹性盒子？创建数组的几种方式？
BOM：浏览器对象模型(Browers Object Model)允许JavaScript与浏览器对话。通过BOM的对象和方法可以完成对浏览器窗口的操作，如控制窗口及弹窗、通过location对象可以获取页面信息、通过navigator对象了解浏览器、通过history对象操作浏览器历史等。BOM的核心是window对象。
-
发表了文章 2023-07-12
title与h1的区别？position的值有哪些？如何理解原型？
1. title：可定义文档的标题，概括了网站信息，可以告诉搜索引擎或者用户这个网站的内容主题是什么。 2. h1：写在文章正文的标题部分，是展示给用户看的，更突出其视觉效果。
-
发表了文章 2023-07-12
b标签和strong标签的区别？css单行或多行溢出隐藏如何实现？浅谈this？
b标签只是文本加粗，而strong除了加粗还有强调的语义。
-
发表了文章 2023-07-12
什么是浏览器内核？px、em 和 rem 的区别？new 操作符具体干了什么？
通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。
-
发表了文章 2023-07-12
解决微信后台禁用url问题
由于目前用的平台，域名都没有在微信授权，所以被微信给禁用了，我们现在用一个接口可以绑定域名的平台转发一下，演示选择使用vscode工具，其它有终端的工具亦可。
-
发表了文章 2023-07-12
html行内标签和块级标签有哪些？css常用的伪类和伪元素有哪些? 什么是作用域？作用域链又是什么？
作用域：作用域是当前的执行上下文，js中作用域分为全局作用域和函数作用域。
-
发表了文章 2023-07-12
html中href和src的区别？CSS 中哪些属性可继承，哪些不可以？创建函数的几种方式？
href：href 是 Hypertext Reference 的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。
-
发表了文章 2023-07-12
chrome谷歌浏览器-注入的样式表
前段时间在chrome上安装了几个插件，当时没注意，后来进入一些网页发现左右两边总是有一些空白缝隙，怎么刷新都不行
-
发表了文章 2023-07-11
html5新特性有哪些？
新增语义化标签：header、nav、aside、article、section、footer 2. 拖放属性：drag/drop.拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 3. 音/视频标签：audio/video 4. 画布(Canvas): HTML5 \<canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. \<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。
-
发表了文章
2023-07-28
面试题-TS(十)：如何处理可选属性和默认参数？
-
发表了文章
2023-07-28
面试题-TS(九)：什么是命名空间（namespaces）？
-
发表了文章
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打包流程
