前端学习基本一上来就是HTML、CSS和JavaScript,在参加青训营之前就对它们在Web开发中的重要性有所体会,并且三位是真的手足情深、关联密切,分别实现了网页的结构、表现和行为。
(不太严谨将就一下🌹
以下是关于这三件套的一些知识点记录、我个人的理解以及学习感悟:
HTML(超文本标记语言):
- 标签和元素: HTML由一系列标签和元素构成,每个标签有特定的含义,如
<p>表示段落,<a>表示链接等 - 语义化标签: 语义化标签不仅有助于页面结构的清晰表达,还有助于SEO和无障碍访问
- 嵌套和属性: 标签可以嵌套,属性可以为标签添加附加信息,如
<img src="image.jpg" alt="描述">
我的理解: HTML作为网页的骨架,是最基础的构建块。语义化标签是我认为最重要的概念之一,通过选择正确的标签来呈现内容,可以使页面更具结构和可读性
学习感受:首先掌握常用标签的基本使用方法,了解标签的嵌套规则,多写HTML,实践啊!
CSS(层叠样式表):
- 选择器和样式规则: 选择器用于定位HTML元素,样式规则定义了元素的样式,如颜色、字体、间距等
- 盒模型: 元素由内容、内边距、边框和外边距组成,理解盒模型对于控制元素布局和样式非常重要
- 定位与布局: 了解不同的定位属性(相对、绝对、固定、静态)以及浮动和弹性布局等
我的理解: CSS是网页设计的灵魂,通过为网页添加样式,使其更具吸引力和可读性。盒模型和定位布局直接影响到页面的外观和排版、需着重
叨叨:可以从基础样式开始,学习如何选择元素、改变颜色、调整间距等,然后逐步掌握盒模型和布局,同时尝试一些实际的页面设计,巩固所学知识
JavaScript(脚本语言):
- 变量和数据类型: 学习如何声明变量以及不同的数据类型,如字符串、数字、数组等
- 条件语句和循环: 理解if语句、switch语句以及for和while循环的使用方法
- 函数和作用域: 学习如何定义和调用函数,了解变量的作用域和闭包
我的理解: JavaScript为网页添加了动态和交互性,使用户与页面进行更多的互动。函数和作用域需要深入学习、实践理解
BB:刚开始可以从简单的变量操作和条件语句入手,再逐渐尝试编写函数来实现一些交互效果,看了再多文档也得码了代码才知道到底在干啥/(ㄒoㄒ)/(带情绪了Sorry