之前一直用 image 的方式使用 svg，后来，改把 svg 上传到阿里巴巴的 iconfont-阿里巴巴矢量图标库 使用。前段时间，iconfont 出问题了，不支持上传 svg，也不支持生成 cdn 了，只能下载到本地使用。后来，尝试使用了一下本地使用的方式，还是太麻烦，最主要，已经没法上传自己的 svg 了，还不利于团队协作，太不友好了。于是研究了一下，才发现，原来早就有更好的实现方式了，

react 脚手架打包不生成 sourceMap 的解决方案前言我相信很多前端工程师都跟我一样，用惯了开源的项目脚手架工具以后，都不习惯自己配置 webpack 了。经常听同行们开玩笑说，某某某个公司要启动一个项目，所有的人员都配置好了，就缺一个首席 webpack 工程师了。虽然是一句玩笑话，但是从侧面也反映出来了，想把 webpack 配置好，是不多么不容易的事情。自己动手给项目配置 ...

前言最近在学习 go 语言，当然编辑器用的还是最熟悉的 vs code 了。虽然说 vs code 着实很占内存，但是没办法，谁让他配置起来方便快捷，并且对于前端程序员来说，着实是一大开发利器。之前也用过 sublime, notepad++ 等轻量级编辑器，但是自从用过了 vs code 以后，就再也用不回去了。着实有种“曾经沧海难为水，除却巫山不是云”的感觉。写前端代码写习惯了，装个插...

通用的跨域处理方案如果你是一枚前端工程师，我想应该或多或少对浏览器跨域请求有一些了解。跨域的详细知识，就不再这篇文章里赘述了。不太了解或者有兴趣了解一下的童鞋可以参考下 mdn 上的这篇文章：Cross-Origin Resource Sharing (CORS) - HTTP | MDN。文章内容写的很详尽，相信你看完以后，一定会有种恍然大悟的感觉。既然这篇文章，是想要记录下踩坑的历程，接下来肯

Alt+Enter//切换全屏Alt+Pause//暂停模拟Ctrl+F1//改变键盘映射Ctrl+Alt+F5//开始/停止录制视频Ctrl+F4//交换挂载的磁盘映像，也就是更新磁盘文件Ctrl+F5//截图Ctrl+F6//开始/停止录制声音Ctrl+F7

前言今天打开 vscode 正准备敲代码的时候，发现 vscode 提示升级。于是想也不想的点了升级。当然，你也可以在这里手动检查程序是否升级了。然后悲剧就发生了，升级到一半的时候，提示进行不下去了，问我是否要重试，或者终止。当时没截图，所以具体报错信息，我也记不得了。不过如果有碰到类似情况的童鞋，姑且可以用我接下来的方法试一试。在我尝试了两三次重试以后，最终还是没能顺利的安装完成，...

vscode 配合 eslint 自动格式化代码前言最近在主导开发一个新项目，公司要求用 vue 来开发，用 vue-cli 生成了项目，就着手开动了。但是后来发现一个问题，挺令人恼火的。因为我默认在项目中开启了 eslint 检测代码，来保证项目代码的规范性。这个初衷是好的，但是坏就坏在，eslint 检测代码一开启，才发现自己代码中到处都是不符合规范的问题。一般情况下，遇到问题，第一...

前端 ajax 加载缓存方案 —— 图片强制缓存前言上一篇 写了关于前端如何缓存 ajax 加载的数据，如果对这个话题感兴趣又没有看过的童鞋，不妨前去一观：https://blog.csdn.net/lovefengruoqing/article/details/103780958。这一篇文章是上一篇文章的后续，所以，如果没看过上一篇文章的话，有些内容可能理解起来，还是有点障碍的，因为有些前...

nginx 发布前端资源的缓存方案前言对于前端开发者来说，最头疼的事情莫过于。当你兴冲冲的给项目打包以后，上传到 nginx 等静态资源服务器发布以后，自己本地验证没问题，以为万事大吉，结果测试人员、用户反馈系统没更新，让你顿时感觉如同吃了苍蝇般难受。没办法，作为一个专业的开发人员，用户反馈程序出问题，第一时间就要找到问题出现的原因。于是你开始进行检查确认工作，先是打开浏览器访问系统发现没问题，确

作为一名前端数据可视化工程师来说，canvas 的使用可以说是最最基础的基本功了。canvas 虽然只是一个 html 的标签，但是可以干的事情，却远远比普通的 html 标签大得多。canvas 是一个画布，提供给我们绘图的功能，而且更神奇的是，它同时给我们提供了 2d 绘图和 3d 绘图的功能。这个 2d 和 3d 当然是广义的概念，不针对具体背后使用的技术原理。如果真的要细分的话，可...