一、集合引用类型1.1 选择 Object 还是 Map内存占用 Map大约可以比多存储50%得键值对插入性能 Map 插入性能更加查找速度 Object 查找速度更快。在把 Object 当成数组使用得情况下（比如使用连续整数作为属性），浏览器引擎可以进行优化，在内存中使用更高效得布局。删除性能 delete 删除得是 Object 的引用，不会真正释放内存；任何情况下都会返回 true；在性能
转载
2024-07-11 09:53:17
31阅读
JS 上线时要压缩、混淆，线上的 JS 报错信息无法识别行、列，sourcemap 可解决这个问题。
原创
2024-08-18 15:17:28
115阅读
1.背景介绍什么是内存泄漏内存泄漏是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄漏是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄漏。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，因此会产生内存泄漏。2.知识剖析2.1、js的回收机制垃圾回收机制
转载
2024-10-11 19:50:36
10阅读
JavaScript脚本正变得越来越复杂。大部分源码（尤其是各种函数库和框架）都要经过转换，才能投入生产环境。而如何去保证被转化后的代码若然能被我们方便地去调试，这就要靠SourceMap了。
之前发现VS.NET会为压缩的js文添加一个与文件名同名的.map文件，一直没有搞懂他是用来做什么的，直接删除掉运行时浏览器又会报错，后来google了一直才真正
转载
2024-05-09 13:43:09
1129阅读
译文开始：对网站进行性能优化对一个最容易的方法就是把JS和CSS进行打包压缩。但是当你需要调试这些压缩文件中的代码的时候，会发生什么？可能会是一场噩梦。但是，不用害怕，即将有一个解决方案到来，它就是Source Maps。source maps提供一种将压缩文件中的代码映射回源文件中原始位置的方法。这意味着，借助一些软件的帮助，即使你的资源被压缩，你也可以轻易调试你的程序。Chrome和Firef
转载
2024-10-25 08:33:03
155阅读
前端的业务越来越庞大，导致我们需要引入的js等静态资源文件的体积也越来越大，不得不使用压缩js文件的方式来提高加载的效率。编译工具的诞生，极大地方便了我们处理js文件的这一过程，但压缩后的js文件极难阅读，也难以调试，所以就产生了sourcemap这个功能。webpack开启sourcemap功能可以通过压缩代码的堆栈行、列号定位到源码的具体位置，我们就以webpack为例来看看如何利用sourc
文章目录什么是 ASTAST 在编译中的位置词法分析语法分析代码生成Babel 简介@babel/core@babel/parser@babel/generator@babel/traverse@babel/types常见混淆还原字符串还原表达式还原删除未使用变量删除冗余逻辑代码switch-case 反控制流平坦化参考资料END 什么是 ASTAST（Abstract Syntax Tree）
最近有客户要求给他们网站做地图方面的功能，由于某些原因，网站必须使用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评论
Source Map 就是一个信息文件,里面存储着位置信息,Source Map 文件中存储着压缩混淆后的代码,所对应的转换前的位置有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码,极大的方便后期的调试 开发模式下默认Source Map 问题开发环境下默认生成的 Source Map 记录的是生成后的代码的位置,会导致运行时报错的行数与源代码的行数不一致的问题解决默认
大意：现在大多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
915阅读
jQuery 1.9发布了，这是2.0版之前的最后一个新版本，有很多新功能，其中一个就是支持Source Map。源文件打开，滚动到底部，你可以看到最后一行是这样的：//@ sourceMappingURL=jquery.min.map这就是Source Map。它是一个独立的map文件，与源码在同一个目录下，你可以点击进去，看看它的样子。这是一个很有用的功
转载
2024-07-01 09:12:40
34阅读
案例目标网址：第六题 js 混淆 回溯 - 猿人学本题目标：采集全部5页的彩票数据，计算全部中奖的总金额（包含一、二、三等奖）常规 JavaScript 逆向思路一般情况下，JavaScript 逆向分为三步：寻找入口：逆向在大部分情况下就是找一些加密参数到底是怎么来的，关键逻辑可能写在某个关键的方法或者隐藏在某个关键的变量里，一个网站可能加载了很多 JavaScript 文件，如何从这么多的 J
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阅读
C++的STL库实现有两种字典结构，即map和unordered_map（也就是通俗意义上的hash map）。这两者虽然都称为Map，但其实它们的底层实现原理具有很大差距，因此它们的使用场景也不尽相同。 字典
转载
2024-04-25 17:10:37
49阅读
一.什么是git？ 含义：Git 是 Linux 发明者 Linus 开发的一款新时代的版本控制系统，相比于原来的svn系统更加简单和实用 作用：熟悉编程的知道，我们在软件开发中源代码其实是最重要的，那么对源代码的管理变得异常重要：比如为了防止代码的丢失，肯定本地机器与远程服务器都要存放一份，而且还需要有一套机制让本地可以跟远程同步；又比如我们经常是好几个人做同一个项目，都
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阅读
