前端小白废话多

前端小白 跨门槛学习 笔（zha）记

hello world！ 我是前小白，一名平凡的前端工程师。

• 想必大伙儿都知晓，前端人前端魂，前端都是人上人，不懂HTML不是前端人。
• 作为前端人所必会的三大基础是什么？ HTML！CSS！JavaScript！没错，缺一不可，这三样从脱口而出的顺序上也能看出难度逐渐攀升， HTML网页结构最为简单，其次是 CSS网页样式，JavaScript网页交互（这个不得不加一嘴，前端人须长期修炼专研）。这也是前端发展起来的迭代史。从起初用户只能看，不能交互，再到如今人机互动，人人互动（未来可能会加机器与机器间的互动）的丰富多彩，才孕育了当今互联网这个庞大的活跃体。万物互联。

HTML + CSS + Javascript = 网页

HTML：Hyper Text Markup Language 超文本标记语言；定义网页中有什么。

CSS：Cascading Style Sheets 层叠样式表；定义网页中的东西长什么样子

JavaScript 脚本语言，另外重申下，Java语言和JavaScript语言没关系，非要有关系就是老婆和老婆饼的关系，周杰和周杰伦的关系

我而言之：

网页 <= 类似 => 佳人

1. HTML 就是 人出生的大体结构。如：一个头，一个躯体（其中有包阔两个手，两条腿）
2. CSS 就是 人后期对自己的打扮修饰。如：我想要给自己胡歌柳叶眉，图个酒红唇，修个指甲等
3. JavaScript 就是 人的灵魂，性格。如：对人处事，待人接物的举止谈吐。给我点赞的好人，说“谢谢您，漂亮人”。
   网页 <= 类似 => 房屋
4. HTML 就是 毛坯房。
5. CSS 就是 房屋的修饰，落地窗，墙色等
6. JavaScript 就是 房子的一些功能特点。如开门后语音一句“欢迎回家”，花瓶左扭，画像后面的暗层打开，拿到私房钱。(嘻嘻…不过也能理解计算机算工科了，都是工程师。)

浏览器

• 再讲HTML前，还是得先分享一下浏览器的简介。可别蔑视它只是一个在网上冲浪的软件，它可是我们前端人的亲爹，没有浏览器也就没有我们前端人的天下（额咳…咳…，我还是收敛些）。浏览器可理解为解析器，或者代码编译器。前端人书写的HTML，CSS，JavaScript都会经过浏览器引擎的转换成电子计算机能识别的机器码，最终电子计算机将按照前端人书写的代码通过浏览器逐步渲染出来从而传达到用户所看到的画面。

HTML、CSS -> 浏览器内核 -> 页面

浏览器 = shell 外壳 + core 内核（浏览器主要有 外壳 和 内核两大部分的组成）

• core内核两大功能: JS执行引擎和 渲染引擎

目前主流的浏览器有：

1. IE；浏览器

Trident内核

2. Firefox 浏览器

Gecko内核

3. Safari 浏览器

Webkit内核

4. Opera 浏览器

以前用自己的 Presto 内核，Opera现已改用 Blink 内核

5. Chrome 浏览器

Blink内核 (基于webkit，由Google公司,Opera公司和Software公司共同开发)

• 注：行内人常把具备独有的内核的浏览器才真正意义上称为浏览器，

别问咋没咱们大天朝的，QQ、UC、360、搜狗等浏览器，很抱歉这些都只是上面说的 core内核部分是拿外国友人的。只是将自己家的浏览器的shell外壳部分自定义而已。不过很高兴有这样的疑惑，望我辈自强，共同协力,独立自主，自主创新。来整一个。

语言：沟通的工具。

自然语言：人和人沟通的语言

计算机语言：人和计算机沟通的工具

• 总结

1. 本想写一篇 HTML入门的笔记。结果逻辑主次不清晰，排版杂论，内容不严谨，而且还弃题，直接该标题了（O(∩_∩)O哈哈~）
2. 这是我第一次撰写技术性的博客，前期准备也不充分，后期尽力改正
3. 自己文字叙述也有欠缺，话又多还说不清，后期看能否加强视频制作能力，加油吧

你都还能看到这里，敬佩你是个善良的前端人。上述有问题之处，也望大佬在评论区批评和提供建设性的意见，小白在此谢过，定会自省。