Skip to content
This repository has been archived by the owner on Nov 12, 2024. It is now read-only.

模板中,所有属性都需要小写 #35

Open
xinglie opened this issue Jun 7, 2017 · 1 comment
Open

模板中,所有属性都需要小写 #35

xinglie opened this issue Jun 7, 2017 · 1 comment

Comments

@xinglie
Copy link
Member

xinglie commented Jun 7, 2017

考虑以下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

@xinglie
Copy link
Member Author

xinglie commented Jun 7, 2017

view-*的设计参考了data-*的设计。

<div data-aa-bb="c" />

我们通过div.dataset.aaBB获取data-aa-bb属性值

mx-*事件的设计参考了原生dom节点事件的设计。
原生事件,比如pagehide,pageshow,animationstart,fullscreenchange等,全部为小写,同时也没有使用连字符

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant