工作笔记——工作中需要注意的细节的处理方式
2017-01-19 10:25
260 查看
1、在写dom的时候需要注意一点是dom的书写方式
a:
b:
a和b的区别是name的属性值有问题,a的属性值中不存在空格,b的属性值中存在空格,有空格的不能在ajax传输中正确使用,会出现报错
2、$.trim(value) 这个jQuery的方法很好用,有的时候查询功能需要用到,也就是说需要把查询的关键字去掉首位空格
3、前端调试的时候会打出很多console代码,我们前端在调试时需要用console.debug,且前端团队统一使用console.debug 在生产环境中可以直接用以下方式把控制台信息屏蔽掉,也就是将console.debug 重新声明为方法体为空的函数即可
4、需求方提出这样一个需求就是input中只能输入数字和点号,当时确实是使用
<input type="number">
结果谷歌浏览器和火狐浏览器对这个input准许输入的标准不一样,谷歌可以输入点号,但是火狐浏览器中不可以,火狐中提示input中输入的不是一个合法的数字
火狐浏览器:
谷歌浏览器:
这个时候的解决办法是type属性使用text属性,然后自己写正则去满足符合业务需求
5、工作中ui层面尽量使用组件的方式编写,因为方便后期维护,改一个地方所有的地方都可以被修改掉,比如,whale项目中的办理人信息的问题,项目中所有的地方都用了 data-manage-info这个属性,在需要改这个对应的页面时只需要在这个属性的上面改就行,也不至于后期ui修改的时候把整个系统的前端代码看一遍才能改完,如果是这样,维护的成本太高了。
a:
<input type="text" name="username">
b:
<input type="text" name="username ">
a和b的区别是name的属性值有问题,a的属性值中不存在空格,b的属性值中存在空格,有空格的不能在ajax传输中正确使用,会出现报错
2、$.trim(value) 这个jQuery的方法很好用,有的时候查询功能需要用到,也就是说需要把查询的关键字去掉首位空格
3、前端调试的时候会打出很多console代码,我们前端在调试时需要用console.debug,且前端团队统一使用console.debug 在生产环境中可以直接用以下方式把控制台信息屏蔽掉,也就是将console.debug 重新声明为方法体为空的函数即可
window.console.debug = function(){ }
4、需求方提出这样一个需求就是input中只能输入数字和点号,当时确实是使用
<input type="number">
结果谷歌浏览器和火狐浏览器对这个input准许输入的标准不一样,谷歌可以输入点号,但是火狐浏览器中不可以,火狐中提示input中输入的不是一个合法的数字
火狐浏览器:
谷歌浏览器:
这个时候的解决办法是type属性使用text属性,然后自己写正则去满足符合业务需求
5、工作中ui层面尽量使用组件的方式编写,因为方便后期维护,改一个地方所有的地方都可以被修改掉,比如,whale项目中的办理人信息的问题,项目中所有的地方都用了 data-manage-info这个属性,在需要改这个对应的页面时只需要在这个属性的上面改就行,也不至于后期ui修改的时候把整个系统的前端代码看一遍才能改完,如果是这样,维护的成本太高了。
相关文章推荐
- 字符串处理strlen函数需要注意的一些小细节问题
- 百练+打印月历+日期的计算和格式化输出方式,细节注意处理额
- 曾经遇到的一个面试题,快速排序用链表实现,算法和以前的相似,需要注意一些细节处理
- Qt打开外部程序和文件夹需要注意的细节(Qt调用VC写的动态库,VC需要用C的方式输出函数,否则MinGW32编译过程会报错)
- PHP处理字符串时需要注意的问题
- awk需要注意的细节
- JavaScriptRegularExpression 转义与替换 需要注意的细节
- DateTime处理的时候需要注意CultureInfo
- java中处理异常需要注意的事项
- 【基础知识】c++字符串中需要注意的一些细节
- 做多维数据集需要注意的两个细节
- 使用SQL之UNION时需要注意的一个细节
- 新画的,还没完事,需要处理一下细节。
- [转]八个网页设计需要注意的细节
- 监听线程启动处理线程时需要注意的问题
- opensocial的细节需要注意哪些?更新中……
- Wubi方式安装Ubuntu需要注意的问题
- 在ListBox中实现右键菜单,需要注意的细节
- xmlhttp处理xml文档时需要注意的问题一
- windows 处理语音时需要注意的地方(directSound, ACM)