位置: 编程技术 - 正文

浅谈javascript的调试(javascript的主要内容)

编辑:rootadmin

推荐整理分享浅谈javascript的调试(javascript的主要内容),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:简述javascript,javascript以及javascript的作用,简述javascript的主要特点,细说javascript,javascript概述及作用,细说javascript,简述javascript,简述javascript,内容如对您有帮助,希望把文章链接给更多的朋友!

最近比较吐槽,大家都知道,现在web前端相对几年前来说已经变得很重了,各种js框架,各种面对对象,而且项目多了,就会提取公共模块。

  这些模块的UI展示都一样,不一样的就是后台逻辑,举个例子吧,我们做企业差旅的时候,通常都有一个成本中心的js公共模块,客户在预定机票的时候来填写这个成本中心,而这种成本中心分布在online,offline和app等预定端,这样也是方便后期和客户公司进行月结算。

  我们还知道,项目做大了,复杂化了,SOA化了之后,很多问题就来了,就像web中的一个理论,所有前端的数据都是不可信的,那对方团队的接口数据又何尝不是,以前项目小的时候,不会那么不自信,也只会在Logic error的时候会记录下日志,正常的业务流程一般很少记录,毕竟info日志看着不美观,而且还会消耗服务器带宽,也还会拖累web的性能。

  但是项目大了,当你某天在项目中遇到了奇怪的bug时,你靠着残缺不全的日志,好不容易用肉眼逐行追溯到了接口,但是参数太多,无法准确的还原接口的参数数据,但是你又%的自信认定肯定就是接口的返回问题,但是又拿不出完整的报文,这时候你又没法找接口提供方,当时那个无奈呀,多想最好每行都有日志该多好啊。

  有了教训后,记流程日志的趋势越来越盛行,最终也酿造了一个年初的大事件,稀里糊涂的说了一大堆,web后端如此,那现在的重前端不也一样要记录日志么?我们知道既然是公共的js模块,那这个模块肯定自己封装了一些方法,肯定是绝对不可以让第三方程序去操作它自己的文本结点,比如下面这样:

浅谈javascript的调试(javascript的主要内容)

  为了简化操作,第三方UI提供了公司名和员工姓名的UI结点,并且封装了一个costcenter类来提供读取方法,可以看到,我的预定程序只需读取costCenter.getInfo就好了,也起到了一个封装的作用。

  但是问题就出现在这里,项目实战中会因为各种原因导致在costcenter中取不到值,当然也可能是common ui的bug。

  但是当时你又不能非常确定是否真的取到了值,但是在逻辑上就算取不到值,原则上你也不能阻止订单提交,所以为了彻底追踪bug,就写了个logCenter单例类来记录日志。通常用js来记录log有这种方法。

<1> ajax

  这种方式很容易想到,但是你使用原生的xmlhttprequest的话,还需要考虑浏览器兼容,但不用原生的话,就要借助于第三方框架,比如jquery,但是毕竟还是有很多公司是不使用jquery的,所以这个要根据实际的需要来使用了。

<2>image

  我们的dom中有一个叫做image的对象,所以可以通过动态给它的src赋值来达到请求后台url的目的,同时在url中加上我们需要传递 title和message信息,这种动态给image.src的方式是不需要考虑浏览器兼容性的问题,非常不错。

标签: javascript的主要内容

本文链接地址:https://www.jiuchutong.com/biancheng/383898.html 转载请保留说明!

上一篇:JavaScript基础函数整理汇总(javascript函数大全)

下一篇:JavaScript闭包详解(js闭包详解)

  • 结转应交增值税是什么意思
  • 以前年度损益调整
  • 减免企业所得税怎么算
  • 投资收益分红需要交企业所得税吗
  • 年度财务报表和季度财务报表一样吗
  • 企业存货占用资金的比例
  • 资产重组过程中资产转出的税收问题
  • 劳务公司的暂估费是什么
  • 关联方往来款项余额
  • 发票未到货已到怎么入账
  • 取得与收益相关的政府补助会计分录
  • 所得税退税未办理可以注销吗?
  • 如何减少资产负债表上的资本公积
  • 海关进口增值税专用缴款书图片
  • 事业单位事业收入和经营收入要上缴财政
  • 固定资产维修费率
  • 限售股转让个人所得税
  • 企业破产应收账款要发询证函吗
  • 佣金回扣如何做账
  • linux中rm命令详解
  • windows预览版dev和beta
  • 建筑业预缴企业所得税表项目金额填合同金额吗
  • 承兑托收费用
  • php 实例
  • php提高性能
  • php语言设计模式之单例模式
  • 华沙的教堂
  • php消息实时推送完整示例
  • 土地增值税清算全流程实战案例
  • 蓝湖怎么用的
  • 购入固定资产款项已付
  • 清洁费用是属于什么科目
  • 自身权益工具有哪些
  • css+html
  • 激光器原理及应用
  • umount -l命令
  • ps怎么参考线快捷键
  • 织梦cms官网
  • 抵账的多余款是什么科目
  • 所有小规模都能开专票吗
  • 什么是俗称的汇款
  • mysql 自动断开
  • 小规模收入怎么算
  • 主营业务收入净额在利润表里怎么看
  • 红冲暂估原材料如何做会计分录
  • 固定资产报废后怎么处理
  • 劳务派遣公司如何赚钱的?
  • 酒店客人损坏物品不赔偿怎么报警
  • 销售折让如何核算
  • 税金及附加有啥
  • 银行汇票可用于异地结算吗
  • 固定资产清理时累计折旧提完了怎么账务处理
  • 残疾人保障金的工资按实发还是应发
  • 管理费用中的水电费怎么记账
  • 其他货币资金都有啥
  • mysql怎么切换到bin目录
  • win7系统如何提升性能
  • VISTA 下如何通过红外线连接外接设备 以索尼手机为例
  • Windows Server 2008网上邻居打开慢的解决
  • c盘满了怎么释放空间
  • 取消windows 7的自动关机如何设置
  • WebProxy.exe - WebProxy是什么进程
  • squid详细
  • win7系统关机没反应
  • windows xp windows
  • frontpage软件
  • linux系统的安装配置
  • 怎样解决windows照片查看器无法显示此图片
  • ExtJS 2.0实用简明教程 之Border区域布局
  • javascriptz
  • jquery拖拽功能
  • vue数组里面添加数组
  • python 获取网页上文件地址
  • nodejs创建项目
  • unity接入安卓sdk
  • javascript var
  • javascript教程
  • 出口退税出现预缴怎么办
  • 签订设计合同
  • 电影失眠详细剧情
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设