庄生晓梦酱85744

通常，js代码出错，控制台会提示第几行第几列代码出错。但是webpack打包压缩后的代码，都被压缩到了一行，变量也变成了a,b,c,d。代码出错，控制台就没法正确的提示错误位置。 sourceMap就可以解决这个问题。sourceMap就是一个信息文件，里面储存着打包前的位置信…

上一篇文章：从0实现一个single-spa的前端微服务（中）中我们已经实现了single-spa + systemJS的前端微服务以及完善的开发和打包配置，今天主要讲一下这个方案存在的细节问题，以及qiankun框架的一些研究对比。 single-spa的三个生命周期函数bo…

据我了解，前端程序员有相当一部分对“数据结构”和“算法”的基础概念都不是很清晰，这直接导致很多人在看到有关这部分的内容就会望而却步。 实际上，当你了解了“数据结构”和“算法”存在的真正意义，以及一些实际的应用场景，对它有了一个整体的认知之后，你可能会对它产生强烈的兴趣。当然，它…

前端三大框架 Angular、React、Vue ，它们的路由解决方案 angular/router、react-router、vue-router 都是基于前端路由原理进行封装实现的，因此将前端路由原理进行了解和掌握是很有必要的，因为我们再使用的过程中也难免会遇到一些坑，一旦…

前端优化之路必不可少的知识点。 ... 本文按一定顺序总结与前端性能优化的基本点，大家可以按步骤逐一检查自己的项目，找出性能的瓶颈。如有错误遗漏欢迎补充纠正。 文章有些原理细节都在参考文章中，价值较高建议读一读。 如果发现开发时打包慢、打包体积太大，这是你就要审视下配置了。 比…

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

这里是个人的「博客」、「笔记」、「书籍」、「Awesomes」、「书签」以及 「面试」等资源汇集。如果目前的你 那么可以看看这个资源汇集，或许能给你带来一些灵感（这是我开始工作以来的所有前端资源成果，如果大家喜欢可以点个赞哈）。感兴趣的同学可以 Star 一下 Git 仓库，或…

我是17年毕业的，大三升大四的暑假期间开始学习前端；在这之前一直在小公司打滚；而且至今已经换了四家公司了（算上接下来入职的公司），可谓跳槽非常频繁（其实是小公司容易倒闭）。如果说别人的经历的是如何的加分，那我得经历大概是负无穷。 在这样的背景下，我从2019年末到2020年三月…