背景 上周遇到一个生产问题，有一个页面底部有个分享按钮，在生产环境不显示。而同样的代码，在测试环境却是正常的。 如下图所示，左边是生产的，右边是测试环境的。 这是为什么呢？ 心中带着困惑，开启了破案模

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

一、背景 在一个夜深人静的晚上，公司前端扛把子卷不动了，打算下班！ 项目经理眼疾手快立马拦住他说：大佬再帮我加个需求，明天就可以发布了！ 前端扛把子：滚，我要回去睡觉了！ 项目经理：要是帮我搞一下这个

在实际开发中,将变与不变分离,确保变化的部分灵活、不变的部分稳定。这个过程，就叫“封装变化”；这样的代码，就是我们所谓的“健壮”的代码，经得起变化的考验。而设计模式出现的意义，就是帮我们写出这样的代码

如果写了大量的 `if` 分支，并且可能还具有**分支套分支**，可以想象到整个代码的可读性和可维护都会大大降低，这在实际开发中，确实是一个比较头疼的问题，那有没有什么办法能够即实现需求又能避免...

#13459），但直到今天也没有进展。因为 Ant-Design 是一套设计语言，所以 antd 会引入一套 fork 自 normalize.css 的浏览器默认样式重置库。 下图为 antd 的 CSS 打包时的依赖关系，这张图有助于我们理清怎样才能避免把 base.les…

程序调试是程序开发必不可少的一环，作为新手前端程序员，最常用的就是通过 console.log 打印变量进行调试，本文会分享一些笔者学习到的前端调试方法，减少对 console.log 调试方式的依赖

作为前端工程师，无论是开发还是线上环境，浏览器或是 node，移动端或者 PC 端，经常会遇到一些 bug，那么如何快速定位和解决问题呢，笔者准备了一份前端调试指南供大家参考。

「2022 年什么会火？什么该学？本文正在参与“聊聊 2022 技术趋势”征文活动 」 要说2022年什么会火？Vue3将首当其冲！ 原因是，这两天vue-next项目以正式更名为core，标志着Vu