- 博客(22)
- 收藏
- 关注
RSS订阅原创 前端大杂烩之浏览器相关（二）
6. 浏览器的内核 浏览器的内核有两部分，一个是渲染引擎，一个是JS引擎，由于JS引擎较为独立，所以内核更倾向于说是渲染引擎。 1、Trident内核 代表浏览器是IE，此内核只能用于Windows平台，且不是开源的。 2、Gecko内核 代表作品是Firefox，最大优势是跨平台，在Microsoft Windows、Linux、MacOs X等主要操作系统中使用。...
2018-08-30 17:45:45
186
原创 前端大杂烩之浏览器相关（一）
1. 跨域，为什么JS会对跨域做出限制 如果浏览器不对跨域进行限制，用户的数据很容易被其他人盗取，网站也容易被恶意攻击，所以为了浏览器安全，浏览器实现了同源策略，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源；2. 前端安全：xss，csrf 什么是XSS、CSRF XSS： 跨站脚本（Cross-site scripting，通常简称为XSS）是一种网...
2018-08-29 18:03:17
271
原创 前端大杂烩之计算机网络（三）
11. http的持久连接和管线化 持久连接 持久连接就是：只需要建立一条连接，然后在这条连接上传输多个请求和响应。 HTTP连接是建立在TCP协议之上的，建立一条TCP连接需要三次握手，TCP连接关闭时需要四次挥手。这些都是需要时间的。 持久连接的一个最大的好处是：大大减少了连接的建立以及关闭时延。 管道化连接 管道化连接是在持久连接的基础上，以“流水线”的方式发...
2018-08-28 17:31:36
215
原创 前端大杂烩之计算机网络（二）
7. TCP连接的特点，TCP连接如何保证安全可靠的？ TCP连接的主要特点 1、面向连接型的传输协议 TCP传输连接只能有两个端点，只能进行点对点的数据传输，不支持多播（multicast）和广播（broadcast）传输方式。 2、传输单位为数据段 TCP仍采用传统的“数据段”作为数据传输单元。由于数据段大小受应用层传送的报文大小和所途经网络中MTU值大小决...
2018-08-27 17:38:04
195
原创 前端大杂烩之计算机网络（一）
1. HTTP协议头含有哪些重要的部分，HTTP状态码 通用头部 Connection：允许客户端和服务器指定与请求/响应连接有关的选项； Date：提供日期和时间标志，说明报文是什么时间创建的； MIME-Version：给出了发送端使用的MIME版本； Trailer：如果报文采用了分块传输编码(chunked transfer encoding)方式，就可以用这个...
2018-07-30 10:56:12
260
原创 前端大杂烩之ES6（二）
5. es6的Generator是什么，async/await 实现原理 从语法上来说，Generator函数就是一个状态机，封装了多个内部状态。 Generator函数跟普通函数的写法有非常大的区别： 一、function关键字与函数名之间有一个星号； 二、函数体内部使用yield语句，定义不同的内部状态。function* test() { yield '...
2018-07-23 16:32:16
199
原创 前端大杂烩之ES6（一）
1. 谈一谈Promise Promise是ES6中几个重要特性之一，这里不详细展开，只简单介绍一下Promise的几个用法和作用，想更深入的了解，可以去看其他的ES6文档。 Promise对象可以理解为执行的一次异步操作，只是它可以用链式的方式来编写代码，而不用像以往嵌套那样，一层一层的写回调函数。 Promise对象的特点： 1、对象的状态不受外界影响。 Pro...
2018-07-17 17:35:40
259
原创 前端大杂烩之JS（八）
28. typeof 和 instanceof 区别，instanceof原理 typeof typeof方法返回一个字符串，来表示数据的类型，但是数组、正则、日期、对象的typeof返回值都是object。所以用typeof方法来判断引用数据类型，是有一定误差的。 instanceof instanceof用于判断某个变量是否是某个对象的实例，返回值为true或false，当typeof无法...
2018-07-10 09:12:43
174
原创 前端大杂烩之JS（七）
24. setTimeout和promise的执行顺序 一个浏览器环境（unit of related similar-origin browsing contexts.）只能有一个事件循环（Event loop），而一个事件循环有多个任务队列（Task queue），每个任务都有一个任务源（Task source）。不同的任务队列，有不同的优先级。 用setImmediate和process.n...
2018-06-28 08:53:33
227
原创 前端大杂烩之JS（六）
20. 图片滚动懒加载 懒加载的意义（为什么要使用懒加载） 对于图片过多的页面，为了加速页面加载速度，很多时候我们需要将页面内未出现在可视区域内的图片先不做加载， 等到滚动到可视区域后再去加载。这样对于页面加载性能上会有很大的提升，也提高了用户体验。 原理 图片滚动懒加载的原理非常简单：基于<img>标签，在初次加载时，不把图片url放在src属性中，而是自定义一个属性，例如dat...
2018-06-19 15:38:55
320
原创 前端大杂烩之JS（五）
15. 举例说明一个匿名函数的典型用例 最常见的用法(function() { alert('water'); })(); 带参数(function(o) { alert(o); })('water'); 链式调用(function(o) { alert(o); return arguments.callee; })('water')('down');...
2018-06-12 17:31:03
309
原创 前端大杂烩之JS（四）
12. new一个对象具体做了什么？ 使用关键字new创建新实例对象经过了以下几步： 1、创建一个新对象，如：var person = {}; 2、新对象的_proto_属性指向构造函数的原型对象。 3、将构造函数的作用域赋值给新对象。（也所以this对象指向新对象） 4、执行构造函数内部的代码，将属性添加给person中的this对象。 5、返回新对象person。 var person ...
2018-06-04 14:33:13
255
原创 前端大杂烩之JS（三）
8. call，apply，bind 在JavaScript 中，this的指向是动态变化的，很可能在写程序的过程中，无意中破坏掉this的指向，所以我们需要一种可以把this的含义固定的技术，于是就有了call，apply 和bind这三个方法，来改变函数体内部 this的指向，因为函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 callvar a = { ...
2018-05-21 10:28:18
211
原创 前端大杂烩之JS（二）
5. 事件委托（手写例子），事件冒泡和捕获，如何阻止冒泡？如何阻止默认事件？ 事件委托//事件冒泡elem.addEventListener(type,function(){},false);//事件捕获elem.addEventListener(type,function(){},true); 阻止冒泡div.onClick = function() { console.log(...
2018-05-11 09:14:36
267
原创 前端大杂烩之JS（一）
1. js的基本类型有哪些？引用类型有哪些？null和undefined的区别 基本类型：Number,String,Boolean,Null,undefined。指的就是保存在栈内存中的简单数据段。 引用类型：Object,Array,Date,RegExp,Function。存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存处。 null和un...
2018-05-07 10:24:08
251
原创 前端大杂烩之CSS（六）
19. 如何创建BFC？解决什么问题？ BFC（边距重叠解决方案） 1、BFC的基本概念： 块级格式化上下文； 2、BFC的原理：BFC的渲染规则 ①：在BFC这个元素的垂直方向的边距会发生重叠。 ②：BFC的区域不会与浮动元素的box重叠。 ③：BFC在页面上是一个独立的容器，外面的元素不会影响里面的元素，里面的元素也不会影响外面的元素 ④：计算BFC高度时，浮动元素也会参与...
2018-05-04 15:28:34
201
原创 前端大杂烩之CSS（五）
14. 移动端布局方案 1. 单位（rem）； 2. 使用<meta>标签中的viewport解决适配问题； 3. 使用弹性布局盒子布局；15. 清除浮动的原理 主要有一个概念，Block formatting contexts （块级格式化上下文），简称 BFC。 如何触发BFC呢？1. float 除了none以外的值 2. overflow 除了visible 以外的值（hid...
2018-05-02 09:13:15
189
原创 前端大杂烩之CSS（四）
11. css dpi 和 ppi 1. dpi：(dot per inch)每英寸多少点，该值越高，则图片越细腻，用于打印； DPI是Dots Per Inch（每英寸所打印的点数）的缩写，是打印机、鼠标等设备分辨率的单位。这是衡量打印机打印精度的主要参数之一，一般来说，该值越大，表明打印机的打印精度越高。 注意：DPI是手机图片输出的一个衡量标准，一般用于图片打印时调节参数。针对特定的图像...
2018-04-29 10:34:30
176
原创 前端大杂烩之CSS（三）
8. grid布局 CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。首先，你必须使用 display: grid 将容器元素定义为一个 grid(网格) 布局，使用 grid-template-columns 和 grid-template-rows 设置 列 ...
2018-04-27 15:16:16
131
原创 前端大杂烩之CSS（二）
5. position和display。（1）display属性的值与作用； none1）表示该元素不会显示，并且该元素的空间也不存在，可理解为已删除；2）visibility：hidden只是将元素隐藏，但不会改变页面布局，但也不会触发该元素已经绑定的事件；3)opacity：0，将元素隐藏，不会改变页面布局，但会触发该元素绑定的事件。 inline1）内联元素，与其他元素在一行；2...
2018-04-25 11:04:32
191
原创 前端大杂烩之CSS（一）
1. 盒模型，box-sizing CSS中的盒模型一般分为标准W3C盒模型和IE盒模型。在标准盒模型中，width 和 height 指的是内容区域的宽度和高度。而在IE盒模型中，内容区域的宽度和高度还包括了边框、内边距。 在CSS3中新增加了box-sizing属性，能够事先定义盒模型的尺寸解析方式。border-box重新定义CSS2.1中盒模型组成的模式，让元素维持IE传统的盒模型（I...
2018-04-21 09:22:43
270
原创 前端大杂烩之HTML
1. HTML5新特性。 （1）语义特性（Semantic）； （2）本地存储特性（OFFLINE & STORAGE）； （3）设备访问特性 (DEVICE ACCESS)； （4）连接特性（CONNECTIVITY）； （5）网页多媒体特性(MULTIMEDIA)； （6）三维、图形及特效特性（3D, Graphics & Effects）； （7）性能与集成特性...
2018-03-20 22:10:47
208
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人