zoukankan      html  css  js  c++  java
  • 工作笔记——工作中需要注意的细节的处理方式

    1、在写dom的时候需要注意一点是dom的书写方式

    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修改的时候把整个系统的前端代码看一遍才能改完,如果是这样,维护的成本太高了。

  • 相关阅读:
    汇编指令
    汇编指令
    汇编指令
    字在寄存器中的存储
    汇编指令
    字在寄存器中的存储
    汇编指令
    8086CPU的8位寄存器数据存储情况
    [转载]使用嵌入式 Tomcat 简化程序调试
    [转载]Java语法总结
  • 原文地址:https://www.cnblogs.com/MonaSong/p/6305612.html
Copyright © 2011-2022 走看看