移动端主流的js框架

JavaScript014

移动端主流的js框架,第1张

1、zeptiojs(不支持IE)

http://zeptojs.com/

2、jGestures

http://jgestures.codeplex.com/

推荐博客文章: http://www.haorooms.com/post/jquery_jGestures

3、swiper

http://www.swiper.com.cn/

4、iScroll.js

http://cubiq.org/iscroll-5

http://iscrolljs.com/

做前端开发很多年了,前端库的更新真的是日新月异。多到你数都数不过来。

之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结.

首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习各种库, 从而不断的制造大家的焦虑感.

前端 由于入行门槛低, 更新换代很快, 每年都会有大量新的框架和库出现, 也有大量库被淘汰(比如 JQuery , 但是学习它的设计思想很有必要). 所以我们大可不必担心, 保持自己的学习步伐, 按需学习即可.

比如说你对移动端比较感兴趣, 工作中也刚好涉及到一些技术的应用,那么我可以专门研究移动端相关的技术和框架, 又或者你对企业后台/中台产品感兴趣, 比较喜欢开发PC端项目, 那么我们可以专门研究这种类型的js库或者框架, 接下来笔者也是按照不同前端业务的需求, 来整理一份能快速应用到工作中的js库, 以提高大家的开发效率.

其实还有很多,后期在更新

下面是 Awesome Vue 收集的一些优质的第三方组件库资源。

UI frameworks for mobile

Set of components for mobile

官方文档

Vant 是有赞商城前端开发团队开发的一个基于 Vue.js 的移动端组件库,它提供了非常丰富的移动端功能组件,简单易用。

下面是在 Vant 官网中列出的一些优点:

在我们的项目中主要使用 Vant 作为核心组件库,下面我们根据 官方文档 将 Vant 导入项目中。

将 Vant 引入项目一共有四种方式:

这里建议为了 前期开发的便利性 我们选择方式三: 导入所有组件 ,在最后做打包优化的时候 根据需求配置按需加载 以 降低打包体积大小 。

1、安装 Vant

2、在 main.js 中加载注册 Vant 组件

3、查阅文档使用组件

官方文档