学习总结——前后端

最新推荐文章于 2024-06-30 22:14:30 发布

Lucas Lucas

最新推荐文章于 2024-06-30 22:14:30 发布

阅读量266

点赞数 1

文章标签：前端学习 javascript

本文链接：https://blog.csdn.net/lucasde/article/details/131209377

版权

在过去的两个多月里，我专注于学习HTML、CSS和JavaScript（JS）。这些都是前端后端的一些很基础的语言，也是他们的基础所在，以下我分别对这三类我自己所学收获的东西进行了我自己的一些归纳总结：

tips:详细的学习过程已经发在了博客中，这里不一一的粘贴出来

1.HTML

2.CSS

3.Javascript

1.HTML

HTML（Hypertext Markup Language）是用于构建网页结构的标记语言。

在两个月的学习过程中，我是从最基本的HTML开始接触，刚刚接触到这个语言的时候，仿佛打开了我的一个兴趣开关，平时在网页才能见到的文字，我也可以通过自己亲自在网页上呈现出来，按照我所想的进行布局排列，此时的我还只是学习了HTML的基本结构，包括标签、元素和属性的使用，了解了常用的标签，如<html>、<head>、<body>、<div>、<p>等。我为他分类了以下几个关键学习点：

标签和元素：HTML使用标签来标记和组织内容，标签由尖括号包围。学习了一些常见的标签，如<html>、<head>、<body>、<div>、<p>等。了解了如何嵌套标签和使用自闭合标签。
元素属性：HTML标签可以使用属性来提供附加信息。学习了一些常见的属性，如class、id、src、href等。掌握了如何设置元素的属性值以及如何使用属性来控制元素的行为和外观。
文本内容和格式化：学习了如何在HTML中插入文本内容，包括标题标签（<h1>到<h6>）和段落标签（<p>）。了解了如何使用格式化标签，如<strong>、<em>、<u>等来强调和格式化文本。
列表和表格：掌握了使用有序列表（<ol>）、无序列表（<ul>）和定义列表（<dl>）来组织内容。了解了如何创建简单的表格结构，使用<table>、<tr>、<th>和<td>等标签。
图像和超链接：学习了如何在网页中插入图像，使用<img>标签并设置src属性来指定图像的路径。了解了如何创建超链接，使用<a>标签并设置href属性来链接到其他网页或资源。
表单：了解了如何创建HTML表单，使用<form>、<input>、<textarea>和<select>等标签来收集用户输入。学习了一些常见的表单元素和属性，如文本输入框、单选按钮、复选框等。
嵌入多媒体：学习了如何在网页中嵌入多媒体内容，如音频（<audio>）和视频（<video>）。了解了如何使用<source>标签指定多个媒体源，以便在不同浏览器和设备上提供兼容性支持。
语义化和无障碍性：认识到HTML的语义化对于网页的可访问性和搜索引擎优化很重要。学习了一些语义化标签，如<header>、<nav>、<article>、<section>等，以及如何为内容提供合适的文本描述和替代文本。

我对于HTML学习感想，我通过我写的一些案例跟学习得到的一些收获，总结出了以下几点我自己的感想：

结构化思维：学习HTML时，我学会了思考网页的整体结构和组织方式。合理地使用各种标签和元素，可以让网页更易于阅读和维护。通过良好的结构，我可以清晰地定义标题、段落、列表和其他内容。
标签的语义化：学习HTML使我认识到标签不仅仅是用来样式化元素的工具，它们还传达了内容的语义信息。合理使用语义化标签有助于提高网页的可读性和可访问性，同时对搜索引擎优化也很有帮助。
熟悉常用标签：我努力学习和掌握了一些最常用的HTML标签，这为我创建基本的网页结构和布局提供了便利。熟悉这些标签后，我能够更加自信地编写HTML代码，并能够快速理解和修改现有的网页。
学习资源的重要性：在学习HTML过程中，我发现有很多优质的学习资源可供参考。网上有许多教程、文档和示例代码，它们提供了丰富的学习材料和实践机会。我积极利用这些资源来加深对HTML的理解和应用。
实践和项目经验：学习HTML最重要的一点就是不断实践和应用所学知识。通过完成小型项目和练习，我能够更好地理解HTML的应用场景和实际用法。实践不仅帮助我巩固所学的内容，还让我在解决问题和克服挑战时有更多的经验积累。

