前言数组去重在面试和工作中都是比较容易见到的问题。这篇文章主要是来测试多个方法，对下面这个数组的去重结果进行分析讨论。如果有不对的地方，还请大家指出。 {代码...} 特殊类型 {代码...} 接下来，我们看看下面多个去重方法，对以上特殊类型的去重效果。代码一（暴力解法） {代码...} 输出： {代码...} 输出结果说...

前言前面已经对防抖和节流有了介绍，这篇主要看lodash是如何将防抖和节流合并成一个函数的。初衷是深入lodash，学习它内部的好代码并应用，同时也加深节流防抖的理解。这里会先从防抖开始一步步往后，由简入繁，直到最后实现整个函数。这里纯粹自己的理解，以及看了很多篇优质文章，希望能加深对节流防抖的理解，如果有...

前言js的典型的场景监听页面的scroll事件拖拽事件监听鼠标的 mousemove 事件 ...这些事件会频繁触发会影响性能，如果使用节流，降低频次，保留了用户体验，又提升了执行速度，节省资源。原理节流的原理：持续触发某事件，每隔一段时间，只执行一次。通俗点说，3 秒内多次调用函数，但是在 3 秒间隔内只执行一次，第一次...

前言在前端开发中会遇到一些频繁的事件触发，比如：window 的 resize、scrollmousedown、mousemove、mousewheel(鼠标滚轮)keyup(弹起键盘)、keydown(按下键盘)、keypress(按下字符键盘) ……想象一下窗口的resize事件或者是一个元素的onmouseover事件 - 他们触发时，执行的非常迅速，并且触发很多次。如果你的回调过重，你...

项目安装vue-i18n需要安装最新版的vue-i18n {代码...} 或者用yarn {代码...} 安装完成之后，可以看一下package.json文件；看是否是最新版的vue-i18n，我安装的是9.1.7。在项目src文件夹中新建lang文件夹新建lang文件夹，在lang文件夹中新建三个js文件:zh-CN.js {代码...} zh-TW.js {代码...} index.js {代码...} 将i18n...

JavaScript数据类型JavaScript基本数据类型/原始数据类型/值类型（六种）NullUndefinedStringNumberBooleanSymbol注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。注：在es10中加入了原始数据类型BigInt，现已被最新Chrome支持 {代码...} BigInt MDN引用数据类型/对象数据类型（一种）ObjectArrayFunc...

类似于数组，但是成员的值都是唯一的，没有重复的； Set本身是一个构造函数，用来生成Set数据结构； 不能区分 +0,-0; 认为NaN不等于NaN; 不能区分对象，认为两个对象总是不相等的； 不能区分数组，认为两个数组总是不相等的；

ES6 六种基本数据类型: String、Number、Boolean、Null、Undefined、Symbol ES6 七种数据类型：String、Number、Boolean、Null、Undefined、Object、Symbol

{代码...} js封装日期格式化函数

时间转变为时间戳的方法汇总 {代码...} 转回标准时间 {代码...} 原生js时间戳获取和转换

主要是利用css {代码...} 如下代码展示 {代码...} 更改.box的width大小，便可看到内部会随宽度的增大减小而变化自适应好用的一个css

ES6五种遍历对象属性的方式 {代码...} 解决for..in遍历对象时,原型链上的所有属性都将被访问 {代码...} ES6五种遍历对象属性的方式

概览对象属性的简洁表示法ES6允许直接写入变量和函数作为对象的属性和方法。 ES6允许在对象中只写属性名，不写属性值。 {代码...} 实际运用中的一些例子： {代码...} 属性名表达式ES6允许字面量定义对象时，用表达式作为对象的属性名，即把表达式放在方括号内。定义对象属性的两种方法：通过固定名称 {代码...} 通过表达...

概览ES6引进了一些新的数组方法。扩展运算符（Spread）+剩余操作符（Rest）含义： 扩展运算符（spread）是三个点...,它如同rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。剩余操作符提取数组，用于剩余参数和结构。扩展操作符将数组元素转换成函数调用的参数或者数组字面量的元素。 {代码...} Rest(函数参数) ...

ES6 新增了两个定义变量的关键字：let 与 const，它们几乎取代了 ES5 定义变量的方式：var。let是新的var,const简单的常量声明。

问题chrome版本号89.0.4389.90，不支持less的/deep/样式穿透解决既要照顾以前的版本，又要兼容新版本，建议写两种css样式 {代码...} 注意：/deep/只适用less，sass用::v-deep注意：/deep/的最好放在没/deep/的后面 89版本的chrome不支持less deep样式穿透

问题前端常见是通过input按钮上传读取文件信息，此时知道本地文件路径需要直接js读取本地文件内的信息注意本地测试，需要解决本地浏览器跨域问题，如： 可查看此链接解决：解决本地浏览器运行项目是的跨域问题解决利用XMLHttpRequest获取到文件的信息。 {代码...} 前端利用XMLHttpRequest读取本地文本文件

问题用到很多vue常用的组件库（element, vant, vuetify），虽然配好了样式但是还是需要更改其他的样式解决三大样式穿透 >>> , ::v-deep , /deep/ 在style经常用scoped属性实现组件的私有化,所以才需要样式穿透需要注意：( >>> 只作用于css::v-deep 只作用于sass/deep/ 只作用于less示例： 1 {代码...}...

问题vscode使用chrome调试报错"无法访问您的文件"或者"localhost 拒绝了我们的连接请求"。解决ctrl+p 搜索launch.json文件 改为： {代码...} vscode使用chrome调试报错

问题 {代码...} 解决把代理去掉 {代码...} npm insatll 下载依赖总会卡住

{代码...} 注意：若是忽略各种检测可以直接设为0，则检测的时候就不会报错 详细地址：eslint-plugin-vuevscode启动项目EsLint报错(.eslintrc.js文件).md)

问题Vue+element tree使用，当弹窗关闭时，this.$refs.tree.setCheckedKeys([])不能清空选中。解决由于弹窗关闭，导致this.$refs.tree.setCheckedKeys([])无效。此时，需要我们重新获取整个树组件的node，然后将对应的每个选项checked为空。 {代码...} [Vue+element tree使用，当弹窗关闭时，this.$refs.tree.setChecked...

{代码...} npm ERR! A complete log of this run can be found in

MVVM是Model-View-ViewModel,是把一个系统分为了模型（model）、视图（view）和view-model三个部分。vue是一个典型的MVVM思想，数据驱动视图。 通俗一点就是view层不直接和model层通信，他们只能通过view-model层通信。

Type of the default value for 'arrNew' prop must be a function. (vue/require-valid-default-prop)

在tooltip中可以用disabled来控制tooltip是否可用 用div包着button；并且宽度设置与button大小一致（我这里使用的宽度是80px）

通俗来说，词法环境就是一套约定的规则。写代码时，应该按照这个规则来，js引擎对源码进行词法分析。因此，词法环境在我们写代码的时候就已经确定了。

一 {代码...} 二 {代码...} 三 {代码...} lodash防抖

需求输入必须为数字，正整数；小于15，大于0；解决首先element-ui的input组件 {代码...} 利用onkeyup，对输入的进行更改最终代码 {代码...} element-ui的input设置小于15的正整数

首先得了解这几个词：函数，构造函数，函数原型（实例原型），实例，实例对象，对象原型，原型,prototype，__proto__,constructor