关于前端（百度前端技术学院学习的第一天）

            今天是在百度前端技术学院学习的第一天，其实第一天的内容不是很多，主要是对前端知识进行了介绍，所以今天的笔记也主要以介绍前端学习中涉及到的基本概念为主吧，内容主要摘自知乎和W3C！
            CSS    
                    CSS 指层叠样式表 (Cascading Style Sheets)
                    样式定义如何显示 HTML 元素
                    样式通常存储在样式表中
                    把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
                    外部样式表可以极大提高工作效率
                    外部样式表通常存储在 CSS 文件中
                    多个样式定义可层叠为一。

            HTML与XHTML
            像人的语言一样，网络上的网页里的 HTML 代码也不一定是标准的，好比有时候你发音不太标准，别人会去猜测你说的到底是什么一样，有些时候前端程序猿不小心写错了 HTML，浏览器也会试图猜测他们原来想写的是什么，做对应的渲染，而猜是要有一个常识做依据的。加上有些浏览器支持一些标签，有一些又不支持，以及其他混乱的情况，为了防止大家鸡同鸭讲，我们需要对 HTML 代码里能有什么标签，标签怎么写，标签可以有什么属性这些东西有一定的共识，建立一个通行的标准，HTML5 就是其中一个比较新的标准。这个标准新加了很多可以用的标签和属性，然后各大浏览器也吭哧吭哧按这个标准去实现了很多这些新加的标签和属性，本来前端程序员要写一堆代码去实现的效果，现在浏览器都给你实现好了，只要写两三行，调用一下浏览器给你实现的部分就能搞定，简单愉快，所以很多人都在热情地推广这个标准~（当然新标准也不可能是完美的，总会有一些问题，怕跑题这里按下不表~）至于 XHTML，就是 HTML 的近亲 XML 和 HTML 自己的杂交品种，对语法要求比较严格，并且为了兼容 XML，在语法上与 HTML 有一些不同~
            JavaScript与浏览器脚本
            有了表示内容和语义的 HTML，规定样式的 CSS，得到的是一个静态的页面，没什么动画（其实用 CSS 还是可以有一些动画的，不过这个跑题了），按 F5 才会刷新数据，都 21世纪了，这么呆板单调的网页怎么能展现我大智人种族的创造性口胡！于是我们有了 Javascript（JS） 来给页面添加一些动态的效果，比如知乎问题的标签，鼠标移上去会弹出一个小窗口，这个就是 JS 实现的效果啦。
            浏览器都会帮你实现一些 JS 可以用的工具（函数，对象什么的），你只要写一些 JS 的代码，保存在 xxx.js 里，在 html 文件中用  <script>  关联进来就可以用了，像上图这个效果应该就包括了 鼠标悬停到标签上时创建一个新的 <div> 小窗口  用 JS
向知乎服务器发送一个请求，得到这个小窗口应该显示的数据，放在这个小窗口里（这就是所谓的AJAX，不用刷新就能与服务器进行交互，更新页面的一小部分~）浏览器拿到这样的代码，就会解析并实现出相应的效果，楼主问的浏览器脚本，指的就是这样子的代码。其实用来写浏览器脚本的，也不是非得JavaScript 不可，当年还为到底用什么语言写这种代码有过一段战火纷飞的时期，但现在尘埃落定，各大浏览器都默认了：请用 JS 写这些动态效果的代码给我解析~

作者：张秋怡
链接：https://www.zhihu.com/question/22689579/answer/22318058
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。