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

  • 相关阅读:
    Zend Studio下调试PHP的一点注意事项
    使用FTP出现中文乱码解决方案
    C++数据类型与C#对应表
    FineUI 开发B/S系统
    c#调用带输出参数的存储过程
    经典FormsAuthenticationTicket 分析
    C# Oracle数据库操作类实例详解
    如何使用C#的Hashtable[哈希表]
    对三层架构的理解
    C# 最简单的三层架构实例 ——转载自网易博客
  • 原文地址:https://www.cnblogs.com/eflypro/p/13578109.html
Copyright © 2011-2022 走看看