测试主要是发现错误，调试（也称纠错）则是确定错误的原因和准确位置，并加以纠正。 调试是包含2个步骤，从执行了一个成功的测试用例、发现了一个问题之后开始。第1步，确定程序中可疑错误的准确性质和位置；第2步，修改错误。错误定位是一项技术活，是有一定难度的。目前有4种常见方法。 1. 蛮干（brute force）（也叫暴力法）调试程序的最为普遍的模式是所谓的“暴力”方法。这种方法之所
1、 右键选择“审查元素”（快捷键Ctrl + Shift + I），此时进入初始界面，一般用到的是element和source这两项，element用来显示页面的所有HTML元素及他们的层级关系，source用来显示页面生成的所调用的js代码。如下图所示： 2、如果想要查看界面上某个元素在什么位置（哪个div或li等）
为啥用sourceMap这几天在搞前端错误日志，做过线上发布的都知道，我们发布到生产环境的代码，一般都有如下步骤：压缩混淆，减小体积多个文件合并，减少HTTP请求数通过编译或者转译，将其他语言编译成JavaScript
这三个步骤，都使得实际运行的代码不同于开发代码，不管是 debug 还是捕获线上的报错，都会变得困难重重。解决这个问题的方法，就是使用sourceMap。啥是sourceMap简单
转载
2024-04-03 11:48:52
54阅读
1、什么是环境变量呢？可以在父shell和子shell中都能调用的就是环境变量，只能在本shell中使用的变量就是普通的变量。2、什么是环境变量配置文件呢?linux 中所有需要永久生效的内容，都必须写入配置文件中；同样，对于环境变量，想要在系统重启或者其他情况下，让该环境变量永久生效的方法，就是将环境变量信息写到环境变量配置文件中3、source命令功能：如果修改了环境变量的配置配置文件，必须退
什么是concurrenthashmapconcurrenthashmap（简称chm） 是java1.5新引入的java.util.concurrent包的成员，作为hashtable的替代。为什么呢，hashtable采用了同步整个方法的结构。虽然实现了线程安全但是性能也就大大降低了 而hashmap呢，在并发情况下会很容易出错。所以也促进了安全并且能在多线程中使用的concurrenthas
转载
2024-04-29 14:09:30
29阅读
最近有客户要求给他们网站做地图方面的功能，由于某些原因，网站必须使用google map，而且希望用到geocoding。大家知道google map api调用国内已经访问不了，虽然网上有很多教程，什么替换ip啊，把maps.google.com改成maps.google.cn。但其实这些方法都是掉了牙的，早就已经不管用了。 今天我把我的google map api安装、配置、使用方法
Open Chrome dev tools on any site you know has a source map included, click sources tab and you will immediately see why including source maps on prod
转载
2018-06-08 16:42:00
234阅读
2评论
大意：现在大多js文件都会被压缩或合并成一个，源文件被压缩后只有几行，一行有上万个字符。这是发布的形式。对于开发时进行排错是非常困难的，然而source map对于开发者来说是个福音，它利用google提供的closujue工具将压缩的js编译成map文件，记录每个字符的位置，在开发时利用chrome可进行快速定位并可看到可读的出错函数。 source map文件是js文件压缩后，文件的
转载
2024-05-03 22:50:47
262阅读
我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系，source map 就是起了这个作用。但是不知道各位读者有没有对 source map 的原理产生过疑问？笔者列出了四个疑问，不知道各位是不是也存在过这样的问题： Source map 四问
接下来的内容会逐步为读者解答这四问。source map 文件是否影响网页性能这个答案肯定是不会影响，否则构建相关的优化就肯定会涉及到对
转载
2024-04-20 22:23:10
918阅读
作者：沐清风blog 1.断点调试是啥？难不难？ 断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例） 步骤记住没？ 用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开你
转载
2024-05-06 17:35:12
401阅读
Source Map 就是一个信息文件,里面存储着位置信息,Source Map 文件中存储着压缩混淆后的代码,所对应的转换前的位置有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码,极大的方便后期的调试 开发模式下默认Source Map 问题开发环境下默认生成的 Source Map 记录的是生成后的代码的位置,会导致运行时报错的行数与源代码的行数不一致的问题解决默认
1 - 安装 reverse-sourcemap需要配置好npm环境 （runoob教程）使用命令（需要代理） npm install --global reverse-sourcemap 进行安装2 - 寻找xxx.js.map如果有sourcemap的话，在js最后会有注释：//# sourceMappingURL=xxxxxxx.js.map比如这里我要下载MarketSearch.js.m
转载
2024-05-23 15:08:04
767阅读
认识source-map我们的代码通常运行在浏览器上时，是通过打包压缩的在浏览器上跑的代码和我们编写的源代码是不一样的比如ES6的代码可能被转换为ES5比如代码可能进行丑化压缩，会将编码名称等修改比如TS等方式的编码被转换为JS那么当我们代码如果报错了，调式转化后的代码的时候会很麻烦那么如何可以调试这种转化后不一致的代码呢？答案就是source-mapsource-map是从已转换的代码，映射到原
转载
2024-07-03 21:12:09
199阅读
SourceMap 使用教程一、前言在前端的工作中主要是用来解决以下三个方面出现的 debug 问题：a. 代码压缩混淆后
b. 利用 sass 、typeScript 等其他语言编译成 css 或 JS 后
c. 利用 webpack 等打包工具进行多文件合并后上面三种情况，我们在调试时都是没办法像调试源码般轻松，这就需要 SourceMap 帮助我们在控制台中转换成源码，从而进行 de
转载
2024-03-18 08:38:50
895阅读
1.什么是SourceMap?我们在项目进行打包后，会将开发中的多个文件代码打包到一个文件中，并且经过压缩，去掉多余的空格，且babel编译化后，最终会用于线上环境，那么这样处理后的代码和源代码会有很大的差别，当有bug的时候，我们只能定位到压缩处理后的代码位置，无法定位到开发环境中的代码，对于开发不好调式，因此sourceMap出现了，它就是为了解决不好调式代码问题的。官网devtool htt
转载
2024-06-11 16:38:20
626阅读
一.什么是git？ 含义：Git 是 Linux 发明者 Linus 开发的一款新时代的版本控制系统，相比于原来的svn系统更加简单和实用 作用：熟悉编程的知道，我们在软件开发中源代码其实是最重要的，那么对源代码的管理变得异常重要：比如为了防止代码的丢失，肯定本地机器与远程服务器都要存放一份，而且还需要有一套机制让本地可以跟远程同步；又比如我们经常是好几个人做同一个项目，都
在Kubernetes（K8S）应用程序开发中，当我们部署前端应用时，为了更好地进行错误追踪和日志监控，常常会使用 Sentry 这个开源的错误监控系统。而在处理前端源码的错误时，我们通常会需要使用 sourcemap 文件来帮助 Sentry 更准确地定位到错误发生的位置。本文将介绍如何在 K8S 中实现 Sentry sourcemap 的配置和使用。
整个过程可以分为以下几个步骤：
|
原创
2024-05-16 10:45:06
207阅读
在开发中我们通常将Mybatis中配置文件分两种，主配置文件与和dao对应的映射文件。其实最后mybatis解析的还是一个主配置文件。而映射文件会通过我们配置<mappers>属性，或指定扫描路径，将映射文件导入主配置文件，最后一起解析。下面是主配置文件常见使用讲解：Mybatis中properties文件的引入properties导入后可以将可能会改变的属性放在单独的文件，例如连接数
没啥深入实践的理论系同学，在使用并发工具时，总是认为把HashMap改为ConcurrentHashMap，就完美解决并发了呀。或者使用写时复制的CopyOnWriteArrayList，性能更佳呀！技术言论虽然自由，但面对魔鬼面试官时，我们更在乎的是这些真的正确吗？1 线程重用导致用户信息错乱生产环境中，有时获取到的用户信息是别人的。查看代码后，发现是使用了ThreadLocal缓存获取到的用户
在微信小程序开始学习与开发的过程中，总有一些东西，想看看它跑起来的内容与我们编程时想的是否一致，于是就想到了能不能单步调试或者打出一些我们想要的变量的内容，以便我们做进一步的开发和调整，现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。第一步：打断点，我们必须在我们想要它停下来的地方打上调试断点，点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sou
转载
2023-12-13 22:47:13
214阅读
