avalon如何在移动端使用

移动端与PC端最大的区别是事件系统不一样,并且移动端上的浏览器对新API支持比较好。因为我们可以用avalon.modern.js作为核心,加上移动事件构建avalon.mobile.

avalon2在这个目录下提供了许多事件,并不是我们都会用到的。因此挑选用到的模块加上就行。

比如我们用到swipe事件。

点击下载zip,然后打开src 文件夹,建一个avalon.mobile.js

var avalon = require('../dist/avalon')
require('../src/gesture/swipe')

module.exports = avalon
然后打开webpack.config.js

entry配置项改成

entry: {        avalon: './src/avalon', //我们开发时的入口文件        'avalon.modern': './src/avalon.modern',        'avalon.test': './src/avalon.test',        'avalon.next': './src/avalon.next',        'avalon.mobile': './src/avalon.mobile'    },

执行webpack命令就能成功打包

perf目录下建立一个html测试文件

    TODO supply a title        avalon.define({            $id: 'test',            fn: function(e){                console.log(e)            }        })        .aaa{            width:200px;            height:200px;            background: red;        }    TODO write content

注意移动端的事件都只能以ms-on-xxx 或:on-xxx方式绑定。 事件对象里应该有大家想要的属性。

顺便一提,avalon在移动端最大两个项目是吉野家与银联钱包APP,都上亿级别的东西。

关键字:avalon, JavaScript, src, 事件

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部