首页
课程分类
电脑办公
平面设计
室内设计
室外设计
机械设计
工业自动化
影视动画
程序开发
网页设计
会计课程
兴趣成长
远程培训班
商城
登录/注册
帮助中心
首页
网页设计
手机网页原生代码开发教程
分享
关注
手机网页原生代码开发教程
共
52
小节
已有
79371
人学过
2018年1月推出
课程概要
这是一套进阶的实战课程,高仿手机页面音乐台的界面以及简单的用户交互,课程适合有html、css、js基础的同学进行开发,此项目采用纯原生写法,锻炼你的js逻辑代码,让你征服原生开发。
教程程度:
高级
软件版本:
WebStorm
[下载链接]
所需基础:
html+css+js基础
适合人群:
前端开发的从业人员、爱好者
手机观看
APP扫描二维码打开
手机使用APP
学习更轻松
V
充值V币
课 程
预 览
课程目录
课程素材
技术文章
目录版式
第一章:项目介绍和音乐台头部制作
1-1 项目描述和效果展示
点击观看
05:26
1-2 项目架构搭建和取消浏览器默认行为
点击观看
07:16
1-3 header上半部分制作
点击观看
07:02
1-4 使用rem和less编写样式
点击观看
23:38
1-5 header 下半部分的制作
点击观看
11:19
1-6 header输入框js获取和失去焦点
点击观看
06:35
1-7 header遮罩样式
点击观看
06:13
1-8 css高度塌陷知识补充
点击观看
04:14
1-9 js事件冒泡知识补充
点击观看
04:29
1-10 .header遮罩js交互
点击观看
09:41
第二章:音乐台导航栏和滑动效果制作
2-1 导航栏布局(一)
V币观看
11:41
2-2 导航栏布局(二)
V币观看
03:54
2-3 transform封装函数(一)
V币观看
10:11
2-4 transform封装函数(二)
V币观看
05:11
2-5 transform封装函数(三)
V币观看
04:10
2-6 导航栏滑动(一)
V币观看
10:47
2-7 导航栏滑动(二)
V币观看
11:32
2-8 导航栏快速划屏效果
V币观看
08:20
2-9 导航栏回弹效果
V币观看
05:25
2-10 导航栏遗留速度bug解决
V币观看
05:05
2-11 导航栏li点击变色(一)
V币观看
04:49
2-12 导航栏误触操作的解决
V币观看
08:43
第三章 :自动轮播图的制作
3-1 轮播图制作(一)
V币观看
10:50
3-2 轮播图制作(二)
V币观看
06:17
3-3 轮播图判断换图
V币观看
09:00
3-4 小圆点拖拽跟随移动
V币观看
10:09
3-5 轮播图2d过渡tscproj
V币观看
08:45
授课讲师
荒城
程序开发
TA的课程
课程简介
这是一套进阶的实战课程,高仿手机页面音乐台的界面以及简单的用户交互,课程适合有html、css、js基础的同学进行开发,此项目采用纯原生写法,锻炼你的js逻辑代码,让你征服原生开发,技术点涵盖原生轮播图,触屏划动,css精灵图的运用,多指事件的判断,误触操作的判断,触屏抖动的解决,触摸高亮的解决,原生滑屏的回弹效果以及rem适配和less编译的运用。达到提高你解决问题和处理问题的能力,培养你前端工程师的思维。
相关推荐
共
107
小节
已有
42967
人学过
共
149
小节
已有
347253
人学过
共
187
小节
已有
168238
人学过
共
110
小节
已有
268389
人学过
我们的成功之路
更多
换一换
会员名:gap****296
从2013年上大学以来。刚上大学跟着学校的老师学,学的都是基础的课程,一点进步都没有,有时候还懵懵懂懂,等学完之后不久又忘记了。
会员名:T25****8yn
看到这个征集活动的时候,我正在准备公司网站双12活动的首页,看到之后特别激动。一直想感谢自学网的刘国锋老师、漓江老师和客服美女
会员名:米****饼
我在“我要自学网”上自学了很多的课程,比如CAD2010、UG10.0建模和运动仿真、PS等。各个视频库里面包含了丰富的知识,老师的教学也切合实际,我也会很容易的听懂,不像平时在教室上课,讲一些和本课程无关的东西,我要自学网上的老师讲课会讲的很仔细,更易于理解,这么久一直坚持观看教学视频,我的收获颇多。在平时教师授完课之后我也会自主的打开我要自学网的软件自由学习。
会员名:枫叶****枫铃
2011年的时候我花1000元报名了电脑培训学校,但是那里的老师不怎么样,现学现卖,没学到多少东西。后来由于钱包被抢了,没学就回老家了。后来听同学说我要自学网上面有很多的视频,所以就注册了一个会员,学习3D
会员名:一****水
我偶然接触到“我要自学网”,是在临近大四毕业那年,接触的起因是因为临近毕业设计,但毕业设计但必须通过手绘与电脑建模的形式来完成。然而学校的教学课程并没有涉及软件操作等实用性课程,