我在乐字节学习的第一天

最新推荐文章于 2021-01-07 17:18:03 发布

zhongyiyi11

最新推荐文章于 2021-01-07 17:18:03 发布

阅读量141

点赞数

分类专栏： java 乐字节课程学习文章标签： html css javascript java 前端

本文链接：https://blog.csdn.net/zhongyiyi11/article/details/110918074

版权

乐字节同时被 3 个专栏收录

26 篇文章 0 订阅

订阅专栏

java

12 篇文章 0 订阅

订阅专栏

课程学习

12 篇文章 0 订阅

订阅专栏

第一天在乐字节学习，老师人美声甜，学习积极性都倍高了。第一次接触前端，感觉老师讲的很容易理解。

今天主要学习的是：网页编程技术及HTML CSS与JS三者之间的关系；还记得老师开课提问：我们为什么要学习网页编程？我的理解当然是互联网时代，随处可见，发展空间肯定很大咯！

如果说html（Hyper Text Markup Language）是人肢体骨架，css（Cascading Style Sheets）则是骨架样貌的拼接者，Js（Javascript）则是控制肢体骨架运动的大脑。-------------------------- 灵魂。

最准确的网页设计思路是把网页分成三个层次，即：结构层(HTML)、表示层(CSS)、行为层(Javascript)。

一、HTML、CSS、JavaScript简介及简单分工

1、什么是HTML（超文本标记语言 Hyper Text Markup
Language），HTML 是用来描述网页的一种语言。
2、CSS(层叠样式表 Cascading Style Sheets),样式定义如何显示 HTML 元素，语法为：selector {property：value} (选择符 {属性：值})
3、JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行

对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript设置一个很经典的例子是说HTML就像一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript这个植物人就可以对外界刺激做出反应，可以思考、运动、可以给自己整容化妆（改变CSS）等等，成为一个活生生的人。

如果说HTML是肉身、CSS就是皮相、Javascript就是灵魂。没有Javascript,HTML+CSS是植物人，没有Javascript、CSS是个毁容的植物人。

怎么把这三者联系在一起呢，当然得通过网页的肉身HTML,HTML是一直描述语言，它是对着浏览器描述自己的，那么它通常怎么描述具体的这个网页呢？

基本知识点：

壹：html是网页的结构，CSS是网页的样式，javascript是网页的行为。html就是网页的框架，
如网页要分成几块就是用html代码实现的；css是用来美化网页框架的，如网页中的导航就是用css控制的；
js是使网页框架具有动态效果的，如网页中的幻灯片效果就是用js来实现的。
在网页中html js cs三者无处不在，也可以说在网页中html js cs三者缺一不可。

贰：CSS是通过对页面结构的风格控制的思想，控制整个页面的风格的。
式样单放在页面中，通过浏览器的解释执行，是完全的文本，任何懂得HTML的人都可以掌握，非常的容易。
生殖对一些非常老的浏览器，页不会产生页面混乱的现象。

叁：JavaScript 是一种“脚本”（“Script”），它直接把代码写到 HTML 文档中，
浏览器读取它们的时候才进行编译、执行，所以能查看 HTML 源文件就能查看JavaScript 源代码。
JavaScript 没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。
它们的相同点，我想只有同是以 Java 作编程语言一点了。

肆：学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
CSS样式是表现(外观控制)。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。
所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。
还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

JavaScript的前世今生

JavaScript一种直译式脚本语言,它的解释器被称为 JavaScript 引擎，是浏览器的一部分，即：JavaScript是由客户端的浏览器解释执行的，所以在谈JavaScript的历史之前我们要先说一下浏览器，最早的web浏览器是创建于1991年的WorldWideWeb，后来改名为Nexus，之后出现了各类浏览器，直到1994年，网景公司（Netscape）发布了Navigator浏览器0.9版，这是历史上第一个比较成熟的网络浏览器，随后的1995年微软推出了IE浏览器，从此掀起了浏览器大战，微软采取操作系统捆绑IE浏览器，最终获得压倒性胜利，战争失利的Netscape在之后被收购、合并、解散。之后一段时间IE独领风骚，之后被Opera，Safari，Firefox，Chrome陆续瓜分掉一些市场份额，改变了一家独大的局面。

但是谈到JavaScript的历史，必须提到一个公司和一个人，那就是Netscape公司及其员工Brendan Eich，网景公司在发布了Navigator之后，急于解决浏览器与用户交互这个问题，Javascript之父Brendan Eich只用了10天的时间发明了livescript(让我辈情何以堪）,由于网景高层是java的粉丝，或者说为了抱上当时热炒的java的大腿，livascript更名为javascript,Brendan Eich他的思路是：

  （1）借鉴C语言的基本语法；

  （2）借鉴Java语言的数据类型和内存管理；
  
  （3）借鉴Scheme语言，将函数提升到"第一等公民"（first class）的地位；
  
  （4）借鉴Self语言，使用基于原型（prototype）的继承机制。

所以，Javascript语言实际上是两种语言风格的混合产物----（简化的）函数式编程+（简化的）面向对象编程。**

Javascript 1.0获得了巨大的成功，Netscape随后推出了1.1，之后作为竞争对手的微软在自家的 IE3 中加入了名为 JScript （名称不同是为了避免侵权）的JavaScript实现。由此JavaScript 的规范化被提上日程，1997年，以 JavaScript1.1 为蓝本的建议被提交给了欧洲计算机制造商协会（ECMA），ECMA牵头经过数月的努力完成了 ECMA-262 ——定义了一种名为 ECMAScript 的新脚本语言的标准。

虽然 JavaScript 和 ECMAScript 通常被人用来表达相同的意思，但 JavaScript 的含义去比 ECMA-262 中规定的多得多。
一个完整的 JavaScript 实现应由三个部分组成：

（1）核心（ECMAScript），描述了该语言的语法和基本对象。

（2）文档对象模型（DOM），描述处理网页内容的方法和接口。

（3）浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

1995年发明了Javascript,1997年就推出了国际标准，迫切需要浏览器与用户相互的情况下，javascript发展的太快了，Javascript的规格还没来及调整，就固化了。相比之下，C语言问世将近20年之后，国际标准才颁布。