写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

原文链接，最近很火的一篇文章 1. 三元操作符 当想写 if...else 语句时，使用三元操作符来代替。 const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is les…

相信不少同学在维护老项目时，都遇到过在深深的 if else 之间纠缠的业务逻辑。面对这样的一团乱麻，简单粗暴地继续增量修改常常只会让复杂度越来越高，可读性越来越差，有没有固定的套路来梳理它呢？这里分享三种简单通用的重构方式。 所谓的【面条代码】，常见于对复杂业务流程的处理中。…

下面是一个很好的例子，将一个完整的 if 语句，简写为一行代码。 当使用纯 JavaScript（不依赖外部库，如 jQuery 或 lodash）时，下面的简写会非常有用。 在函数开始之前，对变量进行赋值是一种很好的习惯。在申明多个变量时： 在使用 if 进行基本判断时，可以…

一千个读者，有一千个哈姆雷特。 我将会从函数的执行机制、鲁棒性、函数式编程、设计模式等方面，全面阐述如何编写高质量的函数。 如何编写高质量的函数，这是一个很难回答的问题，不同人心中对高质量有自己的看法，这里我将全面的阐述我个人对如何编写高质量函数的一些看法。看法可能不够全面，也…

凡是点进来的老铁都会受到 dva 的卖萌祝福。我会理论结合实践的去阐述：如何运用函数式编程思想去编写高质量的函数。 在这篇文章中，你可以收获一个满意的答案。 嗯，本来打算一篇搞定，可是写着写着就到了 10000 字了。虽然已经较简洁了，但是涉及到的知识有点多，还是要花字数去阐述…