Weex 學習教程

2022-09-07 21:57:32 字數 898 閱讀 4026

一、環境搭建

2.檢視npm安裝版本，終端輸入:npm -v版本不能低於2.15.1

3.安裝weex-toolkit，終端輸入:npm install -g weex-toolkit

至此，環境已經搭建完成；

二、使用

<


template


>


<


div 


class


="container"


>


<


div 


class


="cell"


>


<


image 


class


="thumb"


src=""


>


image


>


<


text 


class


="title"


>j**ascript


text


>


div>


div>


template


>


<


style


>


.cell 


.thumb 


.title 


style


>
另存為test.we,進入檔案所在目錄，在終端輸入:wexx test.we；操作完成後會開啟瀏覽器，進入到這個頁面，在test.we所在的檔案目錄會生成weex_tmp資料夾，在weex_tmp\h5_render目錄下是生成的react.js

2.將生成的js檔案拷貝到weex專案的assert目錄中就即可按照自己的方式使用了

Weex學習日誌

1 list的使用,原生這邊有復用機制，最好是以原生的寫法，可以規避一些效能問題 2 減少圖層的重疊，避免過多的圖層巢狀 3 避免重複設定view的背景色，減少過度繪製 4 顏色值寫法官方推薦 ff0000形式，避免效能損耗 1 position為absolute的元素，不受父元素的position...

WEEX 環境安裝

weex是阿里開源的一套構建跨平台的移動框架。對於前端的同學，最直觀的是web components的開發方式 對於native同學，可以理解為使用web的開發方式構建跨平台移動程式 ios android 可以模擬的是react native，但是相對react native更為徹底 不僅統一了 ...

Weex入門指南

開發環境配置 打通路徑以訪問工具鏈 toolkit home c toolkits 配置好重啟機器開啟命令視窗檢查工作情況，輸入node v 如果現實版本號則成功 npm是nodejs乙個非常流行的管理工具，可以安裝基於nodejs開發的任何模組包，g表示把weex toolkit安裝到全域性模組中...