学习周报第七周（前端-JS）

行至二部第七周工作总结

在这个快速变化的信息时代，我有幸在双体系教育环境中深入学习软件技术和职场关键能力。通过掌握HTML、CSS、JavaScript等技术知识，以及参与实践活动，我锻炼了自我适应和沟通能力。面对时间管理、跨文化沟通等挑战，我学会了以积极心态面对困难，把每次学习和实践看作成长的机会。我感激这一路上的指导和支持，坚信持续努力将为我的未来职业生涯奠定坚实基础。

• 软件技术方面

• 学习的内容

1. 块级元素和行内元素

2. 选择器的学习和使用

3. 定位的几种方法

4. JavaScript的数据类型

5. 对象属性和方法的引用

6. JavaScript常用事件

• 学会的内容

1. 块级元素和行内元素

在HTML中，元素大致分为块级元素和行内元素两种。块级元素（Block-level elements）在页面中以块的形式展现，通常会占据其父元素的整个宽度，每个块级元素前后都会有换行。常见的块级元素包括 <div>、<p>、<h1>到<h6>、<ul>、<ol>、<li>等。它们主要用于布局结构的搭建。

行内元素（Inline elements），顾名思义，它们在页面中以行的形式展现，不会引起文本换行，通常只占据它所需要的空间。常见的行内元素有 <span>、<a>、<strong>、<em>、<img>等。行内元素主要用于修饰或强调文本内容，或者插入图片、链接等内容。

2.选择器的学习和使用

在CSS中，选择器用于定位HTML文档中的元素，以便为它们应用样式。基本选择器包括类型选择器（针对HTML标签）、类选择器（以.开头）、ID选择器（以#开头）和属性选择器。复合选择器可以通过组合不同的基本选择器来定位特定的元素。伪类选择器可以用来定义元素的特殊状态，如:hover、:active等。伪元素选择器用于选取元素的部分内容，例如::before和::after。选择器的学习和使用是CSS编程中的基础，对于实现复杂页面布局和样式至关重要。

3.定位的几种方法

CSS中提供了多种定位方法，包括静态定位（static）、相对定位（relative）、绝对定位（absolute）、固定定位（fixed）和粘性定位（sticky）。静态定位是元素的默认定位方式，元素按照正常的文档流进行排列。相对定位允许元素相对于其正常位置进行偏移。绝对定位使元素相对于最近的已定位祖先元素进行定位，脱离文档流。固定定位使元素相对于浏览器窗口进行定位，并且即使页面滚动也会保持在固定位置。粘性定位是相对定位和固定定位的结合体，元素会根据用户的滚动在特定区域内固定位置。

4.JavaScript的数据类型

JavaScript有几种基本的数据类型，包括：字符串（String）、数字（Number）、布尔值（Boolean）、undefined、null、符号（Symbol，ES6新增）和大整数（BigInt，ES10新增）。此外，JavaScript也支持复杂的数据类型，即对象（Object），它包括数组（Array）、函数（Function）和日期（Date）等。了解这些数据类型对于编写有效的JavaScript代码至关重要。

5.对象属性和方法的引用

在JavaScript中，对象是一种复杂的数据类型，它用于存储键值对集合。对象的属性可以是基本数据类型的值，也可以是函数（这时通常称为方法）。通过点标记法（例如object.property）或括号标记法（例如object["property"]）可以访问对象的属性。方法是与对象相关联的函数，可以通过调用object.method()来执行。

6.JavaScript常用事件

JavaScript事件是网页或用户与网页交互时发生的事情。常见的事件有点击（click）、加载（load）、鼠标移入（mouseover）/移出（mouseout）、聚焦（focus）/失焦（blur）、键盘输入（keydown）/释放（keyup）等。通过事件监听器可以响应这些事件，执行相应的函数或操作。理解和使用这些事件对于创建交云动性强的网页应用至关重要。

• 存在的问题

尽管我对上述内容有了一定的理解和掌握，但在实际应用中仍然面临一些困难。特别是在使用CSS定位方法时，有时会对元素的最终位置感到困惑，特别是当涉及到多层嵌套和不同定位上下文时。此外，JavaScript事件处理方面，我还需要更多地练习来熟悉事件冒泡和捕获的概念，以及如何有效地使用事件委托。这些都需要通过大量的实践和项目经验来逐渐克服。

• 职场关键能力方面

• 学到的内容

1. 三校交换生决赛

2. 职场招聘模拟大赛

3. 软约演讲

4. 学习思维和职业思维

• 自己的提升和改变

1. 三校交换生决赛体验

通过参与三校交换生决赛并选择去山东学习半个月，我获得了宝贵的跨校学习机会。这不仅让我体验了不同学校的教学风格和学习氛围，还拓宽了我的视野。我学会了如何快速适应新环境，并与来自不同背景的同学交流合作，这对提升我的适应能力和人际沟通技巧大有裨益。

2.职场招聘模拟大赛观察

作为职场招聘模拟大赛的观众，我不仅观察了参赛者的表现，还学习了如何在职场中进行自我推销和面试技巧。通过反思他人的优点和不足，我对自己未来面试时的准备工作有了更清晰的认识，并意识到了持续提升专业技能和软技能的重要性。

3.软约演讲的启发

