如有错误，希望各位留言指点，乐意之极。 在Vue源码里，尤大采用了Flow作为静态类型检查，Flow是facebook出品的静态类型检查工具。 众所周知，JavaScript是弱类型的语言。 所谓弱类型指的是定义变量时，不需要什么类型，在程序运行过程中会自动判断类型，如果一个语…

不知为何掘金的文章最近都流行以 "字节跳动面试官" 作为开头，不蹭一波都不好意思说逛过掘金了。23333 最近是真到了面试的季节，那么就说一下 Vuex 的源码吧。看完你会发现，Vue和Vuex的实现原理主要就那么几行代码。 这里无非就是劫持了对象的get和set方法。在所代理…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

用于vue框架的文件管理器插件，云盘。File manager plug-in for vue framework, cloud disk. 一个基于Vue和ElementUi的文件管理器插件，提供类似某云盘操作台的功能。 此组件较为复杂，并且有些设定可能太贴合原来的项目。初次…

嗯，直接进入正题吧。不知道大家是否有和我一样的学习习惯，就是一步一步的从无到有的去实现一个原理。就好像升级打怪，装备一点一点的升级才好玩。我把每次增加的代码，对应在git的提交中， 毕竟很多文件，直接在一篇文章中很难描述清楚。 当时准备了大约一周多，在小组内分享，也算是记录在上…

reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。 如果经常使用reduce，怎么可能放过如此好用的它呢！我还是得把他从尘土中取出来擦干净，奉上它的高级用…

权限控制可以粗分为页面级和页面元素级。换成人话就是：这个菜单只有管理员可以看到，这个页面某某某不能访问，这个按钮没有权限不能点击，这个区域别让普通用户看到！！ 接下来我们将产品经理的人话，转换成技术开发的鬼话。 我们需要在渲染之前拿到用户权限列表，可以先从服务端请求获取到当前用…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅…