avalon如何在移动端使用

cnio 发布于2019-08-21 10:54 / 1684人阅读

摘要：移动端与端最大的区别是事件系统不一样，并且移动端上的浏览器对新支持比较好。因为我们可以用作为核心，加上移动事件构建在这个目录下提供了许多事件，并不是我们都会用到的。顺便一提，在移动端最大两个项目是吉野家与银联钱包，都上亿级别的东西。

移动端与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
        
        
        
        
        
    
    
        TODO write content

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

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

云服务器 GPU云服务器华为云服务器移动端使用教程在云服务器端如何配置html 请教如何在云服务器架设服务端 linux下如何挂在移动硬盘

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86383.html

吐槽专用

摘要：最终选择了兼容到的，终于使用上框架，虽然它只是个。没有对比就没有伤害本来想着技术栈统一，移动端也准备使用。于是，之后对移动端的技术选型上更加慎重了，最终采用了文档更漂亮的。易用还真不易用，坑还真多。吐槽 avalon.js 历史背景需求重大调整，所有业务推倒重来（pc端主要任务涉及管理后台类型的网站）；开发周期很紧，过年前要上线；公司pc端业务要求兼容到ie8； 2015年前...

zxhaaa 2019-08-22 10:36 评论0 收藏0
avalon2初体验

摘要：最近因项目进展需求对现有项目进行重构，由于目前项目还未实现真正意义上的前后端分离后续会循序重构实现，在时间紧产品循序迭代的情况下，想一次性实现前后端分离精力实在有限主要是前端开发人力不足。最近因项目进展需求对现有项目进行重构，由于目前项目还未实现真正意义上的前后端分离（后续会循序重构实现），在时间紧产品循序迭代的情况下，想一次性实现前后端分离精力实在有限（主要是前端开发人力不足）。所...

youkede 2019-08-01 15:51 评论0 收藏0
一步步编写avalon组件03：切换卡组件

摘要：那么组件容器是被谁替换呢当然是组件。我们使用来定义组件时，必须有一个属性，它是一个模块，它会转换为组件。一个组件可以拥有个元素，它们的值不能重复。好了，我们看一下切换卡是如何做的。本章开始介绍slot机制。 slot是WEBComponent引进的东西，叫做插槽。在浏览器中，它为一个content元素。不过有资料表明，它会更名为slot。并且在其他语言的模板引擎中，slot标签更为...

kbyyd24 2019-08-22 10:35 评论0 收藏0
《从零构建前后分离的web项目》：前端了解过关了吗？

摘要：前端基础架构和硬核介绍技术栈的选择首先我们构建前端架构需要对前端生态圈有一切了解，并且最好带有一定的技术前瞻性，好的技术架构可能日后会方便的扩展，减少重构的次数，即使重构也不需要大动干戈，我通常选型技术栈会参考以下三点一提出自身业务的需求是 # 前端基础架构和硬核介绍 showImg(https://segmentfault.com/img/remote/146000001626972...

lbool 2019-08-23 11:44 评论0 收藏0
《从零构建前后分离的web项目》：前端了解过关了吗？

摘要：前端基础架构和硬核介绍技术栈的选择首先我们构建前端架构需要对前端生态圈有一切了解，并且最好带有一定的技术前瞻性，好的技术架构可能日后会方便的扩展，减少重构的次数，即使重构也不需要大动干戈，我通常选型技术栈会参考以下三点一提出自身业务的需求是 # 前端基础架构和硬核介绍 showImg(https://segmentfault.com/img/remote/146000001626972...

cgspine 2019-08-19 11:06 评论0 收藏0