zoukankan      html  css  js  c++  java
  • 前端开发中如何定位bug

    身为前端人员,在开发当中我们时常会发现一些奇奇怪怪的bug,有兴趣可以一起来看看你也是否遇到过这些问题。

    背景

    1.运行vue项目,一些页面操作没有反应;

    2.换头像怎么,重新登录的时候,有时变化有时没变化,明明已经存在存在本地了;

    3.明明已经改变了vuex的值,页面的值没有变化。

    定位

    问题1: 首先我们要熟悉vue的一个大概流程, 运行vue项目, 但是一些页面操作没有反应,说明什么, 说明我们要打开调试工具,看看console有没有报错,不用看肯定有报错信息, 这个报错信息很重要。一般一眼就看出是什么问题, 比如:
    在这里插入图片描述

    什么意思呢? 如果学过英语的就会知道, 你没有注册这个模块!

    注册都没注册,还想要用它的功能!

    问题2:首先我们看看console有没有报错,这次没有, 然后打印一下头像的变量, 哟好家伙!,居然是空的,在看看本地localStorage,纳尼!居然有值, 我一想就知道是异步的问题, 然后设置个定时器, 果然有值了,o( ̄︶ ̄)o,但是我不太喜欢用定时器,就改成监听属性。

    在这里插入图片描述

    问题3 :居然在template使用
    在这里插入图片描述

    这个不是响应的好吧, 要做监听属性。

    人在江湖漂, 哪有不挨刀
    在这里插入图片描述

    总结

    最后的最后,就来做个简单总结:

    遇到问题不要慌,只要能复现,就能修复,

    首先要查看console, 一般报错都会有提示,

    然后在如果没有就调试debug,不过如果你觉得大概问题在哪, 就使用console.log(),打印。

    睿江云官网链接:www.eflycloud.com

  • 相关阅读:
    [转]如何分析监控的关键指标
    性能测试指标&说明 [解释的灰常清楚哦!!]
    页面性能测试&提升方式
    转:使用 JMeter 完成常用的压力测试
    细雨学习笔记:JMeter 的主要测试组件总结
    压力测试了解
    影响性能的因素
    网址收藏
    Windows安装TensorFlow
    ionic常见问题及解决方案
  • 原文地址:https://www.cnblogs.com/eflypro/p/13578109.html
Copyright © 2011-2022 走看看