一次Vue代码bug定位
下面bug如何找到问题出在哪里?
之前,如果报错的变量不是普通的单词,还可以在代码里面搜索,看看哪里写的有问题。
但是现在的变量是 i
,如果搜索的话,代码里面有几十个位置,很难找到错误的地方。
那么这种情况如何解决?
解决办法:
我们把错误的地方点开:
就可以看到有错误的源代码文件,点击源代码:
可以看到它定位了错误的位置,然后我们去源代码搜索相关位置,可以发现,代码在循环的外面。所以 i 是不存在的,问题解决。
相关推荐
-
Vue SSR 即时编译技术
当我们在服务端渲染 Vue 应用时,无论服务器执行多少次渲染,大部分 VNode 渲染出的字符串是不变的,它们有一些来自于模板的静态 html,另一些则来自模板动态渲染的节点(虽然在客户端动态节点有可 ...
-
手把手带你入门前端工程化——超详细教程
本文将分成以下 7 个小节: 技术选型 统一规范 测试 部署 监控 性能优化 重构 部分小节提供了非常详细的实战教程,让大家动手实践. 另外我还写了一个前端工程化 demo 放在github上.这个 ...
-
互联网之父公开拍卖万维网源代码,3400万买下后发现居然有bug
博雯 发自 凹非寺 量子位 报道 | 公众号 QbitAI 上个月,万维网源代码在网上公开拍卖: 没错,就是1990年的那9555行构成现代互联网基础的源代码,由互联网之父Tim Berners-Le ...
-
技术变化那么快,程序员如何做到不被淘汰?
11 月 24 日,TGO TALKS 的舞台迎来了 6 位经历过严格培训的 CEO.CTO.Team Leader 进行演讲.TGO TALKS 由 TGO 鲲鹏会组织,职业中.英文演讲培训师亲临现 ...
-
一步一步,写出优雅的程序(二)——驼峰命名法和代码自测
文/Edward 我们在上一篇文章"一步一步,写出优雅的程序(一)"里面介绍了新手入门如何编写出一个可以满足功能的程序,但是,这这个程序中还有很多不尽人意的地方.这些不尽人意的地方 ...
-
Yolov3模型框架darknet研究(一)在windows VS上运行darknet
在windows上运行darknet目标检测框架可以借助VS强大.方便的debug功能来逐行跟踪代码,藉此来熟悉其内部运行原理. 很简单,先进入https://github.com/AlexeyAB/ ...
-
Linux从头学06:16张结构图,彻底理解【代码重定位】的底层原理
程序的结构 bootloader 把程序从硬盘读取到内存 代码重定位 程序入口点重定位 段表重定位 跳转到程序的入口地址 操作系统程序的执行 在上一篇文章中Linux从头学05-系统启动过程中的几个神 ...
-
什么神器,竟然能自动检索、修复Python代码bug?
机器之心报道 机器之心编辑部 还在为不断的 debug 代码烦恼吗? 本地化 Bug 并修复程序是软件开发过程中的重要任务.在本篇论文中,来自微软 Cloud+AI 部门的研究者介绍了 DeepDeb ...
-
Linux从头学:16张结构图,彻底理解「代码重定位」的底层原理
目录 程序的结构 1. 程序头(Header)的描述信息 2. 关于汇编地址 bootloader 把程序从硬盘读取到内存 1. 读取到内存中的什么位置? 2. bootloader 设置数据段基地址 ...
-
bug分析定位技巧
身为测试工程师,总有一道绕不过去的坎就是定位bug,这其实是非常花费时间的. 也许有很多人不以为然,觉得无非就是发现bug后提交bug管理系统,描述操作步骤,预期结果和实际结果哪里不一致,然后继续测试 ...
-
在线代码对比工具 检查新旧代码差异化(码农检查Bug必备工具)
麦子今天在工作的时候有用到代码比对工具,用来检查功能调试的时候功能迭代的时候出现故障,希望检查和原始代码到底有什么区别.因此,麦子本来今天打算整理8-10个在线代码对比工具的,但是考虑到我们在选择工具 ...
-
实战Spring Cloud、Vue构建基于微服务的SaaS低代码开发平台2
大角云低代码开发2019-10-07 20:28:08 一.低代码开发平台不是快速开发平台 1. 低代码开发平台定义 最近,阿里巴巴发布了自己的低代码开发平台"宜搭",网址是:ht ...
-
实战Spring Cloud和Vue构建基于微服务的SaaS低代码开发平台
打算写一写低代码开发平台的文章,大纲如下: 一.低代码开发平台不是快速开发平台 低代码开发平台定义 快速开发平台定义 低代码开发平台特征 低代码开发整体架构图 二.视图层的选择 低代码开发需要的视图层 ...
-
【代码应用】在移动背景图上定位添加双透明Flash代码
在移动背景图上定位添加双透明Flash代码< 效果图 推荐FLASH如下 代码 <DIV align=center> <TABLE style="BORDER-BOT ...
-
GDB高级技巧:边Debug边修复BUG,无需修改代码,无需重新编译
引言 程序调试时,你是否遇到过下面几种情况: 1.经过定位,终于找到了程序中的一个BUG,满心欢喜地以为找到了root cause,便迫不及待地修改源码,然后重新编译,重新部署.但验证时却发现,真正的 ...