首页
课程分类
电脑办公
平面设计
室内设计
室外设计
机械设计
工业自动化
影视动画
程序开发
网页设计
会计课程
兴趣成长
AIGC
远程培训班
商城
登录/注册
帮助中心
首页
网页设计
手机网页原生代码开发教程
分享
关注
手机网页原生代码开发教程
共
52
小节
已有
84826
人学过
课程概要
这是一套进阶的实战课程,高仿手机页面音乐台的界面以及简单的用户交互,课程适合有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
小节
已有
47113
人学过
共
149
小节
已有
372849
人学过
共
187
小节
已有
172779
人学过
共
110
小节
已有
275815
人学过
我们的成功之路
更多
换一换
会员名:m****梅
本人近年一直从事薪酬核算工作,之前效率一直不高,后面无意间了解到了“我要自学网”,发现里面的内容好丰富,各行各业的都有,因工作原因,从里面学了EXCEL2013函数大全教程和EXCEL操作技巧操作
会员名:T25****8yn
看到这个征集活动的时候,我正在准备公司网站双12活动的首页,看到之后特别激动。一直想感谢自学网的刘国锋老师、漓江老师和客服美女
会员名:神仙****4年
2004年的我是一个从山野乡村走进职业学校的一名土豹子,在校期间学习的是机电一体化科目,五花八门的武艺可以说是都略有接触,(车,铣,钳,磨,电,金属材料,CAD制图)等等。一转眼也就步入社会工作了
会员名:张艳****95
人生需要懂得自我加压,过分的安逸会使人变得懈怠,变得“弱不禁风”,经不起生活的击打,只有不断地自我加压,勇敢地挑起生活的重担,人生的步履才会迈得更坚实、更稳健、更有力。
会员名:T22****4rm
读大专时选的是机械设计专业,毕业后就业于一家摩托车制造公司做技术绘图员已经有两年了,工作上使用cad绘图用的比较多,三维软件很少用。但有时用到的时候已经很久没用过了,除了一些基础其它的都还给老师了。17年的时候接触过自学网这个平台但没怎么去了解和使用,去年我朋友微信给我一个ug学习视屏的链接我重新使用到了自学网这个平台,刚开始断断续续,到后来慢慢的去了解和使用。平台里的教学视屏内容很详细,很多行业的教学内容都有,最重要的是很多都是免费的。ug建模设计,ps基础教程等其它教学通过这个平台学习后,对我的工作效率得到了很大的提升。我很感谢自学网这个平台。
V
特惠充值
联系客服
APP下载
官方微信
返回顶部