xuan的博客

一.组件1.目录结构：在components中写组件2.引入、注册3.使用4.CSS局部作用域在本组件内有效5.其他在组件内还可挂载其他组件6.父组件给子组件传值、方法、整个实例父组件：子组件：验证父组件传过来的值是否是某种类型的数据7.父组件主动获取子组件的数据和方法8.子组件主动获取父组...

一、请求首部字段请求首部字段是从客户端往服务器端发送请求报文中所使用的字段，用于补充请求的附加信息、客户端信息、对响应内容相关的优先级等内容。二、Accept（媒体类型）Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8（1）Accept首部字段可通知服务器，用户代理能能够处理的媒体...

一、响应首部字段响应首部字段是由服务器端向客户端返回响应报文中所使用的字段，用于补充响应的附加信息、服务器信息，以及对客户端的附加要求等信息。二、Accept-Ranges（告知客户端服务器是否能处理范围请求）Accept-Ranges: bytes （1）首部字段Accept-Ranges是用来告知客户端服务器是否能处理范围请求，以指定获取服务器某个部分的资源。（2）...

一、实体首部字段实体首部字段是包含在请求报文和响应报文中的实体部分所使用的首部，用于补充内容的更新时间等与实体相关的信息。二、Allow（通知客户端能够支持Request-URI指定资源的所有HTTP方法）Allow: GET, HEAD （1）首部字段Allow用于通知客户端能够支持Request-URI指定资源的所有HTTP方法。（2）当服务器接收到不支持HTTP方...

一、概述在HTTP协议中有可能存在信息窃听或身份伪装等安全问题。使用HTTPS通信机制可以有效地防止这些问题。二、HTTP的缺点（1）通信使用明文（不加密），内容可能会被窃听。（2）不验证通信方的身份，因此有可能遭遇伪装。（3）无法证明报文的完整性，所以有可能已遭篡改。 通信使用明文可能会被窃听 （1）由于HTTP本身不具备加密的功能，所以也无法做到对通信整体（使用H...

一、概述某些Web页面只想让特定的人浏览，或者干脆仅本人可见。未达到这个目标，必不可少的就是认证功能。二、何为认证（1）登录者本人才会有的信息密码：只有本人才会知道的字符串信息。动态令牌：仅限本人持有的设备内显示的一次性密码。 数字证书：仅限本人（终端）持有的信息。 生物认证：指纹和虹膜等本人的生理信息。 IC 卡等：仅限本人持有的信息（2）但是，即使对...

一、消除 HTTP 瓶颈的 SPDY（1）Google 在 2010 年发布了 SPDY（取自 SPeeDY，发音同 speedy），其开发目标旨在解决 HTTP 的性能瓶颈，缩短 Web 页面的加载时间（50%）。 （2）HTTP 的瓶颈1）使用 HTTP 协议探知服务器上是否有内容更新，就必须频繁地从客户端到服务器端进行确认。如果服务器上没有内容更新，那么就会产生徒劳的通信。 ...

一、概述互联网上的攻击大都将Web站点作为目标。二、针对Web的攻击技术（1）简单的HTTP协议本身并不存在安全性问题，因此协议本身几乎不会成为攻击对象。（2）应用HTTP协议的服务器和客户端，以及运行在服务器上的Web应用等资源才是攻击目标。（3）HTTP 不具备必要的安全功能几乎现今所有的 Web 网站都会使用会话（session）管理、加密处理等安全性方面的功能，...

一、状态码告知从服务器端返回的请求结果（1）状态码的职责是当客户端向服务器发送请求时，描述返回的请求结果。（2）借助状态码，用户可以知道服务器是正常处理了请求，还是出现了错误。（3）状态码如200 OK，以3位数字和原因短语组成。数字中的第一位指定了响应类别，后两位无分类。响应类别有以下5种。二、2XX成功2XX的响应结果表明请求被正常处理了。（1）200 OK1）...

一、HTTP报文首部（1）HTTP协议的请求和响应报文中必定包含HTTP首部。（2）首部内容为客户端和服务器分别处理请求和响应提供所需要的信息。（3）报文首部由几个字段构成（4）首部字段同时存在于请求和响应报文内，并涵盖HTTP报文相关的内容信息。 HTTP请求报文 （1）在请求中，HTTP报文由方法、URI、HTTP版本、HTTP首部字段等部分构成。 ...

