训练营笔记
第一节课
前端语言的基本能力
- HTML、CSS、JavaScript是同等重要的
- css的语法非常简单，但是应用得当是另外一件非常复杂的事情
- css的选择器有：类选择器，全选择器（*代表），id选择器，元素类型选择器，伪类选择器（一般在选择器后面添加：），伪元素选择器（在后面添加两个冒号：）后台选择器，兄弟选择器
-
javascript
- 借鉴c语言的基本语法
- 借鉴java语言的数据类型和内存管理
- 借鉴Scheme语言，将函数提升到“第一等公民”（first class）的地位
- 借鉴Self语言，使用基于原型（prototype）的继承机制
-
javascript的基本语法
- 六个基本类型：String、Number、Boolean、Null、Undefined、Symbol、Object（Array、Function）
-
function somrName(param1,param2){ var a = param1 + 'love' + param2; return a; } someName('Me','You')
前端语言的协作配合
-
CSS in HTML
Inline Css
<p style="color:blue;">This is a paragraph.</p>Internal CSS
<head>
<style type=text/css>
body {background-color:blue;}
p{color:yellow;}
</style>
</head>
External CSS
<head>
<link rel='stlesheet' type="text/css" href="style.css">
</head>
-
Javascript in HTML
script标签是一个很强大的标签，既可以引入外部的窗内文件，也可以在外面编写脚 本
你不知道的HTML5
- HTML并非图灵完备，它只是一门标记语言
基本语法
- 标签（元素）Element
- 文本text
- 注释Comment
- DTD Document Type Defination
- 处理信息ProcingInstruction
标签分类
- 文档型
- 闭合型（分为闭合标签和空标签）
- 换行型（分为块级标签，行内标签）
- H5新元素（分为语义化标签、媒体标签、表单标签、功能标签）
HTML head标签
- title：标题，全局唯一
- base：（1）向页面所有相对URL提供前缀（2）全局唯一，不建议使用
- meta：（1）通常是约定好的键值对（2）例外：charset、http-equiv
- link：rel决定类型，href决定引入地址
- script：（1）type指定MIME类型（2）可内嵌代码，可外链文件
HTML body功能性标签
HTML ARIA
- 了解ARIA并非只是为了供盲人阅读，它可以为我们设计UI系统提供指导意义
- 通过给标签添加一些额外的属性，来使整个页面结构理解起来更加容易
拓展分享
- 对用户友好
- 对开发者友好
- 领域成熟度
- 未来的方向
感受
学习此节课，我后半部分就开始有点听不懂了，前面基础还能懂一点，我一定会多去几遍不会的部分，并多去问问身边的人来学会此节课所讲的知识点。
