学习笔记1-前端语言串讲 | 青训营

186 阅读3分钟

注:本人是只有Python、HTML、CSS、PHP基础的,所以解释和笔记都会有些偏向

【三剑客】

  • HTML:构建结构、布局,是网站的骨骼
  • CSS:样式表(注重体验),是网站的皮肤
  • JavaScript:增加交互体验(精髓),是网站的肌肉

【JavaScript基础】

七种数据类型

image.png

  • 其中number类型相当于Python中float类型和int类型的结合
  • undefined类型和symbol类型没接触过,需要注意

声明变量

  1. 基础变量 用var开头来声明(注意句尾要加分号)。 image.png

  2. Object变量

类似于Python中的字典,花括号里面包含着各个索引和值,每个之间用逗号隔开,值可以是方法(结尾不需要分号)。 image.png

  1. Function类型
  • 与Python中的函数类似,声明函数的关键字从def改为function,可以函数有多个变量。
  • return的用法与Python相同,最后需要加上分号。 image.png

引用到HTML

image.png

【CSS基础】

HTML引用css的三种方式

  1. 在语句中添加
  2. 在头部添加
  3. 在头部连接至外部css文件(我的常用)

区别:

  • 语句的样式表应用于多个语句比较繁琐,需要复制粘贴很多次,用其他两种方便许多。
  • 头部添加的不方便css与HTML分离编辑或管理,第三种用外部css文件就会好许多。 具体使用方式: image.png

CSS在JavaScript中

image.png

【HTML基础】

基本语法

image.png

标签类型

image.png

第一节课的学习思考

  • 我第一次在线上参与培训类夏令营活动,感觉还是比较激动的,今天一上来就给没什么基础的我一顿重击。虽然之前在专业课程中系统的学习过一部分今天课堂所讲述的内容(我只记得动手的内容了),但是我对于那些专业性的东西并没有比较深入的了解。
  • 这节课对于零基础的小伙伴来说难度是很大的,老师讲的很快。
  • 50分钟的视频看了两个小时,但也没完全搞懂。我发现我自己的不足还是很多的,虽然做了三次网页设计的课设,对使用很了解,但对原理和基础的概念没有认识。今天老师讲的主要内容是HTML,我反复听了几次,但是留下的笔记只有一点点。一个原因是我没有听懂,另一个原因是我没办法从课程中提取出笔记。
  • 在接下来11节课的学习中,我会继续努力,争取跟上老师的节奏,同时,我对于课程的意见也在签到问卷中提出了。对于基础不足的问题,我会在哔哩哔哩大学或掘金课程中进行更加深入的学习,从而达到提升能力,顺利结营的目标。
  • 在飞书中我也结识了许多志同道合的朋友,希望在这个暑假可以一起努力,共同进步!