magix
magix copied to clipboard
模板中,所有属性都需要小写
考虑以下html片断
<div mx-view="coms/taginput"
view-suggestList="<%@list%>"
mx-showList="onShowList()"
AA="bb">
</div>
在这段html代码中,共有三个属性名称大写了的情况。
向view传递数据时使用了大写的情况,即view-suggestList
该场景子view接收参数时,使用的是驼峰,所以要求我们传递时也需要使用驼峰的形式,然而在属性中不支持属性大写的情况,所以我们需要把 view-suggestList 改写为 view-suggest-list magix会根据规则再把该属性变成驼峰形式
自定义事件中使用了大写的情况,即mx-showList
这种情况直接把大写改为小写,同时派发事件的地方也要改为小写 mx-showList 改写为 mx-showlist
其它自定义属性,即AA
开发者自己改为小写
这三种情况中,magix-combine工具在打包时会检测前两种,如果不符合要求则会给出相应的提示,让开发者进行修改,对于第三种不做任何检测处理,开发者要避免添加包含大写的属性。
http://w3c.github.io/html/single-page.html#element-definitions-attributes
view-*的设计参考了data-*的设计。
<div data-aa-bb="c" />
我们通过div.dataset.aaBB获取data-aa-bb属性值
mx-*事件的设计参考了原生dom节点事件的设计。 原生事件,比如pagehide,pageshow,animationstart,fullscreenchange等,全部为小写,同时也没有使用连字符