一、HTTP报文（1）用于HTTP协议交互的信息被称为HTTP报文。（2）请求端（客户端）的HTTP报文叫做请求报文，响应端（服务器端）的叫做响应报文。（3）HTTP报文本身是由多行（用CR+LF作换行符）数据构成的字符串文本。（4）HTTP报文大致可分为报文首部和报文主体两块。两者由最初出现的空行（CR+LF）来划分。通常，并不一定要有报文主体。二、请求报文及响应报文的结...

一、HTTP协议用于客户端和服务器之间的通信（1）请求访问文本或图像等资源的一端称为客户端，而提供资源响应的一端称为服务器端。（2）在两台计算机之间使用 HTTP 协议通信时，在一条通信线路上必定有一端是客户端，另一端则是服务器端。（3）HTTP 协议能够明确区分哪端是客户端，哪端是服务器端。二、通过请求和响应的交换达成通信（1）HTTP协议规定，请求从客户端发出，最后...

一.模板语法1.插值（1）文本（2）v-once指令（3）v-html指令（4）Mustache 语法不能作用在 HTML 特性上，遇到这种情况应该使用v-bind 指令（5）使用javascript表达式限制：2.指令（1）参数（2）动态参数对动态参数的值的约束（3）修饰符（4）缩写...

一.使用（1）注册1）全局注册全局注册后，仍和Vue实例都可以使用。Vue.component ('my-component', { //逃项 template : '<div>这里是组件的内容</div>'})my-component 就是注册的组件自定义标签名称，推荐使用小写加减号分割的形式命名。template的 DOM ...

一.Vue.js概念Vue.js的官方文档中是这样介绍它的。简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。1）简单小巧是指Vue.js压缩后大小仅有17KB。2）所谓渐进式（Progressive），就是你可以一步一步、有阶段性地来使用Vue.js,不必一开始就使用所有的东西。二.Vue.js使用（1）直接通过script加载CDN文件<!--自动识别最新...

1、基本用法（1）自定义指令的注册方法和组件很像，也分全局注册和局部注册，比如注册 v-focus 的指令，用于在＜input> 、＜textarea>元素初始化时自动获得焦点，两种写法分别是：写法与组件基本类似，只是方法名由 component 改为了 directive 。上例只是注册了自定义指令v-focus ，还没有实现具体功能，下面具体介绍自定义指令的各个选项。...

一、概述（1）Vue.js 2.x与Vue.js 1.x最大的区别就在于2.x使用了Virtrual Dom（虚拟DOM）来更新DOM节点，提升渲染性能。（2）写在template选项里的组件模板，在Vue.js编译时，会解析为Virtrual Dom。（3）Render，是Vue.js用于实现Virtrual Dom的。二、Virtrual Dom（虚拟DOM）（1）Reac...

一、规则1----减少HTTP请求（1）图片地图图片地图允许你在一个图片上关联多个URL。目标URL的选择取决于用户单击了图片上的哪个位置。（2）CSS Sprites(3)内联图片通过使用data:URL模式可以在Web页面中包含图片但无需任何额外的HTTP请求。1.格式（4）合并脚本和样式表二、规则2----使用内容发...

一.概述Vue.js提供了插件机制，可以在全局添加一些功能。它们可以简单到几个方法、属性、也可以很复杂，比如一整套组件库。二.注册插件（1）注册插件需要一个公开的方法install，它的第一个参数是Vue构造器，第二个参数是一个可选的选项对象。（2）通过Vue.use()来使用插件Vue.use(MyPlugin)//或Vue.user(MyPlugin,{ //...

一、响应式Web设计基础响应式Web设计可以让一个网站同时适配多种设备和多个屏幕，可以让网站的布局和功能随用户的使用环境（屏幕大小、输入方式、设备/浏览器能力）而变化。（弹性布局、弹性图片、媒体查询）1、什么是响应式Web设计所谓响应式Web设计，就是网页内容会随着访问它的视口及设备的不同而呈现不同的样式。2、视口（1）浏览器中用于呈现网页的区域叫视口。视口通常并不等于屏幕大小...

一、概述一台Web服务器可搭建多个独立域名的Web网站，也可作为通信路径上的中转服务器提升传输效率。二、用单台虚拟主机实现多个域名（1）HTTP/1.1规范允许一台HTTP服务器搭建多个Web站点。（2）及时物理层面只有一台服务器，但只要使用虚拟主机的功能，则可以假想已具有多台服务器。（3）在相同的IP地址下，由于虚拟主机可以寄存多个不同主机名和域名的Web网站，因此在发送...