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

70 阅读2分钟

作为只学了python两学期的非计算机专业小白,第一次接触前端这个概念,还有很多需要学习的:

首先,前端语言分为:

  • HTML
    • 构建了人的骨骼
    • HTML是其中最基础的语言,完成文本到网页转化到关键
  • CSS
    • 构建了人的皮囊
    • CSS是其中语法非常简单的语言,只需要一个selector和declaration(pseudo-classes/elements)
    • 能否应用合当就需要理解完善,要明确所有元素
  • javascript
    • 组成了人的肌肉
    • Brendan Eich花了十天设计的,牛
    • 借鉴了C语言的基本语法,借鉴了Java语言的数据类型和内存管理
    • 客户端计算、监测用户管理器、计算时间、扩展数额、等等

这三者同等重要缺一不可!

Javascript基本语法:
  • 六个基本类型:
    • string
    • number
    • boolean
    • null
    • undefined
    • symbol
  • var a = 7 + "2";
    • var是一个关键字,可以用来定义变量
    • a是定义的变量名
    • 加减乘除是操作符,但是需要搭配关键字使用,例如a
  • 使用双引号是object,有点类似于我学过的string
  • function中主要包含定义,关键字后包含名字,括号包含元素,大括号包含公式主题,最后一般需要return

✍🏻

  • CSS在HTML中的应用:
    • Inline CSS <p style="color: blue;">This is a paragraph.</p>
    • Internal CSS ` body {background-color: blue;} p { color:yellow;} `
    • External CSS
  • Javascript在HTML中的应用:
    • Dom(?
    • 动态修改HTML内容
  • CSS在Javascript中的应用:
    • CSS Module生成随机字符串
我不知道的HTML:
  • 前端开发中最基本最简单的语言
  • 基本语法:
    • 标签(元素)Element
    • 文本 Text
    • 注释 Comment
    • DTD Document Type Definition
    • 处理信息 Processing Instruction
  • 标签分类
    • 文档型
    • 闭合型:闭合标签/空标签
    • 换行型:块级标签/行内标签
    • H5新元素:语义化标签/媒体标签/表单标签/功能标签
  • head标签
    • title 标签,全局唯一
    • base 向页面所有相对URL提供前缀
    • meta 通常是约定好的键值对
    • link rel决定类型,href决定引入地址
    • script 可内嵌代码,可外链文件
  • body功能性标签
  • HTML ARIA,了解并非知识为了供盲人阅读,它可以为我们设计UI系统提供指导意义,用对比用错好,不用比用错好

通过今天的学习,有很多一部分都是关于HTML的,我更加明白了为什么HTML是前端的基础,也类似于人类的骨骼一样。我的理解是HTML组建整个网页page和其中内容的。