05 2021 档案
摘要：TypeError: this.getOptions is not a function 今天用webpack打包项目，安装了less-loader模块之后报错，如下图：原因： less-loader安装的版本过高 解决方案： 1.npm uninstall less-loader2.npm ins
阅读全文
摘要：随着JavaScript越来越流行，越来越多的团队广泛的把JavaScript应用到前端、后台、hybrid 应用、嵌入式等等领域。 这篇文章旨在深入挖掘JavaScript，以及向大家解释JavaScript是如何工作的。我们通过了解它的底层构建以及它是怎么发挥作用的，可以帮助我们写出更好的代码与
阅读全文
摘要：一、什么是执行上下栈？ 简而言之，执行上下文就是评估和执行 JavaScript 代码的环境的抽象概念。每当 JavaScript 代码在运行的时候，它都是在执行上下文中运行的。 二、执行上下文的类型？ JavaScript 中有三种执行上下文类型。 （1）全局执行上下文：这是默认的或者说是基础的上
阅读全文
摘要：el-row的gutter失效问题完整代码在vue中可直接执行 若想gutter间距效果体现出来，需要将css样式，（如：border，background等），添加在el-col的子标签div中的class下才能生效类名添加在el-col中样式是有了，但是间距确不体现 html代码 <el-row
阅读全文
摘要：Cli3工具中，配置路径别名 最近用Vue Cli3脚手架搭建了Vue项目，发现没有build目录了，里面的webpack相关的也没了，看了官方文档后，查了资料后，发现都在vue.config.js里来配置了 配置路径别名，方便引用，不用写那么长 配置前： import TodoList from
阅读全文
摘要：一、什么是内存泄漏？ 二、JS引起内存泄漏的原因？ 意外的全局变量 闭包引用的内存泄漏 Dom元素的引用没有被释放 被遗忘的定时器或者回调函数 三、Vue中引起内存泄漏的原因 全局变量引起的内存泄漏 监听在window/body等事件没有解绑 绑在EventBus的事件没有解绑 一、什么是内存泄漏？
阅读全文
摘要：一、props / $emit 二、 $children / $parent 三、provide/ inject 四、ref / refs 五、eventBus 六、Vuex 七、localStorage / sessionStorage 八 $attrs与 $listeners vue是数据驱动视
阅读全文
摘要：一、GC(垃圾回收机制)？ GC就是指垃圾回收机制，JavaScript里垃圾数据是不用手动清除，JS引擎中有个后台进程称为垃圾回收器，它监视所有的对象，观察对象是否可以被访问，然后按照固定的时间间隔周期性的删除掉那些不可访问的对象，常用的垃圾回收算法有：引用计数法和标记清除法。 引用计数法 引用计
阅读全文
摘要：一、含义 WeakMap 和 Map 一样，都是用于生成键值对的集合 const key=['1',2]; const myWeakMap=new WeakMap().set(key,'2'); console.log(myWeakMap.get(key)) // 2 他也可以接受一个数组来作为参数
阅读全文
摘要：一、含义和基本用法 JavaScript 的对象（Object ) 本质上都是键值对的集合（Hash) ,但是它只能使用 字符串来作为键，这给它的使用带来了很大的限制。 const data = {} const element = document.getElementById('myDiv');
阅读全文
摘要：一、什么是 WeakSet? WeakSet 是一个类似于 Set 的数据结构，它和 Set 的不同有两点： * 是它里面保存的数据必须是对象，不能是其他类型的值。如果添加其他的值将会报错； * 它里面对象的引用是 弱引用，也就是说垃圾回收机制回收垃圾的时候是不会考虑它里面对对象的引用，如果其他的对
阅读全文
摘要：一、基础用法 ES6 提供的一个新的数据结构，它类似于 Array，但是和 Array 不同的是 Set 里面是每一项都是唯一的，没有重复的数据，Set 本身是一个构造函数，可以用来创建一个 Set 实例对象（注意：ie10 及以下版本是不支持 Set 对象的） const set =new Set
阅读全文
摘要：一、项目的结构 二、导出创建的路由对象 三、将导出的路由对象全部集合在一起 四、在主的index.js文件中导入数据 import { module } from './module/index.js' import vue from 'vue' // vue跳转相同路径报错 const origi
阅读全文
摘要：添加includes方法 if (!Array.prototype.includes) { Array.prototype.includes = function(search, start) { 'use strict'; if (typeof start !== 'number') { star
阅读全文
摘要：需要重写map对象 function Map() { this.elements = new Array(); // 获取Map元素个数 this.size = function() { return this.elements.length; }, // 判断Map是否为空 this.isEmpt
阅读全文
摘要：转自：https://juejin.cn/post/6844903624099758094 vue中，我们所要实现的一个场景就是： 1.搜索页面==>到搜索结果页时，搜索结果页面要重新获取数据， 2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时，要保存上次已经加载的数据和自动还原上次的
阅读全文
摘要：列表进入详情页的传参问题。 本地开发环境请求服务器接口跨域的问题 axios封装和api接口的统一管理 UI库的按需加载 如何优雅的只在当前页面中覆盖ui库中组件的样式 定时器问题 rem文件的导入问题 Vue-Awesome-Swiper基本能解决你所有的轮播需求 打包后生成很大的.map文件的问
阅读全文
摘要：一、使用hookEvent来监听组件的生命周期函数 二、小项目不使用vuex,使用vue.observable来进行状态管理。 三、深度watch与watch立即触发回调，我可以监听你的一举一动 四、for循环中针对ui样式的特征性样式或者事件 五、计算属性方法的使用 六、input事件执行的顺序
阅读全文
摘要：一、什么是虚拟dom？ 虚拟dom 其实就是一个普通的JavaScript对象，用来描叙试图上有哪些界面结构，并不生成界面，我们可以在生命周期【mounted阶段】打印this._vnode，如下： 它描叙了该阶段是div,有 哪些子节点，哪些属性，它是采用一个js对象来描叙这些，但是它并不会显示在
阅读全文
摘要：转自：https://mp.weixin.qq.com/s/haOUo3EWcu40rVdeeEU5Zg 一，什么是diff? diff 是什么？diff 就是比较两个树，render 会生成两颗树，一个新树 newVnode,一棵旧树oleVnode。然后两棵树进行对比更新差异就是 diff ,全
阅读全文
摘要：（1）在360浏览器下使用兼容模式，echarts中的饼状图不显示 原因：是由于它不支持饼状的阴影属性，可以将它注释掉，也有可能是因为它的盒子没有设置宽和高 （2）echarts它的高度超出了盒子的大小 （3）360兼容模式下a链接出现了一个虚拟的边框：可以使用outline:none解决；
阅读全文
摘要：一 什么是跨域？ 主要是由于浏览器的同源策略引用的，同源策略是浏览器的安全机制，当协议，域名，端口三者有一个不同，浏览器就禁止访问资源。 如下 url 上的源是：http://www.company.com:80 如果地址里面的协议，域名，端口号都相同就是属于同源的。 * http://www.a.
阅读全文
摘要：一、Vue中的路由 vue-router 是 vue 中提供的路由， 1.使用vue-router 的步骤： （1）导入 vue 文件和 vue-router 文件 <script src="/path/to/vue.js"></script> <script src="/path/to/vue-r
阅读全文
摘要：转自：https://mp.weixin.qq.com/s/y_l49Ak3QqmTTkxVzHWgew webpack 的作用就是根据入口文件将 源代码编译（构建，打包）成最终代码，中间经过 webpack 打包，打包的过程就是 编译。 整体的过程分为三个步骤：初始化，编译（最重要）,输出。 初始
阅读全文
摘要：一.什么是响应式的？ 响应式就是当对象本身（对象的增删值）或者对象属性（重新赋值）发生了改变的时候，就会运行一些函数，最常见的示render函数。 在具体的实现上，vue用了几个核心的部件，每一个部件都解决一个问题： Observer Dep Watcher Scheduler Observer O
阅读全文
