avalon如何在移動端使用

cnio 發布于2019-08-21 10:54 / 1683人閱讀

摘要：移動端與端最大的區別是事件系統不一樣，并且移動端上的瀏覽器對新支持比較好。因為我們可以用作為核心，加上移動事件構建在這個目錄下提供了許多事件，并不是我們都會用到的。順便一提，在移動端最大兩個項目是吉野家與銀聯錢包，都上億級別的東西。

移動端與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下如何掛在移動硬盤

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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