2025年css布局模型思维导图图片（2025年css布局模型思维导图图片

博学谷前端学习日记-第一周

学习背景与选择原因作为完全0基础的IT行业纯小白，因待业状态决定通过学习编程技能提升就业竞争力。在对比多家培训机构后，最终选择黑马博学谷线上班，核心原因如下：课程试听体验：免费课程讲解细致，逻辑清晰，适合零基础学习者快速建立认知。平台用户体验：博学谷、传智教育旗下APP/网站界面友好，功能设计符合学习需求。

在一周的学习日志中，遇到的问题主要集中在程序报错及解决方法上。通过分析错误信息，我总结了以下几点关键点：首先，遇到“无法读取未定义的属性（读取filter）”的错误，其原因在于使用了未定义的变量。在项目的实际应用中，我发现变量名在定义和使用时出现了不一致的情况。

第四周学习总结：完成第一阶段学习并开启第二阶段，同时整理了第一阶段常用单词 学习进度：第四周完成了第一阶段的学习，能够独立制作简单的网站首页，并通过了第一阶段的考试，现已开始第二阶段的学习。但学习效率较低，原计划十天完成的内容拖至三十天，本周开始调整学习时间以追赶计划。

第五周学习总结核心学习内容：第五周聚焦移动Web网页开发，内容以基础为主，与HTML、CSS衔接紧密。通过代码实现多样化效果时，能即时看到网页反馈，成就感较强。但阶段测试中常反思代码非最优解，技术老师指出基础实现方式不唯一，效果达标即可。

...工具(SWTO分析、鱼骨图、波士顿矩阵、思维导图...)

1、SWOT分析：基于内外部竞争环境和条件，分析优势、劣势、机会和威胁。思维导图：图像式思维工具，表现主题关系，建立记忆链接。波士顿矩阵：分析产品结构的基本因素，包括市场引力和企业实力。创新三角：包括创新主体、方式、文化，形成架构性思考逻辑。心智模式反思：通过六步分析突破定式思维，找到转变依据。

2、这是一个将发散思考的结果进行收敛归类的步骤，输出结果是一张完整的思维导图。该步骤的关键是：掌握归纳推理的三个逻辑顺序（时间顺序、结构顺序、重要性顺序），以及演绎的逻辑顺序。归类要点时必须时必须符合四种逻辑顺序的一个，否则你就需要考虑对要点重新归类，甚至需要对部分要点重新分解、升级或修改。

web前端需要学什么?

Web前端开发需要学习的内容涵盖多个方面，从基础技术到进阶工具均有涉及，具体如下：基础技术HTML与CSSHTML是网页的骨架，负责定义页面结构（如标题、段落、列表等）；CSS则用于控制页面样式（如颜色、字体、布局等）。二者并非编程语言，但属于前端开发的核心基础。

web前端需要学习的内容和需要掌握的知识主要包括以下几个方面：核心技术 HTML 描述：HTML（超文本标记语言）是构成网页的基本元素，用于定义网页的结构和内容。学习内容：掌握HTML的基本标签、属性以及嵌套规则，能够编写结构清晰、语义明确的HTML代码。

新手入门Web前端需要学习的内容主要包括HTML、CSS和JavaScript三部分：HTML部分HTML简介：超文本标记语言（HyperText Mark-up Language，简称HTML）是一个网页的骨架。无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。

目标：掌握HTML、CSS等基础知识，能够独立完成PC端和移动端的页面布局和样式设计。学习内容：HTML5+CSS3基础、PC端网站布局、WebApp页面布局。就业方向：Web前端开发工程师/前端页面布局与重构工程师。

Web前端入门开发需要学习的内容主要包括以下几个方面：基础部分 HTML、CSS、JavaScript：这是Web前端开发的三大基础技术，必须学扎实。可以直接从HTMLCSSES5开始学习，掌握最新的标准和特性。与美工、后端开发、设计相关的知识 美工相关：主要学习Photoshop（PS）和切图技术。

Web前端培训内容主要包括以下五大阶段，学习时长一般在4-6个月左右：HTML+CSS及相关技术 HTML+CSS：学习HTML的基本结构、标签语义化、表单元素等，以及CSS的选择器、盒模型、布局方式等。SEO：了解搜索引擎优化的基本原理和技巧。浏览器兼容性：掌握不同浏览器对HTML和CSS的解析差异及解决方法。

收集一些方便易用的小工具

以下是一些方便易用的小工具推荐： doc small功能：图片压缩：支持对图片进行高效压缩，减少文件体积，同时尽量保持画质清晰，适用于需要上传图片到网站、发送邮件等场景。PDF分割合并：可以将一个大的PDF文件分割成多个小文件，方便阅读和分享；也可以将多个PDF文件合并成一个文件，便于整理和管理。

蒸蛋器：小巧实用，可蒸煮鸡蛋作为早餐或夜宵。蒸出的鸡蛋口感嫩滑，操作简单，适合快节奏生活。多功能插座LED充电器：集成插座、USB接口和LED灯，上端还有卡座设计，可放置充电设备。一物多用，节省空间，适合桌面整理。懒人手机置物架：上层放置手机或平板，下层设计垃圾桶，方便边看剧边吃零食。

在线JSON编辑工具 简介：JSON是一种结构化的文本数据，是常见的信息交流格式。这个在线JSON编辑工具提供了方便的JSON查看、编辑和格式化功能。功能特点：直观编辑：提供可视化的JSON编辑界面，方便用户进行增删改查操作。格式化输出：支持将JSON数据格式化为易读的格式，方便用户查看和调试。

最后找一个棉签棒，将其插入钻好的洞中，棉签棒可以作为操作杆，方便使用者手持并控制纸盒进行垃圾收集。这种工具适合收集一些小型的、散落的垃圾，如纸屑、小石子等。用两个纸杯和吸管制作机械手式收集器准备两个纸杯，对其中一个纸杯进行改造。

收纳网兜：收纳网兜可以贴在柜门内，用于收纳塑料袋、保鲜膜、抹布等小物。它不会占用太多的橱柜内空间，同时又能妥善收纳这些小物品，使厨房或卫生间更加整洁有序，拿取也方便。雪花扳手：雪花扳手是一款集成了多种五金用具功能的小工具，包括十字、一字螺丝刀、开瓶器、内外六角螺丝刀等。