2018年8月——与前端的第一次亲密接触

刚刚开始帮老师做一个前台的项目，写下这些帮助自己记忆。

前端有哪些内容？

目前接触到HTML5、CSS、JavaScript、Jquery、Ajax以及Json格式的数据传输 等。其中Html5是最基本的结构层，Css是点缀的表现层，JavaScript是行为层。
Css文件分为三种：内联式、嵌入式和外部式，这三种的优先级是：内联式>嵌入式>外部式。（遵循就近原则）。
JavaScript（简称js）是一种主要运行于浏览器中的弱类型的动态脚本语言，可以用来实现网页上的一些高级功能，如数据验证处理、页面动态效果、定时任务、与用户交互、发送/接收服务器端数据等等。
jQuery是js的一个工具库，John Resig发现了一个盲点——css样式应用到页面上的元素时，是有一套规则的，即css选择器，浏览器可以通过css选择器找到匹配的元素并将指定的样式应用到这些元素上。也就是说，通过css选择器可以有效地进行元素查找定位，但它最初只被用于样式领域。于是，John Resig根据css选择器编写了jQuery选择器，并对选择器的规则进行了扩充，从而让元素查找变得非常方便。例如，上面2个例子用jQuery可以写为：
$(’#elem1’)
与
$(":checkbox")
同时，jQuery还有一个核心思想——链式操作，例如：
$(‘div.con’)
.height(100)
.show();
这样的连续调用可以让代码书写更加简洁，也就是jQuery自己的口号：write less, do more。

ajax全称Asynchronous JavaScript and XML（异步的JavaScript与XML），是网页无需刷新页面、使用js与服务器进行交互的一种技术。
JSON全称JavaScript Object Notation（js对象标记法），由Douglas Crockford在2002年发现并制定了标准。从名称上就可以看出来，JSON是基于JavaScript的，是JavaScript的一个子集。JSON是用JavaScript语法来表示数据的一种轻量级语言。
在ajax刚出现的时候，绝大多数应用都是采用XML格式，也有少数使用纯文本的。但是XML格式有一个缺点，就是文档构造复杂，需要传输比较多的字节数。在这种情况下，JSON的轻便性逐渐得到重视，后来替代XML成为ajax最主要的数据传输格式。

五大浏览器：
谷歌(Chrome)、火狐(Mozilla FireFox)、微软(IE7、Edge)、苹果(Safari)、Opera

浏览器内核：（作用是渲染）
主要分为两部分：渲染引擎和JS引擎
渲染引擎种类：
（1） Trident (IE内核), 国内很多双核浏览器的其中之一就是Trident，类名为：“兼容模式”。如360急速浏览器、百度浏览器等。其中Windows10中的Edge浏览器的内核是(EdgeHTML)。
（2） Gecko(firefox) 代码开源，慢慢没落，打开速度太慢
（3） Webkit(Safari) 最开始Google Chrome 也是使用Webkit内核，后来才改用Bink。
（4） Chrominum/Bink(Google) 大部分的国产浏览器采用Bink内核。
（5） Presto（Opera）挪威产浏览器，后采用Bink内核。

Web标准：结构标准（XML、XHTML）、行为标准(DOM和ECMAscript)、表现标准(css)。

语义化：标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。

语义化的优点：

1. 更容易被搜索引擎收录。
2. 更容易让屏幕阅读器读出网页内容。