前端多页面情况下id的命名与初始化

id的命名，貌似就是给dom节点随便起个名字的事，只要不重复了就行，这个看似简单，实际上有时候却比较的麻烦。

在编写前端页面时，随着页面的不断增多，页面间不断嵌套，不断拼接的前提下，由于dom元素的不断增多，各页面dom元素的id命名和dom元素的初始化就变得更加的棘手了，尤其是在当引入比如说easyUI等的前端框架时更是如此。

由于前端框架，比如说easyUI会将众多的页面拼接在同一个页面上，这样的好处是方便于dom元素的操作，比如说取值与赋值操作；同时也省去了多页面间传值的麻烦，但是它的缺点就是由于众多的页面被拼接在了同一个页面上，这样就容易造成id冲突，如果要避免这些页面的id冲突，要给众多的页面都取一个全局的唯一的名字，那光是命名就已经是非常让人头疼的事情了。而解决办法就是采用数据结构的方法，让所有的id都采取某一种特定的规范，这样的好处是方便于dom节点的操作与管理。

示例如下：

假如说有一个layout布局，布局上的按钮弹出dialog对话框，对话框中又有tab选项卡，在tab1中又有panel面板，在该面板上我们要初始化一个select下拉列表框的数据，我们的id命名应该是：组件名称_组件名称。。。_序号。比如说我们这里的就是这样这种情况：eu.dialog.tab.tab1.panel.eu_dia