加菲猫1484710252000

本教程深入浅出，配套 简明教程、进阶教程（源码精读）以及文档注释丰满的 Demo 等一条龙服务

这篇文章试着聊明白这一堆看起来挺复杂的东西。在聊之前，大家要始终记得一句话：一切前端概念，都是纸老虎。 不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。什么是共享状态？比如一个组件需要使用另一个组件的状态，或者一个组件需要改变另一个…

Flux 是 Facebook 用来构建用户端的 Web 应用程序的体系架构，与其它形式化的框架相比，它更像是一个架构思想，用于管理和控制应用中数据的流向。这里应用中的数据指包括但不限于来自服务端的数据页面中 view 的一些状态 (如一个面板是展开还是关闭)，临时存储在本地需要持久化到服务端的数据等。

1. 为什么需要Flux设计模式 2. Flux设计模式是怎么实现的 先来看一下最终结果，免得你觉得太复杂，跑了。怎么样就一个添加，一个删除，是不是很简单，那就继续往下看吧。 老外搞个新东西就喜欢给其取个Cool的名字，什么Flux,Redux,Meteor。本来英语就不是太好…

如果你玩了几小时的 React Hooks，你可能会陷入一个烦人的问题：在用 setInterval 时总会偏离自己想要的效果。 老实说，我觉得这些人是有一套的，至少为此困惑了。 然而我发现这不是 Hooks 的问题，而是 React编程模型 和 setInterval 不匹配…

有朋友在读了上篇文章之后，希望我能出个demo。于是我做了一个简单的项目来实践上文中所讲到的理念。 下面简要介绍一下项目结构及开发流程，以帮助各位同学更好的理解项目。 项目根目录为 ./src（可通过package.json内的basePath配置） 页面目录为 pages， …

svg(scalable vector graphics)可缩略矢量图形。视网膜屏下分辨率解决方案之一。比如在iphone设备下devicePixelRatio大于1的情况下，防止图片模糊就可以使用svg的图片。svg是基于xml的标记语言。编辑起来类似于html构建页面一样。…

对于webpack的认识始终停留在对脚手架的使用，不得不说脚手架既方便又好用，修改起来也方便，只需要知道webpack中各个配置项的功能，于是对于我们来说，webpack始终就是一个黑盒子，我们完全不清楚里面是如何去运作的。打包时报错，就只能借助google来协助帮忙解决问题，…

基于2018年Stack Overflow Developer的调研，TypeScript作为编程语言比JavaScript更受“喜爱”。TypeScript在js开发者中这么受喜爱的原因是：在你运行代码前，添加到javascript中的类型有助你发现错误（代码）。TypeSc…