Web课程心得体会

2301_78948361

已于 2023-12-04 11:14:56 修改

阅读量370

点赞数 1

文章标签：前端

于 2023-12-04 10:58:24 首次发布

本文链接：https://blog.csdn.net/2301_78948361/article/details/134776865

版权

本文概述了Web前端开发的基础，包括HTML的结构、CSS的样式设计和JavaScript的动态功能。作者强调了持续学习和跨团队合作在该领域的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初次学习认识到Web前端这门课程，我有一些关于这个领域的体会和心得。

首先，Web前端是一个快速发展和不断演变的领域。新的技术和框架不断涌现，需要我们不断学习和更新知识。因此，持续学习和保持与时俱进是非常重要的。

以下这些是我在Web这门课程学习到的内容：

一、Web页面的组成

1.HTML

1、简介

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等...

2、内容

HTML骨架

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> <h2> <h3> <h4> <h5> 元素定义标题
<p> 元素定义一个段落
<img> 定义html图像
<table> 建立数据单元格，这里可以包含文本、图片、列表、段落、表单、水平线、表格等等
...

2.CSS

1、简介

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

2、内容

（1）特点

提供了丰富的外观属性，可以在网页中实现各式各样的效果，例如：为任何元素设置不同的边框，以及边框与元素之间的内外间距；改变文字的大小、颜色、字体，为文字添加修饰（例如下划线、删除线）；为网页设置背景颜色或者背景图片等等..

另外，CSS 样式还可以重复使用，不同的元素可以使用相同的 CSS 样式，这样可以避免定义重复的样式，CSS 样式文件的体积也会相应的减小，从而进一步缩短页面加载的时间。

（2）选择器

·id选择器（ # myid）

·类选择器（.myclassname）

·标签选择器（div, h1, p）

·相邻选择器（h1 + p）

·通配符选择器（ * ）

...

（3）样式建立

1.内部样式表（嵌套到页面中）

语法：

<style type="text/css">
    css语句
</style>

2.外部样式表（2种方式）:

语法1：

<link rel="stylesheet" type="text/css" href="目标文件路径及文件名全称"/>

语法2：

<styel type="text/css">
    @import url("目标文件的路径及文件名全称");
</style>

3. 内联样式（表行间样式，行内样式，嵌入式样式）
语法：

<标签 style="属性:属性值;属性:属性值 ;"></标签>

3.JavaScript

1、简介

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

2、特点

1.解释型语言

JavaScript是一门解释型语言，所谓解释型值语言是指不需要被编译为机器码在执行，而是直接执行。由于少了编译这一步骤，所以解释型语言开发起来尤为轻松，但是解释型语言运行较慢也是它的劣势。

2.动态语言

JavaScript是一门动态语言，所谓的动态语言可以暂时理解为在语言中的一切内容都是不确定的。比如一个变量，这一时刻是个整型，下一时刻可能会变成字符串了。

3.语法结构

JavaScript的语法结构与C和Java很像，向for、if、while等语句和Java的基本上是一模一样的。所以有过C和Java基础的同学学习起来会轻松很多。不过JavaScript和与Java的关系也仅仅是看起来像而已。

4.严格区分大小写

JavaScript是严格区分大小写的，也就是abc和Abc会被解析器认为是两个不同的东西。

3、数据类型

JavaScript 是一种弱类型或者动态语言，它的变量是用来存储值的所在处，有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。

这是它的9种数据类型：

Undefined；Null；Boolean；Number；String；Symbol；Object；Array；Function

二、我的总结

掌握HTML、CSS和JavaScript是成为一名优秀的Web前端开发人员的基本要求。对于HTML和CSS，我学到了如何创建和设计网页的结构和样式。而JavaScript则是实现网页交互和动态效果的关键技术，我学到了如何使用JavaScript编写脚本并与HTML和CSS进行交互。

在实践中，我发现合作和沟通能力也是Web前端开发人员必备的技能。与设计师、后端开发人员和其他团队成员进行合作，理解并满足他们的需求，同时也要能够与他们有效地沟通和协作，才能够更好地完成项目。通过灵活性、多样性的学习资源和自主学习的经验来提高自己的学习效果和能力。我相信，在将来的学习和职业生涯中，这些经验将对我产生积极的影响。