Distance^o^-CSDN博客

原创 Ajax基础M

ajax返回的状态参考回答：0 －（未初始化）还没有调用send()方法1 －（载入）已调用send()方法，正在发送请求2 －（载入完成）send()方法执行完成，已经接收到全部响应内容3 －（交互）正在解析响应内容4 －（完成）响应内容解析完成，可以在客户端调用了实现一个Ajax参考回答：AJAX创建异步对象XMLHttpRequest操作XMLHttpRequest 对象（1）设置请求参数（请求方式，请求页面的相对路径，是否异步）（2）设置回调函数，一个处理服务器响

2020-05-10 09:40:57 232

原创 VUE相关

vue的生命周期11个生命周期钩子：beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedactivateddeactivatedbeforeDestroydestroyederrorCapturedVue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。每一个组件或者实例都会经

2020-05-10 09:32:28 195

原创 JS面试相关

说说前端中的事件流HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件onclick、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的，就需要了解一下“事件流”的概念。什么是事件流：事件流描述的是从页面中接收事件的顺序,DOM2级事件流包括下面几个阶段。事件捕获阶段处于目标阶段事件冒泡阶段addEventListener：addEventListener 是DOM2 级事件新增的指定事件处理程序

2020-05-10 09:20:32 296

原创 CSS面试M

说一下css盒模型简介：就是用来装页面上的元素的矩形区域。CSS中的盒子模型包括IE盒子模型和标准的W3C盒子模型。box-sizing(有3个值)：border-box,padding-box,content-box.标准盒子模型的盒子宽度：左右border+左右padding+widthIE盒子模型的盒子宽度：width在CSS3中引入了box-sizing属性，box-sizing:content-box;表示标准的盒子模型，box-sizing:border-box表示的是IE盒子模型最

2020-05-10 08:59:55 329

原创 HTTP/HTML/浏览器M

说一下http和https参考回答：https的SSL加密是在传输层实现的。(1)http和https的基本概念http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。https协议的主要作

2020-05-10 08:42:54 1523

原创回流，重绘，以及区别

html 加载时发生了什么在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体DOM Tree 和样式结构体组合后构建render tree, render tree类似于DOM tree，但区别很大，因为render tre...

2020-04-24 13:58:11 261

原创移动端开发知识

屏幕相关屏幕大小屏幕大小指屏幕的对角线长度，单位一般是英寸。常见的手机屏幕大小3.5 ,4, 4.7 ,5.0 ,5.5 ,6.0注意：英寸的英文为inch，英尺的英文为foot 1foot=12inch 1inch=2.54cm...

2019-12-09 19:19:40 644

原创 JS相关知识

怎样添加、移除、移动、复制、创建和查找节点1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点（2）添加、移除、替换、插入 appendChild() removeChild() replaceChi...

2019-12-06 23:24:10 254 1

原创 HTML/CSS面试

如何垂直居中一个浮动元素父盒子有宽高父元素相对定位，子元素绝对定位，top：50%；left：50%。margin负的左右二分之一的height，width`.content{position: absolute;top: 50%;left: 50%;width: 100px;float: left;height: 100px;background-color: #ff...

2019-12-06 21:13:56 266 1

MDistance的博客