前端开发课程心得体会

玺-Yee

已于 2024-09-23 10:34:12 修改

阅读量993

点赞数 18

文章标签：前端

于 2024-09-23 10:10:29 首次发布

本文链接：https://blog.csdn.net/2201_75542278/article/details/142449457

版权

在踏入前端开发这一充满无限可能的领域之前，我对于编程和网页设计的认知仅仅停留在表面，认为它们不过是代码与设计的简单结合。然而，经过这段时间深入而系统的前端开发课程学习，我的观念发生了翻天覆地的变化，对前端开发有了更为深刻、全面且细致的理解。以下，我将从知识体系的构建、技能的提升、思维的转变、项目实践的感悟以及未来展望等几个方面，分享我的学习心得。

一、知识体系的构建

前端开发，作为连接用户与服务器之间的桥梁，其知识体系之庞大、技术更新之迅速，令人叹为观止。从最初的HTML、CSS到进阶的JavaScript，再到框架如React、Vue、Angular等，以及前端性能优化、前端安全、前端工程化等高级话题，每一个部分都需要我们投入大量的时间和精力去学习和掌握。

在构建这一知识体系的过程中，我深刻体会到了“基础不牢，地动山摇”的道理。HTML和CSS作为网页的骨架和皮肤，其重要性不言而喻。通过反复练习和实践，我逐渐掌握了如何高效地布局页面、如何运用CSS选择器精准定位元素、如何利用CSS3的新特性提升页面的视觉效果等基本技能。同时，我也意识到，虽然这些基础知识看似简单，但要想真正精通并灵活运用，却需要长时间的积累和不断的实践。

HTML的全局属性包括：

JavaScript的学习则更加考验我的逻辑思维能力和问题解决能力。从最初的变量、函数、对象等基础语法，到DOM操作、事件处理、异步编程等高级话题，我经历了从迷茫到清晰、从畏惧到热爱的转变。JavaScript的强大之处在于其灵活性和可扩展性，它让我能够以前所未有的方式与网页进行交互，实现各种复杂的功能。

一、下载HBuilderX，官网下载地址：HBuilderX-高效极客技巧

选择对应的版本下载即可：

二.项目的创建和运行

第一步：打开HBuilderX，点击工具栏里的文件 -> 新建 -> 项目

第二步：选择

最后：项目创建完成之后即可运行，打开项目的任意文件，如App.vue，选择“运行”-->"运行到浏览器“命令，选择浏览器，即可在浏览器中体验uni-app的H5版。

二、技能的提升

在前端开发课程的学习过程中，我的技能得到了显著的提升。首先，在编程能力方面，我学会了如何编写清晰、可维护的代码，如何运用函数式编程、面向对象编程等编程范式来组织代码结构，以及如何进行有效的代码测试和调试。这些技能不仅提高了我的编程效率，也增强了我的代码质量意识。

在学习前端开发时，我们学习了很多，其中就有弹性（flex）布局。Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强大的方式：

1、在不同方向排列元素
2、重新排列元素的显示顺序
3、更改元素的对齐方式
4、动态地将元素装入容器
虽然 Flexbox 非常适合缩放，对齐和重新排序元素，但以下情况应该尽量避免使用 Flexbox 布局：

1、整体页面布局
2、完全支持旧浏览器的网站
代码示意图:

三、思维的转变

前端开发的学习过程不仅是一次技能的提升之旅，更是一次思维的转变之旅。在学习的过程中，我逐渐摒弃了以往那种“只要会写代码就行”的狭隘观念，开始关注用户体验、性能优化、可维护性、可扩展性等更加全面和深入的问题。

我意识到，一个好的前端开发者不仅要能够编写出功能强大的代码，还要能够站在用户的角度去思考问题，关注用户的需求和体验。同时，我们还需要关注网页的加载速度、响应速度等性能指标，确保用户能够流畅地使用我们的产品。此外，我们还需要注重代码的可维护性和可扩展性，以便在未来的迭代和升级中能够更加方便和高效地进行修改和扩展。