前端学习笔记-VUE-1

《Vue项目开发实战》学习笔记

网页开发流程

三员大将：HTML、URL、HTTP

过程：

1. 通过HTML描述信息资源
2. 通过URI（URL是URI的特例）定位信息资源
3. 通过HTTP请求信息资源

通俗来讲，用户通过浏览器的URL找到网站，此地址可以为IP，通过浏览器发出HTTP请求，运行Web服务的服务器收到请求后，返回此客户机URL中请求的HTML页面。

CDN

之前一直在听这个名词，但是却没有深入了解其含义。

CDN是 Content Delivery Network 内容分发网络，基本思路是尽可能避开互联网有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输得更快、更稳定，通过在网络各处放置节点服务器，构成在现有的互联网基础之上的一层智能虚拟网络。

CDN系统能够实时地根据网络流量和各节点的连接、负载状况，以及到用户的距离和响应时间等综合信息，将用户的请求重新导向离用户最近的服务节点上。

在VUE中，引入vue.js的方式之一是在script模块中复制CDN上的链接，这样是为了能够实现CDN加速。

ES6

今天只学习了一部分， 有几个之前开发遇到的疑点得到了解答。

模板文本

ES6之前采用拼接方式，在ES6中，可以使用新语法${Name}，并将其放在反引号里面

var name = ˋ Your name is ${first} ${last}.ˋ; (ES6)

等同于 var name = ' Your name is ' + first + ' ' + last + '.'; (ES5)

 

解构赋值

ES5:

var data = $ ('data').data(); //data中拥有两个属性house和mouse

house  = data.house;

mouse = data.mouse;

ES6:

var { house, mouse } = $('body').data();

var { username, password } = req.body;

增强对象文本

_proto_来设置函数属性