A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

大家好,我是麻同学.
相信细心的人已经注意到了,我的句号是英文的句点.
自从学了前端,我基本告别了中文的标点符号,因为它们常常是代码出错的罪魁祸首.
总的来说,利大于弊,除了打顿号变得困难,一切都变得行云流水了

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

上课第一天,就接触到了当前最牛批的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-11 13:40
666  发表于 2019-4-9 15:25

4 个回复

倒序浏览
666666666666
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马