首页
课程分类
电脑办公
平面设计
室内设计
室外设计
影视动画
机械设计
工业自动
程序开发
网页设计
会计课程
远程班培训
商城
登录/注册
帮助中心
首页
网页设计
手机网页原生代码开发教程
分享
关注
手机网页原生代码开发教程
共
52
小节
已有
56608
人学过
2018年1月推出
课程概要
这是一套进阶的实战课程，高仿手机页面音乐台的界面以及简单的用户交互，课程适合有html、css、js基础的同学进行开发，此项目采用纯原生写法，锻炼你的js逻辑代码，让你征服原生开发。
教程程度:
高级
软件版本:
WebStorm
[下载链接]
所需基础:
html+css+js基础
适合人群:
前端开发的从业人员、爱好者
手机观看
V
充值V币
课 程
预 览
课程目录
课程素材
目录版式
第一章：项目介绍和音乐台头部制作
1-1 项目描述和效果展示
点击观看
56610
1-2 项目架构搭建和取消浏览器默认行为
点击观看
19199
1-3 header上半部分制作
点击观看
12923
1-4 使用rem和less编写样式
点击观看
12135
1-5 header 下半部分的制作
点击观看
6647
1-6 header输入框js获取和失去焦点
点击观看
5286
1-7 header遮罩样式
点击观看
4634
1-8 css高度塌陷知识补充
点击观看
4480
1-9 js事件冒泡知识补充
点击观看
4562
1-10 .header遮罩js交互
点击观看
5638
第二章：音乐台导航栏和滑动效果制作
2-1 导航栏布局（一）
V币观看
2769
2-2 导航栏布局（二）
V币观看
1624
2-3 transform封装函数（一）
V币观看
2236
2-4 transform封装函数（二）
V币观看
1532
2-5 transform封装函数（三）
V币观看
1362
2-6 导航栏滑动（一）
V币观看
2058
2-7 导航栏滑动（二）
V币观看
1375
2-8 导航栏快速划屏效果
V币观看
1202
2-9 导航栏回弹效果
V币观看
899
2-10 导航栏遗留速度bug解决
V币观看
749
2-11 导航栏li点击变色（一）
V币观看
805
2-12 导航栏误触操作的解决
V币观看
783
第三章 ：自动轮播图的制作
3-1 轮播图制作（一）
V币观看
2572
3-2 轮播图制作（二）
V币观看
1290
3-3 轮播图判断换图
V币观看
1085
3-4 小圆点拖拽跟随移动
V币观看
837
3-5 轮播图2d过渡tscproj
V币观看
740
授课讲师
荒城
程序开发
TA的课程
课程简介
这是一套进阶的实战课程，高仿手机页面音乐台的界面以及简单的用户交互，课程适合有html、css、js基础的同学进行开发，此项目采用纯原生写法，锻炼你的js逻辑代码，让你征服原生开发，技术点涵盖原生轮播图，触屏划动，css精灵图的运用，多指事件的判断，误触操作的判断，触屏抖动的解决，触摸高亮的解决，原生滑屏的回弹效果以及rem适配和less编译的运用。达到提高你解决问题和处理问题的能力，培养你前端工程师的思维。
相关推荐
共
106
小节
已有
28955
人学过
共
149
小节
已有
248510
人学过
共
187
小节
已有
142352
人学过
共
110
小节
已有
236649
人学过
我们的成功之路
更多
换一换
会员名：T25****8yn
看到这个征集活动的时候，我正在准备公司网站双12活动的首页，看到之后特别激动。一直想感谢自学网的刘国锋老师、漓江老师和客服美女
会员名：韦中****23
2011年毕业，学的平面设计专业，所在学校是一所职中。接触了自学网的讲师，一对比才知道在校期间基本没学到啥。 家庭贫困农村的娃，在校我是十分愿意学习的，无奈学校老师水平有限
会员名：fan****ian
同事推荐才得知《我要自学网》，自从登陆这个网站后，有如获至宝，找到家的感觉，这个网站，非常丰富，涵盖整个我的职业生涯需要学习的所有软件培训
会员名：蓝****米
因为是专科所以不能选择PLC对应的专利，所以只能选择从学徒做起，接着在自学网学习UG ，PROE ，很多很多 我记得当初也学习过办公软件，看我的学习记录哈哈哈， 接着 ?在3个月的毕业实习后，找到了一份绘图工作
会员名：任****蟀
我自己是学的土木工程专业出身，自从2013年参加工作以来，单位的各种图片编辑需求越来越多，开始的时候都是求助于我们当地的广告电脑制作商店，但这种方式随着工作任务的越来越多，也越来越不方便，不仅浪费了
