2020年05月_诗人远行

原创 flex布局

一，什么是flex布局1.flex布局代表弹性盒子，可用于自适应布局。2.目前所有浏览器都支持flex布局3.使用flex布局后，弹性盒子内的float无效。二，flex布局特征1.我们可以使用display：flex；display:-webkit-flex声明一个盒子为弹性盒子，盒子里的元素可称为项目。2.在弹性盒子里默认有一条水平的轴线称之为主轴，还有一条垂直的轴线称为交叉轴。所有元素默认排列在主轴上。三，容器上的属性1.flex-dirction: row || row-rever

2020-05-30 21:50:28 455

原创 BFC---块级格式上下文

一，什么是BFC1.BFC代表块级格式化上下文。2.具有 BFC 特性的元素可以看作是隔离了的独立容器，无论容器内元素如何布局都不会影响外部。二，BFC触发条件1.具有overflow属性 (inline-block和block)，且overflow属性不为visible，例如常见的overflow：hidden。2.display:inline-block,行内块级元素具有BFC属性。3.float:浮动元素4.display:flex5.position:absolute || fix

2020-05-30 16:07:23 137

原创 vue数据监听器

一，watch的作用1.watch对象用于监听数据的改变。当vue实例创建时会调用 $watch()，遍历 watch 对象的每一个 property。二，watch的使用1.watch接受一个对象，对象的键是需要观察的值，也可以是一个表达式，对象的值可以是回调函数，方法，对象，数组。2.当值是函数和方法名时。new Vue({data:{ a:1， b:1},watch:{ a:function(newVal,oldVal){ }, b:'watchB', }})3.当

2020-05-27 17:45:03 748

原创 Vue事件绑定

一，原生事件绑定1.在原生js中，我们有三种方式为一个属性绑定事件，分别为：在HTML标签上添加事件属性在js中使用html节点的事件属性绑定事件处理程序，例如node.onclick=function(){}在js中使用addEventListener("click",function(){},false)想了解更多，可参考js原生事件绑定二，Vue事件绑定 v-on:1.在vue.........

2020-05-26 11:05:41 7325

原创经典问题

一，在浏览器输入url回车后发生什么1.DNS解析，将域名解析为ip地址2.TCP连接3.三次握手4.发送http请求5.服务器响应请求，返回请求报文6.浏览器渲染页面7.四次挥手断开连接二，浏览器渲染的过程1.根据html生成一课dom树2.根据css文件生成样式规则3.结合dom树和样式规则生成渲染树4.根据节点数计算每个节点信息5.根据计算好的信息绘制页面。...

2020-05-18 20:25:36 88

原创 javaScript数值介绍

一, javascript中的数值1.在js中，数值只有整数和浮点数和NAN的概念。2.在js中，我们不仅可以使用十进制来表示数字，也可以使用二进制 (添加0b前缀)，八进制（添加0o前缀）十六进制（添加0x前缀）表示数字。{ let n=10; //十进制 console.log(n===0b1010 )// 10的二进制表示形式,true console.log(n===0o12) //10的八进制表示形式,true console.log(n===0xA) //10的十六进制表

2020-05-15 14:52:15 511

原创 Promise

一，Promise介绍1.Promise 是一个对象，从它可以获取异步操作的结果。Promise 提供统一的 API，各种异步操作的结果都可以用同样的方法进行处理。2.回调函数实现异步的方式可能会出现回调地狱，Promise 对象就是为了解决这个问题而提出的。它不是新的语法功能，而是一种新的写法，允许将回调函数的嵌套，改成链式调用，除此之外没有什么新意。二，Promise对象1，使用new...

2020-05-10 20:34:03 179

过客如期的博客