maliu_-优快云博客

(1) in运算符：如果指定的属性在指定的对象或其原型链中，则in 运算符返回true(2)hasOwnProperty：检测一个对象是否含有特定的自身属性，返回一个布尔值 /* in */const user = {name:"Yaohao"}console.log('name' in user) // trueObject.prototype.age = 20console.log('age' in user) // true//此处为true的原因是user的原型就是Object.pr

2022-05-24 17:21:17 126

转载 vue中keep-alive组件使用方式

vue中keep-alive使用

2022-05-16 16:22:26 106

转载 JS中实例方法、静态方法、原型方法的关系解读

js中实例方法、静态方法和原型方法详解

2022-05-13 11:21:17 249

原创 el-image显示不出来本地图片的问题

使用el-image引入图片，会出现“FAILED” 的情况，把正常img标签中的src="@/assets/logo.png"换成:src="require(‘@/assets/logo.png’)"就可以了。或者data中的数据为require也可以

2022-05-04 09:03:34 1285

原创 Sequelize使用（二）

使用include关联查询时required的作用今天在写查询带有点赞数据的书籍接口时发现漏了一些数据Favor表的模型：Favor.init({ id: { type: DataTypes.UUID, defaultValue: DataTypes.UUIDV4, primaryKey: true }, user_id: { type: DataTypes.UUID, }, book_id: { type: DataTypes.UUID,

2022-04-25 15:30:00 489

原创 Sequelize使用（一）

使用关联查询存在Author和Book两个表，结构如下：Author.init({ id: { type: DataTypes.UUID, defaultValue: DataTypes.UUIDV4, primaryKey: true }, name: { type: DataTypes.STRING, defaultValue:'作者名' }, gender: { type: DataTypes.CHAR, defaultV

2022-04-24 17:05:18 295

原创 Object.freeze()的作用

在看VUE官方文档讲到data的时候有提到这样一句话:这里唯一的例外是使用 Object.freeze()，这会阻止修改现有的 property，也意味着响应系统无法再追踪变化所以记录一下Object.freeze()的作用.Object.freeze()方法可以冻结一个对象一个被冻结的对象再也不能被修改不能添加新属性不能删除已有属性不能修改已有属性的可枚举性、可配置性、可写性不能修改已有属性的值不能修改原型总的来说跟const声明一个常量差不多，但是我们使用const声明一个对

2022-03-29 16:33:37 3082 2

原创 vue-charts图表自适应

<div class="box"> <div class="header"></div> <div class="chart-wrapper"> <v-charts :option="option" ref="echarts"></v-charts> </div> </div><style lang="scss">.box{ height: 80%;.

2022-03-18 17:07:31 1517

原创 css提高页面性能

1. 属性设置使用简写2. 用CSS替换图片3. 删除不必要的零和单位4. 用CSS精灵图替代单个文件加载目的：为了减少生产包的体积和减少http请求节约带宽

2022-03-11 17:21:06 160

原创 px em rem vh+vw的区别

px绝对单位，网页开发的基本长度单位em相对单位，相对当前元素所在盒子字体大小进行计算。rem相对单位，相对根元素html字体大小进行计算vw和vh相对于视口的长度单位，1vw是视口宽度的1%，1vh是视口高度的1%。css的视口单位vw、vh的使用...

2022-03-11 16:22:41 149

原创 CSS可继承属性

字体font、font-family、font-size、font-style、font-variant（段落设置为小型大写字母字体）、font-weight字母间距letter-spacing（一段话中每个字母的间距）字间距word-spacing（一段话中每个单词的间距）可见性visibility文字展示line-height、text-align、text-indent（段落的第一行缩进）、text-transform（控制文本的大小写）...

2022-03-11 11:54:53 132

原创 Object.create()

Object.create()用于创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。绝大多数人的用法都是用于创建一个空对象，或者用于对象的浅拷贝，比如：var o1 = {name:'csdn'}var o2 = Object.create(o1)console.log(o2.name) // csdno2.name = 'w3c'console.log(o1.name) // csdn// 这样就完成了o2对于o1的浅拷贝其中的原理其实是把o2的__proto__指

2022-02-20 11:44:18 269

原创 nodejs中两个文件循环引入

// a.js文件const b = require('./b.js')-------------------------------------------// b.js文件const a = require('./a.js')上述情况就是循环引入，解决办法就是把其中一个文件的引入改成局部引入就可以了

2022-01-14 14:52:24 488

原创 VUE 自定义v-model

子组件<input :value="value" @input="$emit('valueChange',$event.target.value)" />export default { name:'sonComponent', model:{ prop:"value", event:"valueChange" // 自行定义事件 }, props:["value"]}父组件<son-component v-model="任意值"></son-co

2021-12-28 11:25:12 463

原创 VUE修饰符

事件修饰符.stop 阻止事件冒泡.prevent 阻止默认事件.capture 事件捕获模式,即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理.self 只在自身触发.once 只触发一次.passive 告诉浏览器不阻止默认事件，表示处理事件函数中不会调用preventDefault函数v-model修饰符.lazy 不会马上同步v-model绑定的值，等到change事件结束后才同步.number 自动将用户的输入值转化为数值类型，有数字才会自动转，且必须以数字或负

2021-12-28 10:38:09 271

原创 vue绑定class和style的用法

1、class绑定用法一：:class可以与class同时使用<div class="static" :class="{'nav':flag}"></div>用法二：<div :class="classObject"></div>或者如果不想写死Bool的值，可以定义在computed中<div :class="classObject1"></div>用法三：数组的写法可以使用三目表达式<div :clas

2021-12-27 17:13:50 596

原创 VUE常见面试题

**1.v-show和v-if的区别**v-show：使用display:none的方法将DOM元素进行隐藏，会渲染在DOM树上v-if：不会渲染在DOM树上总结：若频繁的切换某节点时，使用v-show。2.为何要在v-for中使用keykey值主要是提高虚拟DOM的效率往数组添加数据时，只要新渲染这一条数据就可以了,其他都是就复用之前的了。新增数据时，防止数据错乱，可见v-for为什么要使用key3.描述VUE组件生命周期（有父子组件）beforeCreate -> c

2021-12-22 10:43:30 204

原创 ES6 class的基本认识

一、类的简介ES6中可以通过extends关键字进行继承子类的constructor方法中必须调用super()，否则新建实例时会报错。这是因为子类自己的this对象，必须先通过父类的构造函数完成塑造。Object.getPrototypeOf()用途一：可用于判断一个类是否继承了另一个类用途二：用于替代ES5中替换实例对象的__proto__来获取原型对象const d = new Dog()Object.getPrototypeOf(d) === Dog.prototype // t

2021-12-13 14:28:49 362

原创理解prototype、getPrototypeOf和_proto_之间的不同

var u = new User('Lix', '123456');console.log(Object.getPrototypeOf(u)); // User { toString: [Function], checkPassword: [Function] }console.log(u.__proto__); // User { toString: [Function], checkPassword: [Function] }console.log(User.prototype); // U

2021-12-09 17:29:46 196

转载 JavaScript 侦测手机浏览器的五种方法

JavaScript 侦测手机浏览器的五种方法转自阮一峰的网络日志

2021-12-01 17:14:52 163

空空如也

空空如也