最后对于HTML部分来说，学习HTML是我踏入Web开发世界的第一步。我通过学习HTML，建立了对网页结构的基本理解，并为进一步学习CSS和JavaScript打下了坚实的基础。我将继续深入学习HTML，并不断探索和实践Web开发的更多技术和概念。

2.CSS

CSS（Cascading Style Sheets）是用于控制网页样式和布局的样式表语言。

在学习了HTML之后，为了让网页更加进一步的完善，我学习了CSS的基本语法和样式规则，了解了如何使用选择器来选择HTML元素，并使用属性和值来设置样式。我学会了调整文本样式、盒模型、浮动和定位等基本概念。以下是我对我对我CSS中所学内容的一个归纳：

选择器和样式规则：学习了CSS选择器的使用，包括标签选择器、类选择器、ID选择器、属性选择器等。了解了如何使用选择器选择HTML元素，并为其应用样式规则。学习了样式规则的语法，包括属性和值的设置方式。
盒模型和布局：掌握了CSS的盒模型概念，了解了盒子的内容、边框、内边距和外边距。学习了如何使用CSS属性调整盒子的大小、定位和浮动。理解了如何创建不同布局的网页，包括常见的水平居中、垂直居中和响应式布局。
文本样式：学习了如何使用CSS调整文本的样式，包括字体、颜色、大小、行高、对齐等。了解了如何设置文本阴影、文本装饰以及使用伪元素为文本添加特殊效果。
背景和边框样式：掌握了如何使用CSS设置元素的背景颜色、背景图片以及背景属性的其他设置。学习了如何调整边框的样式、宽度和圆角，并为元素添加阴影效果。
定位和浮动：了解了CSS中的定位和浮动概念，包括相对定位、绝对定位和固定定位。学习了如何使用浮动来创建多列布局，并了解了浮动带来的一些布局和清除浮动的注意事项。
响应式设计和媒体查询：学习了如何使用CSS媒体查询来实现响应式设计，使网页在不同设备和屏幕尺寸上具有良好的显示效果。了解了如何根据屏幕宽度和其他媒体特性调整元素的样式。
动画和过渡效果：掌握了CSS动画和过渡的基本概念和用法。学习了如何使用关键帧动画和过渡效果来创建元素的动态效果，使网页更具交互性和吸引力。
基本布局技巧：通过学习CSS的一些基本布局技巧，如弹性布局（Flexbox）和网格布局（Grid），我能够更好地控制元素的位置和排列方式，实现更复杂的网页布局。

在学习CSS的过程中，我发现实践是提高技能的关键。通过编写和调试CSS代码，实际应用到每个项目案例中，我能够更好地理解CSS的工作原理和应用场景。同时，我也意识到不断学习和了解最新的CSS特性和技术是保持竞争力的重要一环。因此我总结了以下几点学习CSS的感悟：

理解盒子模型是关键。在学习CSS的过程中，首先需要理解盒子模型。只有掌握了盒子模型，才能更好地控制网页的布局和样式。
学习样式和选择器的用法。学习CSS需要掌握各种语法和属性，例如颜色、字体、边框、背景等。此外，学习CSS还需要了解各种选择器的特性和用法。
理解样式的继承和覆盖规则。学习CSS还需要了解样式的继承和覆盖规则，以便更好地控制各个元素的样式。
熟悉布局和响应式设计技术。在现代Web开发中，布局和响应式设计是非常重要的技术。学习CSS需要熟悉各种布局方式和响应式设计技术，以便创建出美观、灵活的网页。
不断练习和尝试。学习CSS需要不断练习和尝试，只有通过实际操作和不断调整才能真正掌握这项技术。同时，也需要丰富自己的CSS知识，并借鉴其它人的优秀作品和代码，以提高自己的技能水平。

