格林网事

切换到仓库的第一个commit，自己运行运行，尝试着去看一看代码，自己先理解理解，断点调试调试。然后再来看这篇文章代码中写的注释，遇到不太理解的再来看看这篇文章，看看是不是能够更易于理解些。代码真的已经简化到不能再简化，总计才150行左右，仔细看你一定能理解。第一个commit…

参考资料中是我从网上看到的有关塌陷，BFC中写的很好的几篇。讲的也很全面，教你如何用BFC，Containing Block(包含块解决）margin塌陷的问题。但是有一点他们都没有提及，就是为什么会有这些东西出现。 以上的这些问题，如果不去了解设计者的思路，是不太容易理清这些…

前端 Web 开发复杂性的增加促进了前后端专业化和前后端分离。 这种专业化和复杂性的增加有许多好处 —— 网络用户体验的质量呈指数级增长，同时，更多的人将通过多种设备连接彼此，这是史无前例的。 但是，它也带来了一些挑战。 前端和 API 之间接口的摩擦、挑战和复杂性是一个常见的…

本文github仓库代码地址，欢迎star，谢谢。 从运行结果来看，运行正常，没有问题。接下来看看一步一步实现的过程: 一. 完成最简单的通过vuex定义全局变量，在任何一个页面可以通过this.$store.state.count可以直接使用 二. vuex中的getter方…

Vue.use是用来安装插件的。 如果插件是一个对象，必须提供 install 方法。 如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。 该方法需要在调用 new Vue() 之前被调用。 当 install 方法被…

高阶组件这个概念在 React 中一度非常流行，但是在 Vue 的社区里讨论的不多，本篇文章就真正的带你来玩一个进阶的骚操作。 先和大家说好，本篇文章的核心是学会这样的思想，也就是 智能组件 和 木偶组件 的解耦合，没听过这个概念没关系，下面会详细说明。 这可以有很多方式，比如…

大家好久不见，虽然变成了年更博客，但是我还是有坚持在用文字来记录我的学习和生活的。 博客。以前我习惯用 Markdown + Github 来维护我的博客 日常学习笔记、文档。之前习惯用 MindNode 思维导图 任务管理，不管是个人时间管理还是团队项目协作。 写日记、周报、…

在很长的一段时间里，我只能记住某几种设计模式，并没有很好的应用。 索性我们就以该图为大纲，讲讲那些我们不经意间使用的设计模式 --- 创建型。 1. 三种工厂模式：Factory Pattern 简单工厂模式，用来创建某一种产品对象的实例，用来创建单一对象。 工厂方法模式，将创…

我们在使用 Vue 或其他框架的日常开发中，或多或少的都会遇到一些性能问题，尽管 Vue 内部已经帮助我们做了许多优化，但是还是有些问题是需要我们主动去避免的。我在我的日常开中，以及网上各种大佬的文章中总结了一些容易产生性能问题的场景以及针对这些问题优化的技巧，这篇文章就来探讨…