摘要：
1.首先设置以下选项.该选项的作用是让微信小程序允许样式穿透. options: { styleIsolation: 'shared' } 示例： 2.然后再使用vue的样式穿透写法. ::v-deep .类样式{} 或者 /deep/ .类样式{} 阅读全文
摘要：
一、Object.entries() 方法的使用 1、Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举原型链中的属性） 2、实例代码： const obj = { fo 阅读全文
摘要：
1、for in的详细讲解, for in遍历数组的毛病 1.index索引为字符串型数字，不能直接进行几何运算. 2.遍历顺序有可能不是按照实际数组的内部顺序 3.使用for in会遍历数组[所有的可枚举属性]。 包括[原型]。例如上栗的[原型方法]method和[name]属性 所以for in 阅读全文
摘要：
lodash为了良好的浏览器兼容性, 它使用了旧版es5的模块语法; 而lodash-es则使用了es6的模块语法, 这让webpack之类的打包工具可以对其进行tree shake以删除未使用的代码来优化打包尺寸. 下面的代码直接从lodash中引入trimStart方法 import { tri 阅读全文
摘要：
说到try...catch都觉得非常熟悉了，不就是用来捕捉代码块中的错误嘛，平时也用得比较多的。然而因为了解不够多，我的面试却栽在了一个简单的知识点上：try...catch只能捕捉到同步执行代码块中的错误。 题目是：以下代码有错吗？如果有错，应该如何改正？ try { setTimeout(() 阅读全文
摘要：
需求描述 本文我们使用vue的extend方法实现一个全屏loading加载效果，需求如下： 通过命令就可以让弹框开启或关闭，比如this.$showDialog()开启，this.$hideDialog()关闭 方法可以传参更改loading中的文字 也可以传参更改loading背景色 当然这里除 阅读全文
摘要：
问题描述 有一个简单的表格，产品要求实现双击可编辑 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下： <el-tabl 阅读全文
摘要：
问题描述 某些情况下，下拉框需要做触底加载，发请求，获取option的数据 为了方便复用，笔者封装了一个自定义指令 另外也提供了一个简单的接口，用于演示 我们先看看效果图 效果图 思路分析 注意事项一 el-select要不嵌入到body中 为何，不嵌入到body标签中呢？ 答曰，更加方便自定义指令 阅读全文
摘要：
带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式，大家可以结合自己的项 阅读全文
摘要：
在Vue中使用HappyPack 1、介绍HappyPack 由于有大量文件需要解析和处理，构建是文件读写和计算密集型的操作，特别是当文件数量变多后，Webpack 构建慢的问题会显得严重。 运行在 Node.js 之上的 Webpack 是单线程模型的，也就是说 Webpack 需要处理的任务需要 阅读全文