UTribe项目后台管理系统的前端实现
来源:互联网 发布:dota2个人数据查询 编辑:程序博客网 时间:2024/05/20 04:46
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输入就好了。
阅读全文
0 0
- UTribe项目后台管理系统的前端实现
- 【tornado】系列项目之基于领域驱动模型的区域后台管理+前端easyui实现
- 从无到有构建Angular2 后台管理系统的前端架构
- jSP项目实例:blog系统的后台管理界面
- 浅谈做的第一个项目学生后台管理系统
- 网站后台的综合管理系统的实现
- 管理后台-前端-AngularJS
- 后台管理-前端框架
- ThinkPHP实现在可视化后台管理永久修改前端视图页面的方法
- LayUI后台管理系统Java实现
- 基于Flask实现后台权限管理系统
- 基于Flask实现后台权限管理系统
- 基于Flask实现后台权限管理系统
- 基于Flask实现后台权限管理系统
- 基于Flask实现后台权限管理系统
- Spring MVC+Maven 实现同一项目的前端和后台交互
- 在前后端分离的项目中,后台使用shiro框架时,怎样使用它的会话管理系统(session),从而实现权限控制
- DoNet开源项目-基于jQuery EasyUI的后台管理系统
- 重载运算符tips
- Git基础
- tp分页的实现(如何随心所欲生成页码的url参数)
- 请求上下文
- python刷题笔记2--Reverse Integer
- UTribe项目后台管理系统的前端实现
- RxJava+Retrofit+Mvp实现购物车
- 简单的Fragment与Fragment传值
- 【Java】基本类型之int(五)
- luogu 1055 ISBN号码
- JavaSE多线程
- Oracle:ORA-01789: 查询块具有不正确的结果列数
- github初使用
- 应用上下文