前言 目前电商平台的业务中，只要有商品，不可避免的会遇到 SKU 方面功能。这篇文章就从理论到实践，从商品创建到商品购买，手把手带你实现 SKU 相关的“核心算法”。 让我们看看实际场景： 有了上图规

最近写一个需求react项目前端构建之后的体积过大，以及构建速度慢的问题，写完需求之后，做一个总结。 构建速度慢主要的原因，是安装node_modules依赖包慢，而且需要连网。 由于node_modulesz在项目中变化不会很频繁，所以将安装node_modules依赖包单独…

加班只可以用于解决紧急任务，但加班不是银弹！如果我们为了这个架构任务把未来一个月的下班时间从9点变为12点，那就一定会因为加其他的任务从12点变成凌晨2点！一旦遇到线上bug或加急改动，完全没时间休息了。对身体的伤害就不说了，两边的任务质量都会下降，也没有思考、规划、审查的时间…

2020 年，诸多不易，大家都是披荆斩棘砥砺前行；在这一年我在技术、产品、行业认知上也是起起伏伏，在挫折、摔打中不断地深化自己对行业的认知，融入制造团队，打磨产品，构建更顺滑的体验与交付能力。从技术与产品的视角看，2020 我的核心关注点如下： 研发效能，以尽可能小的技术团队保…

构建插槽时，最好规划一下布局。这就是我的文章布局。 构建插槽与构建组件没有什么不同。本质上，插槽是具有超强功能的组件,让我们细分一下上面的布局，组件的外观如下： 这里的 attributeName 会被作为一个JavaScript表达式进行动态求值，求得的值将会作为最终的参数来…

经常在Codepen上看到大侠们用SVG画出不可思议的动画，我一直很好奇他们是怎么运作的，总觉得这需要对SVG有足够透彻的了解，并且自己画出那些SVG图案，才有办法让他动起来。 既然自己画不出来，那我们就去找现成的库，svg库有很多，如Flaticon、iconfont、Ico…

新建一个项目，通常需要进行各种配置，比如webpack配置、eslint配置、各种通用库的安装和配置等等，如果每次新建都要重新搞一遍会比较麻烦，因此搭建一个自己常用的项目脚手架便很有必要。 就像vue-cli一样，一个vue create my_project命令就可以生成项目…

两年前写过一篇文章利用现代浏览器所提供的强大 API 录制，回放并保存任意 web 界面中的用户操作实现了浏览器操作的录制、保存、回放、管理等功能。不过之前的实现是基于rrweb这个项目，限于浏览器本身对于API以及rrweb的限制并不能完美录制 （比如webgl） 所有操作。…

由于上线后的代码不能调试，因此良好、规范的日志记录能够帮助我们第一时间定位、解决线上问题。代码中若没有日志，那么一旦线上出现了问题，对于问题的定位是非常难以把控的。 从严格的角度上来讲，若你的代码中充斥着大量无用的日志，那么最直观的感受便是——代码不简洁，不漂亮，可读性将会下降…