网上有很多相关的文章、视频等资料，但很多都是片面的，不完全的。我也为了自身加深理解，所以对其进行一下简单的总结。 本来想写一篇文章进行总结，发现越写越多，还是分成几篇，分别总结吧。 两个属性 可以说 JavaScript 的很多特性都是基于原型和原型链展开的，这就要提到两个属性： __proto__ prototype 下面先理解这两个属性。 __proto__ 属性 首先，它不是一个 JavaScript 的规范属性，只是浏览器方便获取对象的原型而创建的一个属性，但是它仍然需要理解。 它并不被推荐直接使用，而是使…

使用 TypeScript 的时候，总是报这个问题，名字很直接，就是有未使用的变量，那么如何消除呢？ 很简单： 1、最标准的方式当然是删掉这些变量。 2、配置一下 eslinetrc.js 环境即可。 module.exports = { rules: { "no-unused-vars": "off", "@typescript-eslint/no-unused-vars": ["off"], } } 好了~ 烦人的警告没有了。 另外…

最近在升级项目，用到了TypeScript，简单总结一下JS转TS，尤其是在vue中的使用方式。 基础语法 对于TS的基础语法，这里就不多介绍了，看官网即可，毕竟巨硬的文档可以秒杀一众系列丛书。 放个链接： TypeScript文档 TypeScript中文文档 上面是英文官方的，保持了最新。下面好像也是官方的，但是不是最新，不过没关系，大体都差不多的。 编写 ts 文件 TypeScript文件以.ts结尾，在内容书写上基本按照 JavaScript 格式即可，需要注意有些地方需要显式的给出类型声明，比如： fu…

什么是节流 在函数调用过程中，避免过于频繁的调用，而是间隔某一时间后调用一次的方法，叫做节流。 节流做什么 节流可以有效避免短时间内大量调用某一方法或数据，保证页面的稳定性和数据的准确性。 一个小的例子 使用 underscore 的节流功能来测试一下效果。 中文网址 在页面中直接导入 cdn 即可。 https://cdn.bootcss.com/underscore.js/1.9.1/underscore.js 未节流时的样子 将下面内容粘贴到一个 HTML 的 body 标签中。 <div id=&qu…

什么是防抖 事件响应函数在一段时间后才执行，如果在这段时间内再次调用，则重新计算执行时间；当预定的时间内没有再次调用该函数，则执行该函数。 防抖做什么 防止某些函数的频繁调用，保证页面的稳定流畅和数据准确性。 一个小的例子 使用 underscore 的防抖功能来测试一下效果。 中文网址 在页面中直接导入cdn即可。 https://cdn.bootcss.com/underscore.js/1.9.1/underscore.js 未防抖时的样子 将下面内容粘贴到一个HTML的body标签中。 <div id…

js中的装饰器一直处于提案阶段，所以要是用装饰符@，就需要通过babel进行解析。 安装babel的插件 如果 babel < 7.x： 1、安装npm install --save-dev babel-plugin-transform-decorators-legacy 2、在.babelrc文件中添加： { "plugins": ["transform-decorators-legacy] } 如果babel >= 7.x: 1、安装npm install --save…

前两天把axios封装整理了一下，今天整理一下fetch的封装。 可能我身边用fetch的太少，我们的项目中没有用过，只是自己学习看的，有不周的地方，还希望留言我们互相讨论。 fetch是js本身的一个接口，与axios/ajax有本质的区别，可能随着时间推移，fetch应该会更加流行吧。 有兴趣的朋友可以去MDN自行浏览。 /* * @Author: JeremyJone * @Date: 2020-03-05 18:55:36 * @LastEditors : JeremyJone * @LastEditTim…

之前项目是用到了axios，它本身是对ajax的二次封装。不过我们在使用的时候经常是对axios再进行二次封装，从而达到我们需要的效果。现在把代码整理了一下，贴上来。 首先，安装axios： npm install axios 还有一个qs是格式化参数用的，如果不需要，可以不用，直接拼接也可以。 /* * @Author: JeremyJone * @Date: 2020-03-03 17:58:23 * @LastEditors : JeremyJone * @LastEditTime : 2020-03-03 …

作为Vue的状态管理工具，Vuex的使用率相当之高。Vuex具有4个属性，state，getters，actions，和mutations。 今天来讨论一下getters。它相当于vue的computed计算属性。每当state中的值变化时，它也会自动更新。这个在我们需要那些稍微对state中的属性进行改造的属性时很有帮助。在实际生产中，我们会大量使用getters，而state会相对较少。 getters的基本用法，直接调用 首先在根目录下创建一个store.js： import Vue from "v…

因为下载还是挺常见的，所以用axios封装了一下，直接调用即可。 很简单的封装，一般情况下，只需要传入文件路径，文件名，和文件的mime类型即可。 /** * Encapsulate Download methods, download files. * @param url * @param filename * @param filetype: file mime type * @param config: header config, a object * @returns {Promise} */ expo…