项目使用的是简单封装的easyui前端框架
- 在第一次使用的时候,想要将代码写的工整,在初始化界面的时候讲赋值的语句写在一起,其中有textarea部分(客户填写意见),在客户保存之后第二次进入该界面时出现了界面样式丢失,页面报错。在ie上f12之后显示错位缺少;。但是在测试的时候并没有出现过问题,所以排除了缺少;号的原因。然后对填写的内容做分析,发现textare中的内容有单引号分号。百度之后发现,前端在进行赋值的时候如果String类型的字符串由后端传入前台后如果有分号单引号回车等,会发生界面报错样式丢失的现象,所以不在js中直接进行赋值,选择用${value}方式直接在html中把值放进去。问题解决。
- 时隔一天之后,问题又出现了,我确认已经吧所有的在js中赋值的替换完毕,但是问题还是没有解决,在一次次alert和注释js代码段的测试中,发现其中一行被//的代码段依然生效,从生产要来的jsp和本地一样确认注释掉了,但是运行效果确实是还在生效,把代码段删除问题解决。
- 当在js中赋值后,输入框的onchange事件很有可能不会触发,所以在进行赋值的时候要考虑是不是需要先把onchange事件要完成的事情在初始化的时候先做一遍
这两次之后,总结出来两个经验,1 能用${}在html中赋值的直接赋值,需要家逻辑判断的再使用js中赋值的方法,2 不要的代码段该删除就删除,或者使用/* */注释掉