偏执带点小放纵-优快云博客

原创 vue中的props（父传子数据）

<div id="app"> <child :m="msg"></child></div><script> //child是vm的一个子组件 //template:只能获取当前实例（例如：child）data或methods中的属性 //组件之间数据传递 //vue中的数据传递是单向的 ...

2019-09-20 20:18:37 835

原创 vue中的路由重定向

<div id="app"> <router-link to="/home" tag="button">首页</router-link> <router-link to="/list" tag="button">列表页</router-link>  &...

2019-09-19 14:50:07 333

原创 vue中的导航守卫

//全局的守卫：beforeEach afterEach beforeResolve //路由的守卫：beforeEnter //组件的守卫：beforeRouteEnter brforeRouteUpdate beforeRouteLeave let home={ template:`<div>这是第{{$route.params.id}}本...

2019-09-19 12:15:19 260

原创 vue的生命周期

let vm = new Vue({ el:"#app", data:{ num:1 }, beforeCreate(){ //在这个钩子函数之前初始化一些事件和vue的生命周期 //1.不能获取vue中的data的数据 //2.docum...

2019-09-19 12:13:28 151

原创 vue的双向数据绑定

let vm = new Vue({ el: '#app', data: {name:"111"} }); let obj={name:"小明"} Object.defineProperty(obj,"name",{ get(){ console.log(1); return...

2019-09-19 12:10:39 128

原创 JS数组方法

js数组方法1.有length 有索引var ary=[12,3,4]1.pop,想删除两项时，必须使用两次，删完一项在删一项1.删除数组最后一项2.不需要传参3.pop（）返回值是删除的哪一项4.原有数组发生改变 console.log(ary) ary.pop();//删除数组最后一项 console.log(ary.pop())...

2019-09-05 21:57:08 163

原创 JS字符串方法

js字符串方法consol.log([] + 8) //“8”var name = “haha”单引号不能连着用：不能再双引号里面直接使用双引号，双引号里面可以包含单引号，单引号也可以包含双引号console.log("<img src=''>" + name + "</img>") //<img src=''>haha</img&gt...

2019-09-05 21:55:54 233

原创 JS中的节点

JS中的节点在js中页面由节点组成，一个节点就是一个对象在js中一共分为四种类型节点1、元素节点（div等）2.文本节点（写的字）3.注释节点4.document换行和空格都是文本节点 var tab = document.getElementById("tab"); // var box = document.getElementById("box"); ...

2019-09-05 21:54:59 2423 2

原创 JS动态操作Dom

动态操作domvar tab = document.getElementById(“tab”)var btn = document.getElementById(“btn”)var f = document.getElementsByTagName(“div”)动态操作dom的方法:1.动态创建元素:document.createElement("div")var a = do...

2019-09-05 21:53:56 576

原创 JS变量提升题集

1、 console.log(a);var a=12;function fn(){console.log(a);var a=13; }fn();console.log(a);输出的三次分别是多少A、undefined 12 13 B、undefined undefined 12C、undefined undefined 13 D、有程序...

2019-09-05 21:47:58 892 1

原创 JS基本数据类型

js的组成部分ECMAScript、BOM、DOM1.获取document元素document.getElementById(“id名”);document.getElementsByTagName(“标签名”);document.getElementsByClassName(“class名”);document.querySelector();document.querySe...

2019-09-05 21:11:04 130

原创 css选择器

css选择器1.css选择器语法选择器{css属性名：css属性值；…}[外链图片转存失败(img-0ZBYGb5r-1567688376631)(./1559877370894.png)]2.css注释语法：/*注释内容*/快捷键：ctrl+/3.css基本选择器1.标签选择器<style> div{ widows: 200px;...

2019-09-05 21:00:30 155

原创 css三大特性：1.继承性、2.层叠性等

css三大特性继承性层叠性优先级（权重）1.继承性子元素可以继承父元素的样式，也就是包含在内部的标签可以拥有外部标签的样式在css中只有以text-、font-、color、line-的属性才可以被继承继承不仅仅局限于子元素，后代元素都可以继承特殊性：a标签：字体颜色和下划线是不能被继承的，必须单独的设置a的颜色和下划线h标签：字体大小和粗细也不能被继承，需要单独设置...

2019-08-31 11:42:43 507

原创 H5新增标签详细解说

html5新增标签标签名描述header头部nav导航section区分大模块aside侧边栏article文章figure图片标记文档中的图像figcaption配图说明footer底部main页面主体canvas绘制图形audio音频vidio视频audio音频属性cont...

2019-08-30 16:23:42 1034

原创 flex布局

什么是弹性布局（flex布局）flex box是flexible的缩写，他是css3新引入的布局方式table布局（已经废弃）div+css3（float+定位）flex box（弹性盒子）创建flex布局如果我们想创建flex布局，只需要给父元素设置display：flex，使其子元素进行弹性布局，其中子元素变为类似line-block的状态，块级元素的默认width：10...

2019-08-24 10:51:59 165

weixin_45562774的博客