妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 5042|回复: 0

妙味JS实体班学员吴晓伟课后练习:苹果照片打印APP站点

[复制链接]
leo 发表于 2016-7-7 23:24:09 | 显示全部楼层 |阅读模式
几天前,我发了一篇帖子《妙味JS班实体学员茹博洋课后练习:QQ浏览器》,有JS班的学员表示不服,他也做了类似这样的作品,然后扔过来一个压缩包,我解压一看,很欣慰,本着一视同仁+赞赏鼓励的态度,今天也把这位JS实体班学员的作品贴出来,大家一同交流学习:


妙味JS实体班学员 吴晓伟 课后练习:苹果照片打印APP站点


















项目地址:http://2013.miaov.com/student/cool_apple/


- 以下内容引自 吴晓伟 作品描述 -

开发环境:Sublime、Hbuilder;
运用技术:JavaScript、jQuery、Html5、CSS3
开发周期:5天
项目描述:
    1、网站为宣传苹果一款免费打印照片的APP。
    2、网站主要部分在于照片的切换效果实现,通过应用css3样式中transform、rotate旋转角度等实现动画。
    3、首页的隐藏、显示、上浮等动画效果采用JQuery的animate和关键帧等实现,但是css3和h5兼容低版本浏览器有问题。
    4、云朵和下方绿色树木采用css样式生成,减少图片的请求。
    5、鼠标滚轮和右侧点击事件的匹配:通过添加索引值。
    6、第二页JS生成60个小块Math.floor要比parseInt性能要好。
    7、图片用雪碧图拼,减少了体积及http请求次数从而提高性能。
    8、此网站大多采用原生JS开发。


除此以外,他的个人作品还包括:

一元夺宝移动端
开发周期:3天
项目描述:
用户通过下单参与各种拼概率夺宝活动,移动端制作是前端必备技能之一,移动端不适用固定宽高的设置,而是采用rem单位来控制。
移动端各种事件的实现如touchstart、touchmove、touchend等。
移动端使用“click”事件会触发其它的事件,不要使用“click”,可以通过e.preventDefault()解决,事件需要用事件绑定的写法。
通过在meta中设置视口、minimumscale和maximum-scale以及禁止缩放来解决用户缩放使网页错乱的问题。
图片使用雪碧图拼,提升性能。
注意移动端像素比的设置window. devicePixelRatio和一些默认样式的清除。


仿JQuery响应式网站
开发周期:3天
项目描述:
仿JQ网站响应式首页,响应式可以为不同终端的用户提供更舒适的界面和更好的用户体验。
通过媒体查询使该项目在不用分辨率的设备下都能显示一种特定的结构。
此项目中应用了html5标签、css3一些新样式,如section、header以及transform等样式和怪异盒模型box-sizing的使用。
注意图片要随可视区变化的话可以跟随父级的宽高而变化,宽高可设为100%。
响应式可以由小到大写多套样式。


网易云音乐首页实现
开发周期:2天
项目描述:
项目采用了css+html布局,使用了部分html5的新标签,引入js解决了html5标签在IE6、7下无法识别的问题。
项目中大多数的图标采用css精灵,减少了http请求次数,减小了图片的占位大小以及方便命名。
难点在于低版本浏览器会出现很多无法兼容的问题:如双边距,透明度等。


在招人不易的今天,找一位 技术基础扎实、踏实肯干、简历又无水分 的前端已经非常困难了,
有兴趣的公司不妨抓紧时间,赶紧与这位学员联系吧:

姓名:吴晓伟
性别:男
学历:本科
电话:18910306641








如果你想咨询妙味JS课程?你可以找客服妹纸敞开了说、铆足了劲的聊:
咨询QQ:3023710192、3049266712
想听到客服妹纸们的声音?你得拨这个号:010-57269690

客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00

地址:北京海淀区西二旗辉煌国际大厦(西6号楼)319室
1.png
2.png
3.png
4.png
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-1-16 16:46 , Processed in 0.125132 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表