null-hands-优快云博客

Reflect对象与Proxy对象一样，是为了操作对象而提供的新 API。Reflect对象的设计目的如下:1. 将Object对象的属于语言内部的方法放到Reflect对象上2. 修改某些Object方法的返回结果，让其变得合理例：Object.defineProperty(obj, name, desc) 在无法定义属性时，会抛出一个错误 Reflect.defineProperty(obj, name, desc) 在无法定义属性时，会返

2021-09-27 22:48:40 162

原创 vue3.0 响应式原理

VUE3.0 响应式原理通过Proxy(代理): 拦截对象中任意属性的变化，包括属性的读取、添加、删除、修改。通过Reflec(反射): 对源对象的属性进行操作let person = { name: '张三', age: 25}const p = new Proxy(person,{ // 读取p的属性 prop时调用 get(target,prop){ //return target[prop] return Reflec.g

2021-09-27 22:42:40 138

原创 elementplus el-table scope作用域使用

<el-table :data="data"> <template v-for="column in columns" :key="column.prop"> <el-table-column :prop="column.prop" :label="column.label">  <template v-slot:default="scope"> <div>{{scope.row

2021-09-18 15:08:38 6965

翻译 Object.assign() ES5封装

Object..assign = function () { var target = arguments[0]; for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) {

2021-03-09 16:50:19 631

原创带图标的输入框

在项目中经常可以看见账号或密码输入框，左侧带有一个人形小图标。在vue中结合element-ui的使用：html代码 <div class="nameInput"> <el-input v-model="val" placeholder="请输入您的账号"></el-input> <img src="../assets/person.png" alt=""> </div>style样式代码.nam.

2020-11-16 23:47:05 777

原创盒子模型与内外边距设置

盒子模型（1）box-sizing:content-box: 盒子模型默认值，元素应用该模型时，计算方式为外边距+边框宽度+内边距+内容区域（margin ， border-width ，padding，实际内容占宽），设置的width/height属性只是内容区域宽度；（2）box-sizing:border-box: 元素应用该模型时，计算方式为外边距+宽度，设置的宽度包含了边框宽度+内边距+内容区域，这种方式更方便我们平时的布局，省却了很多人为的计算过程；外边距（1）margin..

2020-11-16 23:32:33 2589

原创字体大小em与rem的区别

1.px: 像素，css样式基本单位2.em: 父元素字体大小整数倍；如父元素未设置字体大小，会查找更上一级父元素的字体大小。3.rem：html页面字体大小整数倍。 <div style="font-size:10px"> <div style="font-size:2em">em为父元素字体大小整数倍: 2 * 10 = 20px</div> </div> <div style="font-size:2rem">r

2020-11-16 22:33:34 315

原创 0002.css编写文档中的年月日/日期填写格式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* 给外层div设置底部边框，div长度内容自适应 */

2020-07-17 23:16:04 1174

原创 0001.倒计时：页面刷新不重置

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!-- 时分秒分别显示 --&.

2020-07-16 23:11:41 795