WEEX之前端開發

2021-09-10 17:03:30 字數 1205 閱讀 6173

這裡談一談 weex 對移動應用的理解。

如今移動應用的開發需要並行研發的能力,當乙個移動應用發展到一定規模的時候,能否支撐大規模的並行研發就成為了一件非常關鍵而又重要的事情。否則很容易變成工程瓶頸。

如今移動應用不論從研發節奏、部署的靈活性和時效性、包大小、還是從研發到發布再到反饋的迭代週期上,都和移動網際網路的發展速度極不相符。移動應用需要更簡單輕量的研發模型,需要擺脫版本部署和分發的笨重過程。

如今移動應用的內容和資訊都是相互孤立的,應用之間的交流變得非常複雜和困難,也缺乏一定的標準和規範化的容器來承載。

我們認為乙個具有高並行研發能力、動態化和標準化規範化的移動應用應該由以下幾個方面構成:

|------|------|------|------| |-----|

| page | page | page | page | | api |

|------|------|------|------| | api |

| page | page | page | page | | api |

|------|------|------|------| | api |

| page | page | page | page | | api |

|---------------------------| | api |

| router | | api |

|---------------------------| |-----|

這樣的話,在構建乙個完整的移動應用之前,先確定你的應用有多少頁面,每個頁面分別是什麼 url,頁面之間的關聯和跳轉邏輯是怎樣的,然後梳理整個移動應用需要的所有 api 和服務。

然後通過 weex 建立不同的頁面,並分別進行開發、除錯和發布。

相關鏈結

如果你已經有乙個做好的移動應用,只想用 weex 開發其中的一部分頁面甚至僅僅其中的一兩個頁面,這對 weex 來說完全不是問題。weex 只是乙個 sdk,對整體的移動應用架構不會產生任何侵入性。並且完全可以和純 native 介面或 hybrid 頁面共存。

如果需要 weexsdk 額外的元件、模組或其它功能,可以通過 weex 的擴充套件機制進行擴充套件。這部分工作需要 native 的研發知識,但是隨著 weex 元件和模組的豐富以及業務迭代的深入,這部分成本會呈下降和收斂的趨勢。

相關鏈結

FreeCodeCamp之前端開發學習筆記1

1 有三個影響html元素布局的重要屬性 padding 內邊距 margin 外邊距 border 邊框 元素的padding控制元素內容content和元素邊框border之間的距離。元素的外邊距margin控制元素邊框border和元素實際所佔空間的距離。元素的margin控制元素的borde...

適合前端Vue開發童鞋的跨平台Weex

基於 vue 技術棧的你如果需要選用一種移動端跨平台框架,是 weex?react native?還是flutter?無疑,相對於後兩者,因為你現在已有比較熟練的 vue 基礎,如果在其他條件一致的情況,weex 無疑是最佳選擇 但是 weex 真的適合在實際專案中進行移動端跨平台開發嗎?weex ...

WEEX開發環境搭建

本文的主要目的是介紹weex開發環境的搭建。環境基於windows.如果是mac或linux方法有一些不同,本文不在介紹。具體參考weex快速上手.1.安裝node.js環境.weex專案的部署需要用到node.js的npm node.js的包管理工具package manager 檢視是否安裝成功...