华为云大前端全栈技术学习心得

我是一名Java程序员，从事Java开发已有五年之久，在此之前，也粗略的学习过一些前端的技术，如Html、Css、Javascript等，但是更多的都是因为工作需要，用啥学啥，从未系统的去了解过前端的技术，随着近几年Vue技术的火热，全栈工程师更加的成为了各个公司必不可少的热门职位。

华为云在此之前也推出过一个《Web前端全栈成长计划》，但是由于工作原因我错过了，这次新推出的《大前端全栈成长计划》是《Web前端全栈成长计划》的升级版本，技术更加新颖，这对我来说无疑是一个系统学习大前端的机会。自2021年6月21日加入学习以来，已经完成了第一阶段的学习，目前正在进行第二阶段的学习，现将前两个阶段学习的心得及收获总结如下：

1、第一阶段学习

第一阶段主要学习了Web前端三大件，HTML、CSS和JavaScript，HTML主要用来控制界面的布局，CSS用来控制界面的样式，而JavaScript主要用来控制界面的行为。

1.1、HTML

HTML的学习，最重要的就是标签的学习，HTML有很多标签，最常用的莫过于div、table和form表单了，常用div和table做界面布局，搭建界面基本框架，用表单提交数据，如用户注册，密码验证等，几乎全是表单的应用。表单学习比较重要的地方应该就是那十多个表单标签的应用，如文本框、按钮、文本域等。这个阶段的表单感觉并不是那么难，用起来也不是很费力，最初可能记忆的比较少，但是我相信用的多了，可能自然而然就都记住了吧。

1.2、CSS

通过CSS的课程，主要学习了CSS常用的选择器、CSS盒模型、CSS浮动及CSS定位相关的知识，要知道，前端页面如果没有CSS的装饰，将会失去色彩，一个网页的整体美感，主要就需要依靠CSS样式来进行渲染。个人感觉而言CSS的学习选择器和盒模型还是容易理解和使用的，比较有难度的地方莫过于定位和浮动，因为存在块元素和行内元素，块元素因为其本身特性，一个块元素他要占用一整行的空间，而一个行内元素他只能占用行内的一些空间，但是在实际操作中，很多时候我们却要想将多个块元素排在同一行，或者将多个行内元素排在不同行，这时候就可以使用浮动定位的方法来实现，浮动最主要做的就是这个，唯一要记住的一点就是做了浮动之后，如果他的父元素没有进行宽高的设定的话，是不是要进行清除浮动，防止下面的操作也产生浮动。

1.3、JavaScript

JavaScript的学习相较于HTML和CSS来说，就我个人而言是收获最大的，也是一直都最想学的一门技术，之前对JavaScript的了解只是停留在一些基本的数据类型操作、条件判断和循环上，通过这次学习，深入了解了JavaScript面向对象相关的知识，知道了作用域链是什么，学会了JavaScript中常用的创建对象的方式，学习了常用的Bom操作及JavaScript常用的内置对象，对JavaScript整体都有了一个系统的了解和认识。

2、第二阶段学习

第二阶段主要学习的课程是HTML5和小程序，目前刚刚学完HTML5的相关知识，HTML5技术并不复杂，它从来都不是什么新技术，只是HTML的延续。HTML5在网页开发上，赋予网页更好的意义和结构。HTML5新追加了很多的语义化标签，让界面的布局结构更加清晰，可维护性更强，语义更明确。另外在HTML5之前，我们很多情况下都是借助“图片”来使页面更加绚丽多彩。不过，使用图片这种方式，都是以“低性能”为代价的。因为图片体积大、下载速度慢等。为了应对日渐复杂的Web应用开发，W3C在HTML5标准中引入了Canvas这一门技术。Canvas，又称“画布”，是HTML5的核心技术之一。通过Canvas我们可以绘制各种图形、绘制各种图表、可以制作动画效果，甚至可以开发游戏等，由此足可见HTML5之强大。

3、结束语：

最后，必须为华为云推出的《大前端全栈成长计划》公开课点赞，华为云的公开课无论是从时间安排上还是作业打卡上都特别适合像我这样的搬砖一族，上班搬砖，下班学习，每天只需抽出1至2个小时就可以参与其中，而且还有沙箱实验，通过理论结合实践，更能加深对知识的理解。

期待接下来的小程序学习和第三阶段学习，也期待华为云能推出更多的主流技术的公开课，通过参加华为云的公开课，不仅可以收获知识，还可以获得丰厚的奖品，想要参加的快快点击下方链接加入吧：https://bbs.huaweicloud.com/forum/thread-131717-1-1.html