web前端
文章平均质量分 83
愚蠢史迪奇
前端学习之路。。。
展开
-
前端大杂烩之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 · 206 阅读 · 0 评论 -
前端大杂烩之JS(六)
20. 图片滚动懒加载 懒加载的意义(为什么要使用懒加载) 对于图片过多的页面,为了加速页面加载速度,很多时候我们需要将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载。这样对于页面加载性能上会有很大的提升,也提高了用户体验。 原理 图片滚动懒加载的原理非常简单:基于<img>标签,在初次加载时,不把图片url放在src属性中,而是自定义一个属性,例如dat...原创 2018-06-19 15:38:55 · 316 阅读 · 0 评论 -
前端大杂烩之JS(八)
28. typeof 和 instanceof 区别,instanceof原理 typeof typeof方法返回一个字符串,来表示数据的类型,但是数组、正则、日期、对象的typeof返回值都是object。所以用typeof方法来判断引用数据类型,是有一定误差的。 instanceof instanceof用于判断某个变量是否是某个对象的实例,返回值为true或false,当typeof无法...原创 2018-07-10 09:12:43 · 169 阅读 · 0 评论 -
前端大杂烩之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 · 220 阅读 · 0 评论 -
前端大杂烩之ES6(一)
1. 谈一谈Promise Promise是ES6中几个重要特性之一,这里不详细展开,只简单介绍一下Promise的几个用法和作用,想更深入的了解,可以去看其他的ES6文档。 Promise对象可以理解为执行的一次异步操作,只是它可以用链式的方式来编写代码,而不用像以往嵌套那样,一层一层的写回调函数。 Promise对象的特点: 1、对象的状态不受外界影响。 Pro...原创 2018-07-17 17:35:40 · 253 阅读 · 0 评论 -
前端大杂烩之ES6(二)
5. es6的Generator是什么,async/await 实现原理 从语法上来说,Generator函数就是一个状态机,封装了多个内部状态。 Generator函数跟普通函数的写法有非常大的区别: 一、function关键字与函数名之间有一个星号; 二、函数体内部使用yield语句,定义不同的内部状态。function* test() { yield '...原创 2018-07-23 16:32:16 · 194 阅读 · 0 评论 -
前端大杂烩之计算机网络(一)
1. HTTP协议头含有哪些重要的部分,HTTP状态码 通用头部 Connection:允许客户端和服务器指定与请求/响应连接有关的选项; Date:提供日期和时间标志,说明报文是什么时间创建的; MIME-Version:给出了发送端使用的MIME版本; Trailer:如果报文采用了分块传输编码(chunked transfer encoding)方式,就可以用这个...原创 2018-07-30 10:56:12 · 250 阅读 · 0 评论 -
前端大杂烩之浏览器相关(二)
6. 浏览器的内核 浏览器的内核有两部分,一个是渲染引擎,一个是JS引擎,由于JS引擎较为独立,所以内核更倾向于说是渲染引擎。 1、Trident内核 代表浏览器是IE,此内核只能用于Windows平台,且不是开源的。 2、Gecko内核 代表作品是Firefox,最大优势是跨平台,在Microsoft Windows、Linux、MacOs X等主要操作系统中使用。...原创 2018-08-30 17:45:45 · 184 阅读 · 0 评论 -
前端大杂烩之计算机网络(二)
7. TCP连接的特点,TCP连接如何保证安全可靠的? TCP连接的主要特点 1、面向连接型的传输协议 TCP传输连接只能有两个端点,只能进行点对点的数据传输,不支持多播(multicast)和广播(broadcast)传输方式。 2、传输单位为数据段 TCP仍采用传统的“数据段”作为数据传输单元。由于数据段大小受应用层传送的报文大小和所途经网络中MTU值大小决...原创 2018-08-27 17:38:04 · 190 阅读 · 0 评论 -
前端大杂烩之计算机网络(三)
11. http的持久连接和管线化 持久连接 持久连接就是:只需要建立一条连接,然后在这条连接上传输多个请求和响应。 HTTP连接是建立在TCP协议之上的,建立一条TCP连接需要三次握手,TCP连接关闭时需要四次挥手。这些都是需要时间的。 持久连接的一个最大的好处是:大大减少了连接的建立以及关闭时延。 管道化连接 管道化连接是在持久连接的基础上,以“流水线”的方式发...原创 2018-08-28 17:31:36 · 208 阅读 · 0 评论 -
前端大杂烩之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 · 307 阅读 · 0 评论 -
前端大杂烩之JS(四)
12. new一个对象具体做了什么? 使用关键字new创建新实例对象经过了以下几步: 1、创建一个新对象,如:var person = {}; 2、新对象的_proto_属性指向构造函数的原型对象。 3、将构造函数的作用域赋值给新对象。(也所以this对象指向新对象) 4、执行构造函数内部的代码,将属性添加给person中的this对象。 5、返回新对象person。 var person ...原创 2018-06-04 14:33:13 · 249 阅读 · 0 评论 -
前端大杂烩之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 · 183 阅读 · 0 评论 -
前端大杂烩之CSS(二)
5. position和display。(1)display属性的值与作用; none1)表示该元素不会显示,并且该元素的空间也不存在,可理解为已删除;2)visibility:hidden只是将元素隐藏,但不会改变页面布局,但也不会触发该元素已经绑定的事件;3)opacity:0,将元素隐藏,不会改变页面布局,但会触发该元素绑定的事件。 inline1)内联元素,与其他元素在一行;2...原创 2018-04-25 11:04:32 · 185 阅读 · 0 评论 -
前端大杂烩之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 · 265 阅读 · 0 评论 -
前端大杂烩之CSS(六)
19. 如何创建BFC?解决什么问题? BFC(边距重叠解决方案) 1、BFC的基本概念: 块级格式化上下文; 2、BFC的原理:BFC的渲染规则 ①:在BFC这个元素的垂直方向的边距会发生重叠。 ②:BFC的区域不会与浮动元素的box重叠。 ③:BFC在页面上是一个独立的容器,外面的元素不会影响里面的元素,里面的元素也不会影响外面的元素 ④:计算BFC高度时,浮动元素也会参与...原创 2018-05-04 15:28:34 · 198 阅读 · 0 评论 -
前端大杂烩之JS(二)
5. 事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何阻止默认事件? 事件委托//事件冒泡elem.addEventListener(type,function(){},false);//事件捕获elem.addEventListener(type,function(){},true); 阻止冒泡div.onClick = function() { console.log(...原创 2018-05-11 09:14:36 · 266 阅读 · 0 评论 -
前端大杂烩之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 · 127 阅读 · 0 评论 -
前端大杂烩之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 · 245 阅读 · 0 评论 -
前端大杂烩之CSS(四)
11. css dpi 和 ppi 1. dpi:(dot per inch)每英寸多少点,该值越高,则图片越细腻,用于打印; DPI是Dots Per Inch(每英寸所打印的点数)的缩写,是打印机、鼠标等设备分辨率的单位。这是衡量打印机打印精度的主要参数之一,一般来说,该值越大,表明打印机的打印精度越高。 注意:DPI是手机图片输出的一个衡量标准,一般用于图片打印时调节参数。针对特定的图像...原创 2018-04-29 10:34:30 · 169 阅读 · 0 评论 -
前端大杂烩之JS(三)
8. call,apply,bind 在JavaScript 中,this的指向是动态变化的,很可能在写程序的过程中,无意中破坏掉this的指向,所以我们需要一种可以把this的含义固定的技术,于是就有了call,apply 和bind这三个方法,来改变函数体内部 this的指向,因为函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 callvar a = { ...原创 2018-05-21 10:28:18 · 208 阅读 · 0 评论 -
前端大杂烩之浏览器相关(一)
1. 跨域,为什么JS会对跨域做出限制 如果浏览器不对跨域进行限制,用户的数据很容易被其他人盗取,网站也容易被恶意攻击,所以为了浏览器安全,浏览器实现了同源策略,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源;2. 前端安全:xss,csrf 什么是XSS、CSRF XSS: 跨站脚本(Cross-site scripting,通常简称为XSS)是一种网...原创 2018-08-29 18:03:17 · 266 阅读 · 0 评论