最后对于CSS来说，在打好了HTML的地基之后，CSS是一个让我能够一步一步去布置这栋大楼的一个工具，对布局的一个精细化处理，在稳固HTML基础的同时，还能进一步学习CSS，并且为后面的Javascript打下更牢固的基础。

3.Javascript

JavaScript是一门用于为网页添加交互和动态效果的脚本语言。

学到JavaScript后才算真正的学好了web的基础，将HTML、CSS、JavaScript串联起来才能变成进入到后面的框架学习，就相当于这三门语言都是基础中的基础，以下是我对学习Javascript的一些学习总结：

语法和基础知识：学习了JavaScript的语法和基本数据类型，包括字符串、数字、布尔值、数组和对象等。了解了如何声明变量、使用运算符、控制流程和函数等基本概念。
DOM操作：掌握了使用JavaScript操作DOM（文档对象模型）的能力。了解了如何通过选择器选取元素、修改元素的属性和内容、创建和删除元素等。学习了事件处理程序，使得网页能够对用户的交互做出响应。
事件处理：学习了如何使用JavaScript监听和处理各种事件，如点击事件、鼠标移动事件、键盘事件等。了解了事件冒泡和事件捕获机制，以及如何阻止事件的默认行为。
异步编程：了解了JavaScript中的异步编程概念和技术，如回调函数、Promise和异步函数。学习了如何处理异步操作，如通过AJAX请求获取数据、使用定时器执行延时操作等。
数据操作和处理：学习了如何对数据进行操作和处理，包括数组的遍历和操作、对象的属性和方法、字符串的处理等。掌握了一些常用的数组方法和字符串方法，如forEach()、map()、filter()、split()、join()等。
浏览器存储：了解了浏览器提供的存储机制，如使用localStorage和sessionStorage进行本地存储，以及使用cookies来跟踪用户信息。学习了如何存储和读取数据，并处理存储的限制和安全性问题。
错误处理和调试：了解了如何处理JavaScript代码中的错误，包括使用try...catch语句捕获异常。学习了如何使用浏览器的开发者工具进行调试和查看日志信息，以及常见的调试技巧和方法。
框架和库：了解了一些常用的JavaScript框架和库，如React、Vue、jQuery等。学习了如何使用这些工具来简化开发流程和提高效率，以及它们在构建复杂应用中的作用和优势。（这个目前我并没有学到）

通过学习JavaScript，我能够为网页添加动态和交互性的功能，使用户能够与页面进行互动。我将继续深入学习和探索JavaScript的高级概念和技术，以提升自己在Web开发中的能力，并将JavaScript与HTML和CSS结合起来，创造出更出色的网页体验，因此我总结了一些对JavaScript的学习感悟：

实践是关键：在学习JavaScript的过程中，我发现通过实际编写代码和解决问题，才能真正理解和掌握语言的特性和用法。通过完成小型项目和练习，我能够将所学的知识应用到实际场景中，并不断提升自己的编码能力。
持续学习：JavaScript是一门非常灵活和强大的语言，它不断演进和发展。因此，我认识到持续学习和了解最新的JavaScript特性和技术是至关重要的。阅读文档、参与社区讨论和关注最新的行业动态，可以帮助我不断提升自己的技能水平。
重视代码质量：良好的代码质量对于JavaScript的可维护性和扩展性至关重要。学习编写清晰、可读性高的代码，注重命名规范、模块化和代码复用，能够提高代码的可理解性和可维护性，同时也方便与他人合作和团队开发。
调试和排错能力：JavaScript开发过程中难免会遇到错误和问题，因此良好的调试和排错能力是必备的技能。学会使用浏览器的开发者工具、调试工具和日志输出，能够帮助我快速定位和解决问题，提高开发效率。
与其他技术的整合：JavaScript广泛应用于各种Web开发领域，与HTML和CSS以及后端技术相结合，能够创建出更复杂和强大的应用程序。因此，学习JavaScript的同时，我也努力学习和了解与之配合使用的相关技术和框架，以提升整体开发能力。