前端培训丁鹿学堂分享站

打造独一无二的vscode 俗话说的好， 工欲善其事，必先利其器。我们前端开发者目前最常用的开发工具之一，就是vscode了。 其实vscode相对来说比较轻量。这是它的优势，但是也说明了很多东西需要

1 生命周期的变化 本质上没有区别，只是使用形式上有变化 vue2选项api可以直接调用，vue3组合式api需要先引入 api的关键词不同，大部分是vue2的前面加上on 组件销毁的钩子函数名称变化

meta标签的定义： meta是文档级元数据元素，用来表示那些不能由其它 HTML 元相关元素之一表示的任何元数据。 我们从三个方面去了解mata标签即可。 meta的name属性 name和cont

在函数中，变量本地化 其实就是在vue的方法中，如果用到了data中的数据，合适的情况下，先用本地变量保存，操作处理数据以后，直接return返回出去。 原理是，每次访问 this.xx 的时候，由于

vue中长列表的不做响应式 针对实际应用中一些商品列表，用户列表这类只是做数据展示而很少会动态改变数据，就不对数据做响应式处理，可以很大的提升渲染速度。 vue的源码中也支持我们这么做。 方法：利用O

js中的对象类型 有人说了，js中的对象是object，还分什么类型吗？ 其实如果掉掉书袋，细分的话是可以分成两种类型的： Native：在ECMAScript标准中定义和描述，包括JavaScrip

路由跳转和路由参数在setup语法糖中的使用 在vue3中，组件的路由使用也做成了组合式api，通过vue引入的函数执行以后去使用。 这种确实没有以前那么好用，直接通过$router和$route就可

一 =》》 props父子传值在setup语法糖中的使用 1父组件传值和之前一样：示例代码： 2子组件接收使用props更方便了 3 接收的简单写法（不校验类型的数组形式接收） 二 =》》子组件通过e

vue3.2的setup语法糖 vue3.2的setup语法糖让写vue3变的非常方便和快捷。很多小伙伴还不怎么了解，我们这里做一下介绍。 使用：在script标签里添加setup即可。 data数据

链表 链表是多个元素组成的列表。但是元素的存储是不连续的，用next指针连在一起。 链表和数组的区别 他们都是存多个元素的。但是数组如果在非首尾增加或删除元素的时候，数组中所有元素都要移动。而链表的话

队列是什么 一个先进先出的数据结构。它和栈正好是相反的。栈是后进先出。队列是先进先出。 队列比较容易形象的理解。我们排队买东西，就是先排的先买到然后出队。跟程序是一个道理。 JavaScript中也没

栈 栈是一个后进先出的数据结构。 前端的JavaScript语言中没有栈，但是可以用数组（Array）实现栈的所有功能。 进栈的方法是push，出栈的方法是pop 栈的应用场景 需要后进先出的场景 比

数据结构与算法 数据结构：计算机存储，组织数据的方式。 算法：一系列解决问题的清晰明确的指令。 程序 程序简单来说，可以认为是 数据结构+ 算法 其实所有的数据结构都是为算法提供服务的，而算法也是围绕

冒泡排序 冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个

async/await 为了解决回调地域的问题，es6引入了promise，而处理流程比较复杂的话，那么整段代码将充斥着 then，语义化不明显，代码不能很好地表示执行流程。 es7引入了async/

es7到es2012常用新特性 1.数组的includes方法 includes() 方法用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false 注意点：使用 inclu

标准流： 默认情况下元素是按照标准流布局的：也就是从左到又，从上到下的顺序。元素之间并不会出现层叠（覆盖）的现象。 在标准流布局中，可以使用margin，padding对元素进行定位。 定位 定位让元

css使用字体图标 使用字体图标的好处 放大以后不会失真 可以很方便设置图标的颜色 字体图标比图片占用资源少，可以作为性能优化的点。 字体图标的使用 使用阿里巴巴矢量图标库可以使用字体图标。 1.进入

页面上使用漂亮的特殊字体 html网页常规下会去使用系统自带的默认字体。 但是如果我们网页有特殊需求需要使用我们自己设计的字体的话，也是可以做到的。 第一步，找到我们需要的字体，选择ttf格式的。 第

使用nodemon监测文件变化，自动重启node 使用cross-env设置环境变量 cross-env是运行跨平台设置和使用环境变量的脚本。它可以处理windows和其他Unix系统在设置环境变量的