03 2018 档案
摘要：1. 在beforeCreate和created钩子函数之间的生命周期 在这个生命周期之间，进行初始化事件，进行数据的观测，可以看到在created的时候数据已经和data属性进行绑定（放在data中的属性当值发生改变的同时，视图也会改变）。注意：此时还是没有el选项 2. created钩子函数和
阅读全文
摘要：一般地，一个包含外部样式表文件和外部脚本文件的HTML载入和渲染过程是这样的： 什么是阻塞？ 什么是阻塞？ 在页面中我们通常会引用外部文件，而浏览器在解析HTML页面是从上到下依次解析、渲染，如果<head>中引用了一个a.js文件，而这个文件很大或者有问题，需要2秒加载，那么浏览器会停止渲染页面（
阅读全文
摘要：总体来说可以分为以下几个过程： 一、DNS解析 1、请求一旦发起，浏览器首先要做的事情就是解析这个域名，一般来说，浏览器会首先查看本地硬盘的 hosts 文件，看看其中有没有和这个域名对应的规则，如果有的话就直接使用 hosts 文件里面的 ip 地址。 2、如果在本地的 hosts 文件没有能够找
阅读全文
摘要：当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。 HTTP状态码分类 HTTP状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数
阅读全文
摘要：在客户机和服务器之间进行请求-响应时，两种最常被用到的方法是：get和post。 get：从指定的资源请求数据。 post：向指定的资源提交要被处理的数据。 两者的区别
阅读全文
摘要：cookie的机制 cookie是存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。 Cookie是服务器发给客户端的特殊信息，cookie是以文本的方式保存在客户端，每次请求一个新的页面的时候cookie都
阅读全文
摘要：1、检测数组 自从ECMAScript3作出规定后，就出现了确定某个对象是不是数组的经典问题。对于一个网页，或者一个全局作用域而言，使用instanceof操作符就能得到满意结果。 如果网页中包含多个框架，那实际上就存在两个以上不同的全局执行环境，从而存在两个以上不同版本的Array构造函数。如果从
阅读全文
摘要：CSS中Box model是分为两种: W3C标准（标准盒模型） 和 IE标准盒子模型（怪异盒模型）。大多数浏览器采用W3C标准模型，而IE中则采用Microsoft自己的标准。 重要的一个属性是box-sizing:content-box || border-box || inherit（默认是c
阅读全文
摘要：CSS3 多列属性 创建多列：column-count column-count 属性指定了需要分割的列数。 语法：column-count: number|auto; 填充列：column-fill column-fill属性指定如何填充列。 语法：column-fill: balance|aut
阅读全文
摘要：CSS3中新的背景属性：background-image、background-size、background-origin、background-clip 背景图片：background-image CSS3中可以通过background-image属性添加背景图片。 不同的背景图像和图像用逗号隔
阅读全文
摘要：CSS3中的边框属性：border-radius、box-shadow、border-image 圆角：border-radius 使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。
阅读全文
摘要：Node.js 有多个内置的事件，我们可以通过引入 events 模块，并通过实例化 EventEmitter 类来绑定和监听事件，如下： 绑定事件处理程序：.on 触发事件：.emit .once为指定事件注册一个单次监听器，即 监听器最多只会触发一次，触发后立刻解除该监听器，也就是说不管某个事件
阅读全文
摘要：任务队列/事件队列 "任务队列"是一个事件的队列，IO设备完成一项任务，就在"任务队列"中添加一个事件，表示相关的异步任务可以进入"执行栈"了。主线程读取"任务队列"，就是读取里面有哪些事件。 "任务队列"中的事件，除了IO设备的事件以外，还包括一些用户产生的事件（比如鼠标点击、页面滚动等等）。只要
阅读全文
摘要：node.js模块的安装可以使用npm安装，如下： 每个项目的根目录下面，一般都需要一个package.json文件，定义了这个项目中所需各种模板及项目中的配置信息。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目中所需的运行和开发环境。 使用package.json安
阅读全文
摘要：简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常
阅读全文
摘要：一、float浮动 两列布局可以使用浮动来完成，左列设置左浮动，右列设置右浮动，或者向同一个方向浮动。 当元素使用了浮动之后，会对周围的元素造成影响，那么就需要清除浮动，通常使用两种方法： 给受到影响的元素设置 clear:both，即清除元素两侧的浮动，也可以设置具体清除哪一侧的浮动：clear:
阅读全文
摘要：一、什么是BFC BFC 即 Block Formatting Contexts (块级格式化上下文)，它属于定位方案的普通流（普通流中元素的位置由该元素在 HTML 文档中的位置决定）。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。在进行
阅读全文
摘要：元素在浮动之后有三个重要的特点： 解决父元素高度坍塌的方式就是清除浮动。 以下述代码为例： 最后的结果是： 一、给父元素定义height 结果为： 缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题 二、父元素也一起浮动 缺点：会产生新的浮动问题。如图中div2上
阅读全文
摘要：所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识：顶线、中线、基线、底线。 从上到下四条线分别是顶线、中线、基线、底线，vertical-align属性中有top、middle、baseline、bottom，就是和这四条线相关。基线不是最下面的线，最下面的是底线。 行高是指
阅读全文
摘要：超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。 为了解决HT
阅读全文
摘要：通过var定义的变量，作用域是整个封闭函数，是全域的 。 通过let定义的变量，作用域是在块级或是子块中。 变量提升现象：浏览器在运行代码之前会进行预解析，首先解析函数声明，定义变量，解析完之后再对函数、变量进行运行、赋值等。 - 不论var声明的变量处于当前作用域的第几行，都会提升到作用域的头部。
阅读全文
摘要：浅拷贝 对于基本类型，浅拷贝是对值的复制，对于对象来说，浅拷贝只复制指向某个对象的指针，而不复制对象本身，并没有开辟新的栈，也就是复制的结果是新旧对象还是共享同一块内存，两个对象指向同一个地址，修改其中一个对象的属性，则另一个对象的属性也会改变。 深拷贝 深拷贝会开辟新的栈，创造一个一模一样的对象，
阅读全文
摘要：行内元素 行内元素就是内联元素。例如<span>、<a>、<label>、<em>、<img>等。。 要点：直接构建一个具有 ”text-align:center“样式的容器，那么里面包含的行内元素就会都居中了。 块级元素 块级元素有：div , p , form, ul, li , ol, dl,
阅读全文
摘要：div居中 1、使用绝对定位和负外边距让块级元素垂直居中 要点：必须提前知道被居中块级元素的尺寸，否则无法准确实现垂直居中。 CSS代码： 或者如下： 2、使用绝对定位和transform让块级元素垂直居中 要点：不必提前知道被居中元素的尺寸了，因为transform中translate偏移的百分比
阅读全文
摘要：一、Flex简介 该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。在传统的布局方式中，block 布局是把块在垂直方向从上到下依次排列的；而 inline 布局则是在水平方向来排列。弹性盒布局并没有这样内在的方向限制，可以由开发人员自由操作。试用场景：弹性布局适合于
阅读全文
摘要：同源策略 源（origin）就是协议、域名和端口号。若地址里面的协议、域名和端口号均相同则属于同源。 以下是相对于 http://www.a.com/test/index.html 的同源检测 • http://www.a.com/dir/page.html 成功 • http://www.chil
阅读全文
浙公网安备 33010602011771号