阳光下的猫同学

一个复杂的应用都是由简单的应用发展而来的, 随着越来越多的功能加入项目, 代码就会变得越来越难以控制. 本文章主要探讨在大型项目中如何对组件进行组织, 让项目具备可维护性. 1. 组件设计的基本原则 2. 基本技巧 3. 组件的分类 4. 目录划分 5. 模块 6. 拆分 7.…

装饰器是一种特殊类型的声明，它能够被附加到类声明，方法， 访问符，属性或参数上。 装饰器使用 @expression这种形式，expression求值后必须为一个函数，它会在运行时被调用，被装饰的声明信息做为参数传入。 拷问灵魂的问题！ 因为装饰器可以 对业务代码非侵入。 本篇…

1. 数字枚举：初始值可自动增长 1. as语法（值 as 类型） 2. 尖括号语法（<类型>值） 1. 类型守卫 2. 自定义类型守卫 1. 联合类型 2. 类型别名 1. 普通函数 2. 箭头函数 3. 可选参数 4. 默认参数 5. 剩余参数 6. 函数重载 注…

是Vue主要贡献者在vue-class-component基础上封装的针对vuex的装饰器写法的库。它提供了4个装饰器和namespace event: string 事件名。 options: Constructor | Constructor[] | PropOptions…

最近发现公司一个项目的目录组织挺奇怪的，所有的子项目都放在了packages目录里，还有这种骚操作？特意查了下资料，发现是一种比较流行的monorepo项目管理模式。近几年比较火的React,Vue,Babel都是用的这种模式: 我们平常一般采用的都是multiple repo…

本文介绍一个轮播图效果的实现，虽然是一个小小的轮播图组件，但是师傅告诉我，仍然要按照一个正常项目的流程去构思。 通常需求文档由产品经理提出并确认。 在这个项目中，我的角色集产品、开发、测试于一身，简单起见，通过研究别人家的轮播图组件的功能整理出需求文档。 写代码之前首先想清楚该…

这是我的剖析 Vue 3 原理的第一篇文章。这篇将会带着大家学习数据响应相关的内容，并且尽可能的脱离源码来了解原理，降低大家的学习难度。 Vue 3 目前的状态其实很适合阅读，因为代码量不多，并且核心功能是不会有什么大的变动的。 因此笔者 fork 了目前的源码，并且加以注释。…

能不能讲一讲Flex布局，以及常用的属性？。 WeakMap只能以复杂数据类型作为key，并且key值是弱引用，对于垃圾回收更加友好。 深拷贝：一般需要借助递归实现，如果对象的值还是个对象，要进一步的深入拷贝，完全替换掉每一个复杂类型的引用。 React需要尽可能的保证熟练。因…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，