作为只学了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
- Inline 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和其中内容的。