04 2020 档案
摘要：生命周期： vue实例有一个完整的生命周期，也就是开始创建，初始化数据，编译模板，挂载dom，渲染-更新-渲染，销毁等 主要就是分为三个阶段：初始化、运行中、销毁。 钩子函数： beforcreate（）创建前；created（）创建后； beformount（）挂在前；mounted（）挂在后；
阅读全文
摘要：事件委托的实现流程 找到要添加事件的节点：父节点 把事件添加在找到的父节点上 通过target触发对象，找到符合条件的元素节点，操作想要的效果 window.onload = function(){ var oUl = document.getElementById('ull'); var aLi
阅读全文
摘要：1、let是es6新增的声明变量的方式 ：（1）作用域是块级作用域(2)不存在变量提升； (3) 不能重复定义，否则会报错 (4)存在暂时性死区（在声明之前引用的话会产生死区） 2、 const： 用来声明常量，且声明的常量是不允许改变的（否则会报错），只读属性，因此就要在声明的同时赋值。const
阅读全文
摘要：position的值：relative，fixed和absolute分别是相对谁进行定位的 position：定位属性； 定位都脱离层。 语法：position：static /absolute/relative/fixed absoluted/relative/fixed 对定位有效，层级属性用z
阅读全文
摘要：<p>hello_word</p> p{ animation-name:textgo;(动画名) animation-duration:3s;(动画时间) animation-timing-function:速度曲线(ease,ease-in.ease-out,linear,)// animatio
阅读全文
摘要：文字阴影： text-shadow:5px 2px 6px green； 第一个参数：阴影x轴方向的距离大小； 第二个参数：阴影y轴方向的距离大小； 第三个参数：阴影的模糊程度； 第四个参数：阴影的颜色。 边框阴影： box-shadow: 3px 2px 6px red； 第一个参数：x坐标方向上
阅读全文
摘要：body部分： 上传图片<input type="file" ref="file2" name="check_img_url" @change="tirggerFile($event)" /> <div> <img style="width:100px;height:100px;margin-lef
阅读全文
摘要：一：封装一个vue组件，并引入组件 Toast里的代码如下 <template> <transition enter-class enter-active-class="animated fadeIn" enter-to-class leave-class leave-active-class="a
阅读全文
