Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。

好了不装了，今天我就化身性感面试官在线问大家一个问题，“谈谈你对前端路由的理解”。看到这个问题，那回答可多了去了。但是换位思考一下，你问候选人这个问题的时候，你想要得到什么答案？以我个人拙见，我希望候选人能从全局解读这个问题，大致以下三点。 1、为什么会出现前端路由。 2、前端…

本文章内容为平时开发自己常用常看的一些工具、库、框架、优秀的博客技术网站。都是自己使用过的，大部分都还在维护，不常维护的在这里就不搬上来的。内容多，慢慢细品。 sass 专业级 CSS扩展语言。 lesscss - 动态样式表语言。 tailwindcss 实用程序优先的CSS…

由于浏览器隐私协议限制，以前浏览器是不允许直接访问剪切板的，最近几年，随着web应用兴起，W3C也在逐渐拓宽JavaScript应用范围，现在前端也能直接操作剪切板。文中按照访问方式，分为间接访问和直接访问。 用户交互事件，如paste（复制）、cut（剪切）、dragstar…

自 15 年 9 月第一次接触前端开发到现在已经过去了五年多，最开始是从一个很小的外包团队团队出身，没有带，没人管，几乎一个人干了 2 年多的活。 做了接近 3 年的组长，碰巧近期团队在调整，今年也经历了很多事情，回想一下自己这一路倒也挺有感触。 虽然我不是一个很好的组长，但也…

在监测功能的时候，我们首要考虑的就是，我们的监测代码不能影响我们现在的业务代码，和以后的业务代码。 经过自己的一点小测试，发现无论在关闭的时候（也就是点击叉），还是隐藏的时候（也就是点击左右箭头）都会触发 onpagehide;也无论是在首次加载，还是刷新的时候，都会触发onp…

前几个月写的一篇文章，还没在掘金发过。 平时在使用 antd、element 等组件库的时候，都会使用到一个 Babel 插件：babel-plugin-import，这篇文章通过例子和分析源码简单说一下这个插件做了一些什么事情，并且实现一个最小可用版本。 antd 和 ele…

chrome谷歌浏览器插件开发，听上去很高大上，其实只要熟悉HTML、CSS、JS即可开发，插件也是将html页面渲染出来并执行js脚本而已。 1. 新建一个文件夹，目录结构如下： 2. 创建 mainfest.json 配置文件 3. 创建 popup.html 文件 4. …

前端开发常用工具包，欢迎大家评论补充。 前端开发常用工具包，欢迎大家评论补充。 前端开发常用工具包，欢迎大家评论补充。