黑马程序员技术交流社区

标题: 【成都校区】就业班四天学习内容总结 [打印本页]

作者: 麻同学    时间: 2019-4-9 15:17
标题: 【成都校区】就业班四天学习内容总结
大家好,我是麻同学.
相信细心的人已经注意到了,我的句号是英文的句点.
自从学了前端,我基本告别了中文的标点符号,因为它们常常是代码出错的罪魁祸首.
总的来说,利大于弊,除了打顿号变得困难,一切都变得行云流水了

嗯,回归正题!
在交了一笔巨款后!终于可以开始就业班的学习了!✿✿ヽ(°▽°)ノ✿

上课第一天,就接触到了当前最牛批的H5和CSS3!太激动啦!!!
相比较基础班学习的html和css,今天学习的知识,真是异常的炫酷.
上来就是多媒体标签,死板的界面变得有声音了,盲人也能感受到网页的魅力了
如果说多媒体标签只是基础班课程的延续,
那么之后学习的表单新标签/属性 就是升华了.
突然感觉写代码是一件快乐的事情呢~
能自己生成提示框并且限制输入内容,真是让人开心的想喝一大瓶肥宅快乐水

曾今,我是想自学前端的,但我败在了选择器上,
尤其是属性选择器结构伪类选择器!!!
那一堆堆花哨的符号,让我想回到火星文流行时的岁月,
不过好在这次不一样了,
在pink老师的教导下,这些符号居然让我看出了花,成功掌握一门 新?语?言

之后的内容就比较高级了
2D/3D转换动画

2D真的很简单
在我看来 只要在屏幕上贴个平面直角坐标系,一切问题都能迎刃而解
translate/rotate/scale 再加中间一点点 transform-origin
好了 下一位

动画
嗯...说实话也不难
必须记得的就是一套@keyframes 还有 (伪)必备的无限次播放infinite(❤英菲尼迪)和时不时恶心一下人的 就是逆向播放alternate 记不住啊!!就是没什么需要特别注意的了

最后的拔拔来了
3D转换
这东西
就跟穿鞋子一样麻烦
穿了左脚,还要穿右脚,穿了右脚还有一只脚!
左脚是类似于2D转换,但是却耍成了花式的移动和旋转,右脚是3D呈现,中间那只脚(严肃)就是视距...
视距要加给被观察元素的父元素
3D呈现是让子元素保持3d效果,也需要加给父元素...
...虽然没有学成浆糊,但当实际应用起来,这剪不断理还乱的关系,着实让人头秃
撇开立体感不足的先天缺陷不谈,3D转换嘛
它是真的难!

好了,就算难姑且也算是会用了.
一口气说了三天的内容,我真是短小精悍啊!

第四天
就是移动端的学习了,
在一上午理论知识的熏陶下,我对移动端页面的开发抱有极其乐观的态度,
懒惰是人类的第一生产力,规范化是懒惰最有利的武器!
编写移动端页面是真的省心啊,
不用担心兼容性,也不用担心屏幕尺寸,
webkit内核流式布局
这一泻千里的爽感,不敢相信
一直很担心的兼容问题在移动端一去不复返
只要稍许考虑倍图像素比
再加上我扎实的小学数学功底,
第四天的学习完美搞定,一口气敲了四遍京东页面,美滋滋

总结完毕,消消乐走起!

作者: 张起灵.    时间: 2019-4-10 00:14
666666666666




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2