春节贺卡课程总结

你们好。●０●今天我想讲讲学习《HTML5+CSS3实现春节贺卡》这节课的课程感悟。
（画外音：“先来个自我介绍吧<(￣︶￣)>”）
自我介绍？好。我是一个土木工程的大学生。
（“搬砖的？”）
对，搬砖的。
（“搬砖的来学编程干吗？”）
搬砖的怎么了！我想学编程不行吗ψ(╰_╯)这位同学请你安静一会儿好不好。谢谢配合。
先简单介绍一下个人情况。我真的是个菜鸡o(︶︿︶)o 之前写过那么一两个静态PC端网页，就是非常简单的CSS和HTML外加套用一些js框架。我之前从来没写过移动端的网页。这次写这个春节贺卡可以说是零的突破了。
简明扼要地说呢，这门课程给我带来了如下方面的提高：

• 纠正了我的网页开发步骤。
• 开启了我的移动端编写新纪元。 o(≧v≦)o~~好棒
• 巩固了原生Javascript基础。
• 改正了一些不良的代码习惯。

基本上就是上述的几大项。下面逐项总结└(^o^)┘

1.纠正了我的网页开发步骤。

我之前写网页就是摸着石头过河，走一步看一步，毫无章法可言。比如上学期我们学校举办的班级主页大赛，我的作品经历了多达5次的重构。都是写着写着发现不对劲，网页结构太糟糕了，然后就只能从头开始。
这门课的第一讲（除过课程介绍）就是“项目开发分析”，其中明确指出

切图-重构-前端-优化

的开发步骤，老师第一讲讲完之后我就深感“听君一席话，白读十年书”啊d(╯﹏╰)b 咕~~ 我要是早看到这个视频，我在开发过程中将走多少弯路呀！
爱米老师也确实是按照这个开发思路来进行我们的案例开发的，直到上完最后一节课“课程总结”我还不住地感叹这个开发步骤真是提纲挈领！

2.开启了我的移动端编写新纪元。

我之前只写过PC端的网页，一方面是因为自己刚刚入门，不想眉毛胡子一把抓，另一方面也是因为自己对移动端不够重视。现在情况已经不同了，自己也不像刚学会HTML时候那样什么也不懂了，另外也深深地意识到了移动端的重要性。
在学习这个课程的时候我的内心是崩溃的(+﹏+)~ 连最基础的在Chrome当中F12 Toggle Device Mode都不知道。步履维艰地跟着老师一步一步码代码，当中很多东西都是之前从未接触过的。
先是长度单位vw和vh给了我一个下马威。查阅资料之后才知道它们是view-width和view-height的缩写，是相对于视口宽度的单位。
紧接着又有了一个叫做“toutchstart”的事件类型("▔□▔)/ 这是又是什么鬼。原来是移动端专有的监听对象，用来区分点按还是长按。好吧好吧。
到后面还有调整viewport的meta标签，虽然之前也见到过，不过还是第一次使用。
至于那个“禁用格式识别”的奇葩标签更是闻所未闻：

<meta name="fomat-detection" content="telephone =no">

1. 巩固了原生Javascript基础

得益于前两天学习的vivian老师讲的“JS动画效果”，对原生JS控制动画有了相对深入的理解。在看本课程的时候，有很多地方在爱米老师还没讲到的时候我就已经先意识到了，这种触类旁通的感觉真的好棒︿(￣︶￣)︽(￣︶￣)︿
我的JS基础确实不好，在JS还没有掌握的时候就急于学习JQuery，导致原生JS的功力退化到基本没有。这门课上完之后帮助我捡起了很多JS的知识。

1. 改正了一些不良的代码习惯

首当其冲的就是不写注释。爱米老师在编码过程中做了很多注释，我回过头来看我之前的一些网页，注释都少得可怜，仅有的那点注释也只是划分区域用的(┬＿┬)↘ 这节课的代码我也做了很多注释，以后也会提高对注释的重视度。
再比如轻易地使用ID属性。我学习CSS的时候从来没有人给我讲过要慎用ID属性，CSS的相关课程只是说class可以选择多个目标，而ID只能选择一个目标。但在这门课程学习中，有一节课是给music_disc那个image标签添加Javascript控制，结果由于之前的滥用ID，导致我们希望用的一个单词music被占用，结果还要进行非常麻烦的调整(＞﹏＜) 这是老师故意给我们做出的反例，为了告诫我们在CSS中要谨慎使用ID，为后面js对页面显示的控制留下接口。
还有细节问题比如说JS中getElementsByTagName方法，之前的课程有印象的提醒只是其中的Elements要带‘s’，却不曾记得有提醒说这个方法获取到的总是一个数组，即便是只有一个元素也要加序号[0]

洋洋洒洒写了芥末多，其实我只是想要一副键鼠啊哈哈哈╭(′▽`)╯ 但我上这门课已经收获了非常多了，已经很开心了。
这位同学，你还有什么想问的没有？
（“你这么菜，菜得让人看不到你出头的希望”）
我虽然菜，技术水平赶不上大牛，但是我在一直努力呀！我们一起加油！