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