网页设计大赛过程的收获
1. 引用文档方面
-
swiper的应用
- 参考文档swiper: http://www.xiaoshu168.com/jquery/103.html
- 解决swiper冲突 -
Font Awesome字体
-
jQuery的部分使用
2. CSS细节
3. html 的 meta属性
1. 指定时间后自动刷新:
<meta http-equiv="refresh" content="2"/>
2. 指定时间后跳转到指定页面:
<meta http-equiv="refresh" content="5; URL=http://www.baidu.com"/>
4. CSS3细节
- filter( 滤镜 )
- 实现毛玻璃效果
- transform(skew(xdeg ydeg)) ( 倾斜 )
- box-reflect( 倒影 )
- :checked 选择器( 省去了部分的 js )(MDN)
- 自定义(滑动条)input[type=“range”]样式(参考文章)
- html中禁止文字被选中:user-select:none |text| all | element
-
/* box-shadow: inset 0 0 10px #000; */ 阴影在内部
-
/* width: calc(100% - 50px); */ 函数
- 对 iconfont 的字体图标的应用( icon 和 Symbol )
5. JavaScript
- dom操作更熟练了吧
终. 说说感受吧
首先呢我得感谢我的设计师partner,它的设计成为了全组羡慕的对象,他们都告诉我说你的设计设计出的东西太赞了吧,都想去你们组了,哇不行,这个必须在这先嘚瑟一下。
其次呢还得给我的设计师说声对不起,因为现在我学的东西也确实不能把他设计的东西完全像素级的还原,他设计出来的东西确实太赞了,接下来我也会对它慢慢的修改,尽量做的更完善吧。
还有呢必须吹爆我雷姐,虽然他的代码贡献为 0 行,但是呢在精神上给予了馍大的支持
虽然说因为疫情我们的作品没有办法拿去参赛,但是应该说所有的人不管是设计组还是前端组在这次比赛中都是得到了进步吧,无论是从审美,技术,合作,还有黑眼圈方面也着实有着不小的收获。
需要什么功能,就现学现用应该是前端工程师的必要的技能吧,嗯对,要先成为一名前端工程师,然后再成为一名优秀的前端工程师。
很高兴身边能有这样陪我一起共同成长的一群伙伴们,合作,竞争,共同进步。在接下来的大学生活中也必定因你们生出更多精彩。
加油呀!