沐夏52Hz

摘要： 在说明它们的区别之前，首先需要了解JS的数据类型和它们的存放位置。 数据类型 基本数据类型：String、Number、Boolean、Undefined、Null、Symbol（es6）、BigInt（es6） 引用数据类型：Object 存放位置 基本数据类型是存放在栈中的数据段，直接存储的就是 阅读全文

摘要： 开发时经常会遇到这样的样式需求：【根据返回的字段控制当前盒子使用不同的样式】 一般来说，字段内容都为两种：true/false，或0/1，或两个不同的字符串，这种情况下可以使用【动态class+三元表达式】的方法解决。 但偶然也会出现多个的情况，此时三元表达式就显得不够用了，要么会判断很多层变得冗长 阅读全文

摘要： 【问题描述】 在需求开发的过程中遇到了一个奇怪的问题： 点击弹窗开启表单，分明没有添加任何键盘事件，但在按下回车键时会让页面自动刷新，因此影响到了其他功能。 【产生原因】 查阅资料后得知，当 el-form 表单里只有一个 el-input 时，按下回车建会自动触发页面提交功能，因此导致了页面的刷新 阅读全文

摘要： 常用的方法一共有三种，可以根据需求自行选择~ 1. hasOwnproperty() 这个方法是最常用的，所有继承了 Object 的对象都会继承到 hasOwnProperty 方法。 和 in 运算符不同，该方法会忽略掉那些从原型链上继承到的属性。 let boy = { name: 'Rave 阅读全文

摘要： 循环数组 对数组的循环可以说是最基础的。 item指的是数组元素，index指的是下标。 <template> <div> <div v-for="(item, index) in list" :key="index"> {{index}}--{{item}} </div> </div> </tem 阅读全文

摘要： 因为如果data 是一个对象则会造成数据共享。 组件是用来复用的，并且 JS 里对象是引用关系，所以说如果组件中 data 是一个对象，那么在多次使用该组件时，只要改变其中一个组件的值就会影响到全部该组件的值，即该组件的data属性值会相互影响（这些实例用的是同一个构造函数，由于JavaScript 阅读全文

摘要： 一、什么是生命周期 生命周期就是一个事物从出生到消失的过程。 Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载等一系列过程。 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己 阅读全文

摘要： 【需求】实现三个（数字+文字）的页面效果 【场景】后端提供的数据格式为对象，其中有三个键名对应着所需数字，文字则不提供（需前端自行匹配） 【思路】 1. 最开始的做法是单独写出来 <div class="test"> <div> <p class="figure">{{ obj.numA }}</p 阅读全文

摘要： 使用场景 点击按钮调用接口，再弹出页面。 遇到问题 页面始终无法弹出。 原因分析 弹出页面的时候用到的是window.open，而接口调用需要3~5s的时间，此时页面被浏览器判定为自动弹出的流氓广告，而不是用户自动点击弹出的页面，所以会被浏览器屏蔽。 解决方法 设置弹框或者第二按钮，当接口加载完成时 阅读全文

摘要： 当判断条件繁多时，用if...else虽然可以得到想要的结果，但显得相当复杂，且不够高级。 此时我们可以用switch...case来替换，会更加简洁，且利于阅读，但这种方法也比较普遍。 还有一种更优化的方法——es6提供了Map 对象来保存键值对，任何值(对象或者原始值) 都可以作为一个键或一个值 阅读全文