- 博客(10)
- 收藏
- 关注
原创 ES6 Reflect 概要
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
121
原创 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
101
原创 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
6245
翻译 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
563
原创 带图标的输入框
在项目中经常可以看见账号或密码输入框,左侧带有一个人形小图标。在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
727
原创 盒子模型与内外边距设置
盒子模型(1)box-sizing:content-box: 盒子模型默认值,元素应用该模型时,计算方式为 外边距+边框宽度+内边距+内容区域(margin , border-width ,padding,实际内容占宽),设置的width/height属性只是内容区域宽度;(2)box-sizing:border-box: 元素应用该模型时,计算方式为 外边距+宽度,设置的宽度包含了 边框宽度+内边距+内容区域,这种方式更方便我们平时的布局,省却了很多人为的计算过程;外边距(1)margin..
2020-11-16 23:32:33
2507
原创 字体大小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
272
原创 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
1110
原创 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
676
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人