作为程序开发人员，我们生活的大部分时间都坐在电脑前，而在电脑中我们使用最多的软件就是代码编辑器。所以说，代码编辑器好不好用将直接影响开发人员的效率，优秀的代码编辑器能够让我们的工作事半功倍。在这篇文章中，介绍了10款功能特别的代码编辑器，你最喜欢哪个？AptanaAptanaStudio 是基于 Eclipse 的集成式 Web 开发环境，其最广为人知的是它强大的 JavaScript 编辑器和调
企业级场景还原UI设计项目第二篇CSS还原UI设计项目所需知识还原企业级项目工具一、photoshop二、蓝湖 App 快速标注信息三、PxCook 自动标注工具四、imgcook 设计稿智能平台 上一篇文章完成本项目新建 git仓库，创建远程 Gitee网站仓库，我的目标是： 还原企业级项目真实场景和流程。在这一节，主要围绕如何通过各种切图工具将所需要的 CSS 数据测量出来。 本文章知识来源
人物介绍：某上市企业的前端开发工程师，性别男，已工作4年。万事开头是真的难啊。酝酿了许久，终于写下面这段话。感觉就像曾经大学刚毕业，刚入公司决定学习前端的时候，终于踏出了第一步。这一步真心不容易，从开始准备写，到真正开始落笔，感觉像是经历了几个世纪，我都快被自己迈出这一步的历史性时刻感动哭了。接下来的内容，或让你有所感悟，或让你感觉无聊，或让你有些收获。存在有许许多多的或许，就像前端的学习道路，总
转载
2024-10-12 17:15:03
73阅读
最近工作中遇到sourcemap泄露的问题以前没在意这个问题，现在发现这个问题可以获取网站的前端代码(不局限于是前端页面能看到的那些)，这些代码可能会泄露网站的用户名、密码等敏感信息，这里推荐一款工具(测试了好几款，感觉还是这款安装比较方便)reverse-sourcemap。 reverse-so ...
转载
2021-08-18 13:30:00
1362阅读
2评论
一、为什么需要埋点&监控在开始正文之前，我们先想想为什么需要埋点&监控？当我们在分析复盘一个产品是否成功的时候，不同的角色考虑的方向是不同的。站在产品的视角，经常会问如下几个问题：1. 产品有没有用户使用2. 用户用得怎么样3. 系统会不会经常出现异常4. 如何更好地满足用户需求服务用户当站在技术视角时，经常会问如下几个问题：1. 系统出现异常的频率如何2. 异常出现后如何快速进行
转载
2024-05-13 21:49:16
54阅读
android应用程序打包发布为.apk文件，此文件中可以在 android系统中进行安装。在android中提供了方便的打包工具：android-sdk-windows\platform-tools目录下，包括有aapt、dx、dexdump指令。每个.apk文件中都包含以下目录结构其中assets和res目录包含了我们的资源文件的内容，classes.dex文件是由src目录编译生成的.dex
Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系，source map 就是起了这个作用。以下是 MDN 对于 source map 的解释：调试原始源代码会比浏览器下载的转换后的代码更加容易。 source map[1] 是从已转换的代码映射到原始源的文件
转载
2024-05-10 20:02:41
237阅读
SourceMap的用途前端工程打包后代码会与源码产生不一致，当代码运行出错时控制台会定位出错代码的位置。SourceMap的用途是可以将转换后的代码映射回源码，如果你部署了js文件对应的map文件资源，那么在控制台里调试时可以直接定位到源码的位置。SourceMap的格式我们可以生成一个SouceMap文件看看里面的字段分别都对应什么意思，这里使用webpack打包举例。源码：//src/ind
转载
2024-09-30 21:41:47
131阅读
作者：IDuxFE 一、什么是 Source Map通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的代码映射关系。关于 Source Map 的解释可以看下 Introduction to JavaScript Source Maps[7]。我们线上的代码一般都是经过打包的，如果线上代
转载
2021-12-09 16:02:58
628阅读
注：本文源码是JDK8的版本，与之前的版本有较大差异ConcurrentHashMap是conccurrent家族中的一个类，由于它可以高效地支持并发操作，以及被广泛使用，经典的开源框架 Spring的底层数据结构就是使用ConcurrentHashMap实现的。与同是线程安全的老大哥HashTable相比，它已经更胜一筹，因此它 的锁更加细化，而不是像HashTable一样为几乎每个方法都添加了
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
913阅读
Source Map 就是一个信息文件,里面存储着位置信息,Source Map 文件中存储着压缩混淆后的代码,所对应的转换前的位置有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码,极大的方便后期的调试 开发模式下默认Source Map 问题开发环境下默认生成的 Source Map 记录的是生成后的代码的位置,会导致运行时报错的行数与源代码的行数不一致的问题解决默认
什么是concurrenthashmapconcurrenthashmap（简称chm） 是java1.5新引入的java.util.concurrent包的成员，作为hashtable的替代。为什么呢，hashtable采用了同步整个方法的结构。虽然实现了线程安全但是性能也就大大降低了 而hashmap呢，在并发情况下会很容易出错。所以也促进了安全并且能在多线程中使用的concurrenthas
转载
2024-04-29 14:09:30
29阅读
最近项目用上了sass,作为css的预处理器，它可以让我们用程序化的思维书写样式，极大的简化了css的开发，实在是前端居家旅行必备的利器。我们都知道，在项目中，样式的频繁调试是不可避免的，用上sass虽说coding代码量减少，但调试过程着实让人崩溃。看一段sass代码：嵌套书写的结构在sass中经常会被用到。编译之后的样式是这样的：在开发工具上我们看到的是编译后的文件，而非编译前的源文件。这个时