在参与软约演讲活动中，我不仅学习了演讲技巧，还对一些优秀软件有了更深入的了解。我认识到了清晰表达和有效沟通在传递信息中的关键作用，这对于我的职业发展至关重要。我将继续练习，提高自己的演讲能力，以便在未来的工作中更好地展示自己和分享想法。

4.学习思维和职业思维的融合

在职场课堂上，我了解到学习思维和职业思维的重要性。通过学习如何将理论知识与实际工作相结合，我开始意识到理论知识的实用性和在实际工作中解决问题的能力是职场成功的关键。我将这种思维方式应用到我的学习和工作中，提高了解决问题的效率和创造性。

• 存在的问题

尽管这周在多个方面取得了进展，但也面临着一些挑战和问题。以下是我在学习和成长过程中遇到的一些主要问题：

    1.时间管理和优先级设定

在参与多项活动和学习任务的同时（例如数据库比赛和日常的一些活动），我发现自己在时间管理和优先级设定上还有待提高。有时候，我在安排时间和确定哪些任务应该优先处理时感到困难，这导致了一些紧急任务的延期或完成质量不高。

2.跨文化沟通的挑战

在三校交换生决赛中，我发现自己在跨文化沟通方面还有很大的提升空间。我需要更多地了解不同文化的沟通习惯和敏感点，以避免可能的误解和冲突。

3.演讲技巧的进一步提升

本次软约中，蜜姐职场点评时的三种套餐（优雅的法餐、江湖中的江湖菜和工作的简餐）让我记忆尤深，大多是人都吃的是工作的简餐，在各个方面，只有自己不断的成长，小到一场比赛演讲，大到以后的工作汇报，才能品尝到各种套餐。

4.理论与实践的有效结合

通过益姐的课堂学习，虽然我意识到了学习思维和职业思维的重要性，但在实际将理论知识应用到职场实践中时，我仍然感到有些挑战。解决这些问题可能需要更多地在实际工作场景中练习，以便更有效地将所学知识转化为解决问题的能力。

• 结语

在软件技术方面，我学习了HTML中的块级元素和行内元素、CSS选择器的使用、不同的CSS定位技术、JavaScript的数据类型以及对象属性和方法的引用和常用事件。这些知识对于前端开发至关重要，它们帮助我理解网页布局、样式设计和用户交互的基本原理。然而，实际应用中我遇到了一些挑战，如CSS定位的复杂性和JavaScript事件处理的深入理解。我意识到需要更多的实践和项目经验来克服这些难题。

在职场关键能力方面，我通过参与三校交换生决赛、职场招聘模拟大赛观察、软约演讲和职业思维的学习，提升了适应新环境的能力、自我推销和面试技巧、沟通和演讲能力以及将学习思维与职业思维结合的能力。这些经历让我更加准备好面对未来职场的挑战。尽管如此，我还是面临着时间管理、跨文化沟通、演讲技巧提升以及理论与实践结合方面的问题。总结来说，无论是在软件技术还是职场关键能力方面，我都有了显著的成长。

最近有点小感慨：在双体系教育系统的精心培育与教师们的悉心指导下，尽管最近开始出现烦躁的情绪，但我深知自己近来的烦躁与疲倦不过是成长路上的一段必经之路。这些挑战，虽然艰难，却是塑造更强大自我的关键时刻。在双体的这个环境中，我也暗自心怀感激，珍视双体所提供的学习机会和支持，决心重新调整心态，振作精神，以更加积极的姿态投入学习。我坚信，通过不懈的努力和自我提升，我能够不负双体的期望，并为未来的自己铺就一条更加光明的道路。我期待着那一天，当我回望过去的努力和今天的决心时，能够自豪地说，一切的付出都是值得的。

总结人：罗城

2024年3月23日

注：附表1：第七周工作检视表

附表2：第八周工作计划表

附表1：第七周工作检视表

第七周工作检视表

时间	计划内容	计划完成情况
		起止时间	完成情况	未完成原因	备注
周一	完成技术作业	8:55-9:40	√
	HTML网课学习	10:05-10:50	√
	HTML实战练习	11:00-11:45	√
周二	复习标签知识	8:55-9:40	√		项目练习多注意其他标签
	总结学习内容	19:55-20:40	√
周三	网课学习	17:00-17:45	√
	学习问题归纳	21:40-22:30	√		多看网课的项目，提升项目思维
周四	CSS技术练习	8:55-9:40	√
	CSS网课学习	10:05-10:50	√
	HTML+CSS	11:00-11:45	√		Css属性更多的去了解
周五	职场总结	19:00-20:40	√
周六	周总结	8:55-11:45	√
	技术作业及练习	14:00-17:45	√

附表2：第八周工作计划表

第八周工作计划表

时间	计划内容	计划完成情况
		起止时间	完成情况	未完成原因	备注
周一	CSS网课学习	8:55-9:40
	JS网课学习	10:05-10:50
	小项目练习	11:00-11:45
周二	总结周一的疑问	8:55-9:40
	数据库项目	19:55-22:00
周三	数据库项目	17:00-17:45
	学习问题归纳	21:40-22:30
周四	前端网课学习	8:55-9:40
	数据库项目	10:05-11:45
						周五	职场总结	19:00-20:40
周六	周总结	8:55-11:45
	技术作业及练习	14:00-17:45

监督人：青松小组全体成员

惩罚：小组成员任选一杯茶百道奶茶