UTribe项目后台管理系统的前端实现

1、在开发时经常会遇到同一类元素重复出现的情况，最常见的就是表格的每一行。起初我用标签的html构造一个jquery对象，比如这样：

这样的缺点显而易见，除了要注意一大堆转义之外，可读性特别差，维护起来也特别麻烦，后来摸索到了一种更好的实现方式：

以前用jsp写前端时，c:foreach标签也是这种思维，但是jsp和后台的耦合度不是一般的高，现在大多项目都是前后端分离的。思想很简单，先写好一个hidden的模板，然后clone这个模板（注意，如果要把button等带有事件的元素clone下来，必须要加个true参数进行深拷贝），紧接着去除hidden属性，并填充子元素，最后拼接到需要的位置（append拼接到元素内部而after拼接到元素后面），这样不仅可读性有所提高，而且后期维护起来十分的方便。

2、由于页面设计是左边一个功能栏，上方一个导航栏，变化的内容只有中间的一大部分，所以很显然写好页面内容再load进来比较符合实际，如果每个内容写一个完整的html，后期但凡改动一个功能栏或者导航栏的代码，怕不是所有页面都要修改一遍，显然不推荐。那么当我们用jquery的load()函数加载页面进来之后，网页的源代码是没有改动的，load进来的页面内容只是加载进了内存，这时候我们如果要为load进来的内容的某个button添加一个事件，jquery的bind()方法就无法绑定了。怎么解决呢？Google一下发现用on()绑定即可。

3、有时候浏览器的“过于智能”给用户体验带来了提升，但同时也给开发人员带来很多烦恼，比如自动记住密码。在写一个注册后台用户的功能时，只要输入过一次，浏览器就自动记住了内容，以后每次加载这个表单，浏览器只要检测到了这个input的name（应该是name），就会自动补全内容，这让我很苦恼。后来发现了解决方案，把原来记住了内容的input元素设置style来使其隐藏，再写过新的input输入就好了。