关于VUE科普：
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。/就是一种框架，需要Cmd上安装很多东西/
https://cn.vuejs.org/v2/guide/#
——————-这个是关于VUE的科普链接
在代码中，引入VUE库
<script scr=”http://unphg.com/vue"></script>
基础知识科普：
1、Javascript介绍
Javascript是一种基于事件和对象的脚本语言，其特点有：
（1）安全性，不允许访问本地硬盘，只做信息的简单动态交互；
（2）跨平台性。
Javascript在应用中可以封装在HTML中，也以标签的形式存在，其标签名为<script></ script>，通过src属性引入一个js文件，同时必须加入type属性注明javascript。
<script type="text/javascript">
var arr = [1,2,3,4];
for(var x = 0; x < 4; x++)
{
alert(arr[x]);
}
</script>
/其中的type=”text/javascript”就是注明type属性注明javascript。/
Javascript的变量:
定义变量所用关键字：var。其默认值是undefined。
JS中的变量均为弱类型，即定义时不指定变量的具体类型。
arr表示数组
alert表示输出
for（A,A<4;A++）:表示
2、HTML介绍
HTML（Hyper Text Mark-up Language超文本标记语言）的缩写（标记：就是用来描述网页内容的一些特定符号）。HTML不是编程语言，而是一种描述性的标记语言，用于描述网页内容的显示方式，比如文字的颜色、大小，这些都是利用html标记来实现的。
/前端工程师的工作，就是对这个HTML文件编程/
HTML文档的创建方式：
1\手工直接编写（例如记事本）
2\通过图形化的HTML开发软件Dreamweaver
3\由web服务器上的动态网页程序生成
HTML的语法:
HTML最基本的语法就是<标记符>内容</标记符>，标记符通常都是承兑使用的，有一个开始标记和一个结束标记。结束标记只是在开始标记的前面加上一个斜杠/,当浏览器打开html文件后，就会理解里面的标记符，然后把标记符对应的功能表达出来。
HTML标记的类型：单标记与双标记
1、单标记
<标记名称>：单一型，无属性值。如<br/>
<标记名称 属性="属性值">：单一型，有属性值。如<hr width="80%" />
2、双标记
<标记名称>...</标记名称>：没有属性值。如<title>...</title>
<标记名称 属性="属性值">...</标记名称>：有属性值。如<body bgcolor="red">...</body>
总结：
标记与属性、属性之间以空格分隔，
属性不区分先后顺序，且属性不是必须的
虽然在HTML中标记不区分大小写，但在XHTML中所有的标记都必须小写，所以建议所有标记都采用小写
HTML文档结构
所有的网页文件，通常由四对标记来构成文档的骨架，它们是：
<html>：标识网页文件的开始和结束，所有的html元素都要放在这对标记中
<head>：标识网页文件的头部信息，如标题、搜索关键字等
<title>标题</title>：标识文件的标题
</head>
<body>：标识文件的主体部分
正文
</body>
</html>meta标记用于定义文件信息
meta标记用于定义文件信息，对网页文件进行说明，放置于<head></head>之间
设置关键字：<meta name="keywords" content="value">，多个关键字内容之间可以用逗号分隔。
设置描述：<meta name="description" content="value"/>
设置页面定时跳转：<meta http-equiv="Refresh" content="2;http://www.itcast.com"/>
设置字符集：<meta http-equiv="content-type" content="text/html;charset=gb2312"/>网页主体标记body
<body bgcolor=”背景颜色” background=”背景图片” text=”文本颜色” link=”链接文本颜色” vlink=”访问过的链接文本颜色” alink=”激活的链接文本颜色” leftmargin=”zuobianjie” rightmargin=”右边界” topmargin=”上边界” bottommargin=”下边界”>
字体修饰
<font>标记：
<font color=”文本颜色” size=”字号” face=””></font>
字符格式
段落控制标记
<p align=”对齐方式”></p>
属性名称：align，属性值：left（默认）、center、right
段落标题
<hx align="对齐方式"></hx>
x取值[1-6]：hx内的文本对自动加粗显示。
注：hx针对的对象时段落，font针对的对象时任意文本
换行：<br/>换行不换段
水平直线：<hr/>
特殊标记
定义一个块引用：使用文本缩进
格式：<blockquote>…</blockquote>
属性名称：cite，属性值：url，说明：被引用的地址
预格式化：<pre></pre>
显示已经格式化好的文字，不加此标记的话，HTML浏览器会忽略所有空格和制表符
列表标记的用途：列表标记可以创建一般的无需列表、编号列表，以及定义列表的三种方式。还可以在一种列表中嵌套另一种列表。便于概括显示一系列相关的内容。
无需列表：<ul>…</ul>
有序列表：<ol>…</ol>
定义列表：<dl>…<dl>
无序列表
语法：<ul type=”项目符号类型”> <li type=”项目符号类型”>内容1</li> <li>内容2</li> </ul>
有序列表
语法：<ol start=”列表起点” type=”项目符号类型”> <li>内容1</li> <li>内容2</li> </ol>
定义列表
语法：
<dl>----------定义列表
<dt>标题1</dt>-----------表示一个项目
<dd>内容1</dd>------------表示一个项目下的更详细的内容解释
<dt>标题2</dt>
<dd>内容2</dd>
<dt>标题3</dt>
<dd>内容3</dd>
</dl>
图片基础知识：（扫盲贴）
web上支持的图片格式：
GIF（图形交换格式）：GIF格式文件最多只能保存256种颜色。该格式支持透明色，支持动画效果。
PNG（网格可移植格式）：该格式支持透明色，但不支持动画，颜色从几十种至1670万种。
JPEG（联合图像专家组）：改格式不支持透明色及动画，颜色可达1670万种。
图片标记
<img src=”图片的路径”/>
路径知识：
绝对路径：提供目标文档的完整主机名称、路径信息、及文档全称
相对路径：从当前文档开始的路径
根相对路径：从站点根目录开始的路径，以/开头
相对路径时，如果当前文档和目标文档位置平行，则直接书写文档全称；
如果当前文档和目标文档所在文件夹位置平行，则书写为文件夹名称/目标文档全称；
如果当前文档所在位置和目标文档位置平行，则书写为../目标文档全称。
表格
因为表格中可以包含任何内容，所以在使用DIV+CSS之前，网页设计师是使用表格对网页内容进行排版与布局的。
表格基本结构：
<table>...</table>--------定义表格
<tr>...</tr>----------定义行
<td>...</td>-----------定义列（单元格）
<th>...</th>-----------定义标题栏（文字加粗）表格的属性<table>：
 表格的结构化直列化格式：<colgroup>…</colgroup>
表格的标题：<table> <caption>…</caption> </table>
超链接 连接的概念 链接语法 _blank：在新窗口中打开 链接的类型 外部链接：当前文档和目标文档不在同一个站点 E-mail链接：允许访问者向指定的地址发邮件 创建锚点： 空链接：就是没有目标端点的链接 例如： 添加收藏 脚本链接：是一种特殊的链接，当单机设置脚本链接的文本或图像时，可以运行相应的JavaScript语句。 关闭窗口：输入javascript:window.close() 表单 表单标记 表单元素标记： 密码框： 多行文本框： 单选框： |
