手机网页原生代码开发教程-我要自学网

关注

手机网页原生代码开发教程

共52小节已有83357人学过 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小节已有45609人学过

共149小节已有364855人学过

共187小节已有171371人学过

共110小节已有273850人学过

我们的成功之路更多换一换

会员名：me****19

大学刚入学时，师兄推荐的“我要自学网”，从打开这个网站开始，便爱上这个网站，很多课程都有很详细完整教程，涵盖的领域也非常的多。在这里我不仅收获了自己平时专业课的拓展学习，更多的是我看到了其他领域的学习内容，让我发现更多有趣的新鲜事物。

会员名：阿****王

大学学的机械制造工艺与设备专业，2006年毕业，毕业后接触的主要是平面图纸，随着时间的发展，工业自动化程度越来越高，单单依靠平面图纸，已经远远不能满足工作需要，而我也无法再去系统的学习三维设计软件，后来偶然在网上，发现了我要自学网，便进入网站看了看，学习了一下SolidWorks的课程，发现这里的课程内容很实用，也方便自己在工作之余，自主学习，甚至于还可以学习一些原来没有涉猎的知识，还有更丰富的内容让自己拓展。

会员名：一****水

我偶然接触到“我要自学网”，是在临近大四毕业那年，接触的起因是因为临近毕业设计，但毕业设计但必须通过手绘与电脑建模的形式来完成。然而学校的教学课程并没有涉及软件操作等实用性课程，

会员名：张艳****95

人生需要懂得自我加压，过分的安逸会使人变得懈怠，变得“弱不禁风”，经不起生活的击打，只有不断地自我加压，勇敢地挑起生活的重担，人生的步履才会迈得更坚实、更稳健、更有力。

会员名：董****廷

本人2014年开始步入大学，学的机械工程专业，大一开始学习CAD制图，想进一步提升自己的技能水平，后来知道了我要自学网这个学习平台，感觉里面内容很丰富，一开始继续学习自己的CAD