【前端从0开始】JavaSript——移动端常用开发插件 and 常用开发框架

一、移动端常用开发插件

1. 什么是插件

移动端要求的是快速开发，所以我们经常会借助于一些插件来帮我完成操作，那么什么是插件呢？
JS 插件是 js 文件，它遵循一定规范编写，方便程序展示效果，拥有特定功能且方便调用。如轮播图和瀑布流插件。
特点：它一般是为了解决某个问题而专门存在，其功能单一，并且比较小。
我们以前写的animate.js 也算一个最简单的插件
fastclick 插件解决 300ms 延迟。 使用延时
GitHub官网地址： https://github.com/ftlabs/fastclick

2. 插件的使用

1. 引入js 插件文件。
2. 按照规定语法使用。
3. fastclick 插件解决 300ms 延迟。 使用延时
4. GitHub官网地址： https://github.com/ftlabs/fastclick

3. Swiper 插件的使用

中文官网地址：https://www.swiper.com.cn/
1引入插件相关文件。
2按照规定语法使用

4. 其他移动端常见插件

lsuperslide： http://www.superslide2.com/
l iscroll： https://github.com/cubiq/iscroll

5. 插件的使用总结

1. 确认插件实现的功能
2. 去官网查看使用说明
3. 下载插件
4. 打开demo实例文件，查看需要引入的相关文件，并且引入
5. 复制demo实例文件中的结构html，样式css以及js代码

6. 移动端视频插件 zy.media.js

H5 给我们提供了 video 标签，但是浏览器的支持情况不同。
不同的视频格式文件，我们可以通过source解决。
但是外观样式，还有暂停，播放，全屏等功能我们只能自己写代码解决。
这个时候我们可以使用插件方式来制作。
我们可以通过JS 修改元素的大小、颜色、位置等样式。

二、移动端常用开发框架

1. 移动端视频插件 zy.media.js

框架，顾名思义就是一套架构，它会基于自身的特点向用户提供一套较为完整的解决方案。框架的控制权在框架本身，使用者要按照框架所规定的某种规范进行开发。
插件一般是为了解决某个问题而专门存在，其功能单一，并且比较小。
前端常用的框架有Bootstrap、Vue、Angular、React 等。既能开发PC端，也能开发移动端
前端常用的移动端插件有swiper、superslide、iscroll等。
框架：大而全，一整套解决方案
插件：小而专一，某个功能的解决方案

2. Bootstrap

Bootstrap 是一个简洁、直观、强悍的前端开发框架，它让 web 开发更迅速、简单。
它能开发PC端，也能开发移动端
Bootstrap JS插件使用步骤：
1.引入相关js 文件
2.复制HTML 结构
3.修改对应样式
4.修改相应JS 参数