Weex 開發注意事項

專案中使用的是webpack 3.x 版本，webpack現在已發布4.x 版本，但4.x 會將js banner(注釋)放到單獨license檔案，這和weex在使用前端框架時需要標記banner不符合，暫未找到解決方案。

// webpack外掛程式定義
let webpackplugins = [ 
// new webpack.optimize.uglifyjsplugin(),
// 例項化banner
new webpack.bannerplugin(\n',
raw: true,
exclude: 'vue'
})];

weex框架預設整合了前端框架（vue, rax），所有在開發單檔案元件時候，不需要再次引入vue，再次引入會如下報錯。

import index from './index';
new vue()

再次引入會有如下錯誤：

在官網元件的介紹中是支援通用事件的，但在實際開發過程中發現，如果在上繫結click事件，如出現handler.value.replace 錯誤，如下在a 標籤繫結乙個showsearchbar 事件：

出現的錯誤資訊如下：

vue開發中是支援對v-bind:class 傳入物件的，也支援使用傳入陣列，以動態地切換 class：

在weex 中使用物件形式繫結class 會報typeerror錯誤，錯誤資訊如下：

比如select-center-list-item 會提示 'syntaxerror: no identifiers allowed directly after numeric literal'

在weex 如需要新增特定的字型檔案，需引用dom 模組，如下：

const dommodule = weex.requiremodule('dom')
dommodule.addrule('fontface', );

在vue開發中子元件可以通過emit 方法觸發父元件；在weex開發中，使用this.$emit('functionname'); functionname 不支援帶function-name 形式。

scroller 元件一定得明確定義width , height

/// #if !isnative
return window && window.location.href ? window.location.href : ''
/// #endif

/// #if isnative
return weex.config.crturl ? weex.config.crturl : '
/// #endif

所有文字必須放在標籤中，放在其他元素不顯示。

Weex 開發注意事項

WEEX 初學者注意事項

開發注意事項

c 開發注意事項

Weex 開發注意事項

WEEX 初學者注意事項

開發注意事項

c 開發注意事項

相關推薦