嗨，青训营第六届开始了，第一次参加青训营，未来在青训营期间，将会把笔记整理到此处！ PS：个人笔记食用建议：①适合对前端三件套(html5, css, JavaScript )有一定认识的宝子们使用，会由简单到稍微进阶(毕竟我也菜，大家一起学习进步~)；②适合零基础的同学初步认知和了解；③适合大佬看问题，指出笔记中的错误，以解压。 加油吧，各位宝子们~ 在对于前端开发中，我们最为基础的就是前端三件套了，也就是html, css, JavaScript 这三样。形象一点描述，HTML就像是骨骼，它是基础构架；css就像是皮肤，他主要是在网页页面上，我们视觉所看到的样式，控制内容显示的样式和状态；JavaScript则像是肌肉，用来实现各种动作，链接骨骼和皮肤，使代码可以运转起来。而完整的一个网站，或者说页面，主要就是由这三者的协作达成的，而协作方式主要有两种，一种是css和JavaScript都基于HTML运作；另一种是HTML和css基于JavaScript运作。 两种协作方式主要区别就是在于侧重点不同。 首先先行讲解有关html一些要点：在标签分类上，主要分为头部(head)和身体(body)两大类。 头部标签中： ❶我们可以控制页面渲染后识别到的主要使用语言，国内主要常用两种，en和zh-cn(英文和中文)。 ❷我们可以控制使用的编码类型，通常为utf-8。 ❸我们可以通过link标签引入专属于当前文件的标签栏图标，外链或内联的样式表，以及JavaScript文件。但通常，为了保证文件渲染的正常运行，JavaScript文件一般放在</body〉标签之前，在页面渲染后再运行加载JavaScript内容。 ❹在头部标签中，另一个比较重要的就是Meta标签，有关这个标签，我将在下一篇专讲html的笔记中精讲。 身体标签中： 在HTML中，通过身体部分的标签对页面进行布局上的划分，常见划分为三大块，头部[导航栏]，内容栏，底部[一般放置一些引申内容，如备案号、公司信息、联系电话一类]。 而在用户视角，他们能够看到的页面即是我们在body标签里所写的内容。 一样，在后续有关html的相关笔记会详细介绍。 接下来我们来简单说下css, css主要控制的就是样式，我们可以通过，类选择器，伪类选择器，id选择器，级联选择器，父子选择器等来改变我们所需要改变的内容的样式，需要注意的是，在有关css的设定中，我们遵从代码从下到上的覆盖顺序，即在我们写的最新的css的选择时，可以覆盖掉在此之前书写的对于同一类型的内容。如给body标签一个背景颜色，我们在后面重新书写一个新的背景颜色时，无特殊设定，就会产生后覆前的效果。同时，css的样式大部分不存在父传子，之所以会感觉子的效果与父值相同，因为有些内容是存在默认值的，例如背景颜色的默认值为transparent, 透明色。 最后就是JavaScript了，一般简称js。 提到JavaScript，就要讲它的名字了，JavaScript其实相当于是一个"缝合怪"，它的名字就是因为要蹭Java的热度，但发展到现在，它也独立成为了前端开发的基础之一。 JavaScript借鉴了： ❶C语言的基本语法； ❷Java的数据类型和内存管理； ❸Scheme 语言的将函数提升到first class地位，即"第一公民"地位； ❹Self语言的使用基于原型(prototype)的继承机制。 在Javascript中，我们有着六个基本语法类型： ①String字符串类型 ②Number数字类型 ③Boolean布尔值 ④Null空值 ⑤Undefined未定义值 ⑥Symbol象征类型。 同时我们还有着额外的一个类型：对象(Object) 它其中包含了数组(array)和函数(function)。 在JavaScript的六种基本语法类型中最容易混淆，以及最容易出问题的即是④和⑤。而它们之间的关系与问题将会在后续的有关Javascript专题笔记中详细介绍。 在刚刚有关HTML的介绍中，我提到了外链还有内联。其实这两种都是有关于其他的引用方法。除了这两种之外，我们还有一种方法是内嵌，也叫做嵌入。 ❶外链： 外链一般出现在文件头部或“/body”标签前。出现在文章头部时，一般外链的是css文件。而为了防止页面渲染中断或出现卡顿情况。一般会将JavaScript文件放在文件末尾引入。 当使用JQuery 或其他文件库时，或者有多个需要引入的JS文件时，需要将应用最广或者内容最全的文件放置在前面的位置，然后在后面写自己的JavaScript内容或者引入自己的JavaScript文件。(注意：上述的应用最广，意为最为公共使用的，不是指单个文件应用最全的) ❷内联： 当需要内联Css内容时，在头部内(一般是在最后)插入style 双标签，标签内书写css样式。 当需要内联JavaScript内容时，在</body〉标签前使用<script〉</script〉标签，标签内写自己的Javascript内容。 ❸内嵌/(嵌入)： 当需要内嵌css内容时，即写在行内。如给某div标签添加背景颜色为红色, 高度为50像素时，则写成〈div style ="background color: red; height：50px；"〉 </div〉(为了防止吞代码，部分＞使用中文字符代替) 在一般情况下，我们为了保证页面渲染完整性，不会在行内内嵌JavaScript内容。 而有关JavaScript的内嵌，我们在未来有关JavaScript的笔记中会提及。 本篇笔记为个人总结，学习交流使用，欢迎各位大佬评价指正，谢谢！(˵¯͒〰¯͒˵)
