一、前端语言的基本能力
HTML负责网页结构,显示内容;CSS负责渲染网页样式;JS负责实现交互。一个形象的比喻就是,html构成人体的骨骼,CSS构成人体的皮肤,JS构成人体的肌肉。
- 介绍了HTML的一些基础知识,简单来说,HTML是一种使用成对标签的超文本标记语言。
- CSS语法由选择器、属性和值构成。声明放在成对的大括号内,以分号隔开,一条声明包括属性和值。 css选择器种类包括类选择器、id选择器、标签选择器和伪类选择器,还介绍了CSS伪类和伪元素。
- 介绍了JS的发展历史和特点,JS借鉴了C语言基本语法、JAVA的数据类型和内存管理,具有函数是第一等公民的思想,使用基于原型的继承机制。 介绍了通用JS和JS5的特性比较以及JS基础上发展的编程语言如TypeScript,常用的包管理工具如npm,常用的框架如react等。接下来介绍JS的详细知识,数据类型包括string、number、boolean、null、undefined、symbol、object,变量的定义、操作运算符、声明语句和表达式,重点介绍了对象这一数据类型,对象是由包裹在成对的大括号内的键值对构成,键值对中属性的值也可以是一个函数。给出一个函数的例子,函数包括函数名,参数和代码块。
- 介绍了浏览器渲染页面的流程。
二、前端语言的协作配合
在HTML中引入CSS的三种方式,包括行内样式,内部样式表和外部样式表。 在HTML中写JS代码,要放在head标签下的script标签中。重点介绍HTML的DOM接口,事件机制即JS执行机制。 在JS中写HTML,可以调用.render()渲染.innerHTML取得的内容,使用JSX也能实现。 在JS中写CSS,使用css Module。
三、HTML(5)
介绍标签及其分类,html5新特性。
四、体会
对我来说,需要加强对伪类选择器的理解和应用,一些DOM接口还要再复习一遍,重点掌握Js的执行机制,三种语言协作配合灵活应用也需要加强。