• 工作笔记——工作中需要注意的细节的处理方式


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

  • 相关阅读:
    SQL数据库优化总结
    数据库设计的三大范式
    springmvc的原理与流程
    flask实现文件下载功能
    python操作excel向同一sheet循环追加数据
    python操作es处理超过10000条数据报错查询不到
    CentOS 安装rz和sz命令 lrzsz实现文件传输
    centOS安装ElasticSearch
    gunicorn启动fastapi命令
    如何获取协程的返回值
  • 原文地址:https://www.cnblogs.com/MonaSong/p/6305612.html
Copyright © 2020-2023  润新知