屠苏

ALL THE TIME，我们写的的大部分javascript代码都是在浏览器环境下编译运行的，因此可能我们对浏览器的事件循环机制了解比Node.JS的事件循环更深入一些，但是最近写开始深入NodeJS学习的时候，发现NodeJS的事件循环机制和浏览器端有很大的区别，特此记录来…

react自从2013年推出到如今已经走过了很多个年头，react生态redux、react-redux、redux-saga也已经成为react开发者的配套标准，使用起来已经相当熟悉，本文简单聊聊redux、react-redux和redux-saga的实现原理。 这张经典的…

Higher-Order-Components(HOC) react中用的相对多一点，vue的话，嵌套template有点。。别扭, 可以看出用了hook之后，我们把关于position的逻辑都放到一个自定义的hook--useMousePostion 中，之后复用是很方便的，…

前言：遇见前端，应该是今年最幸运的事情了。然而，幸运并未就此打住。 现在，我在准备自己的毕设，准备下一个阶段的到来。掘金社区的确是一个让人成长的地方，我也愿意今后有时间继续分享自己的成长经历。这篇文章是昨天看到的，通俗易懂，实在佩服，忍不住翻译过来和大家分享，继续成长 你是不是…

随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然，浏览器自身也在不断在进化和发…

整个应用的state都被存储在一个仓库中，我们称之为store,整个应用只能有一个store。 唯一改变state的方法就是dispatch(action)，即派发动作。 store就是保存数据的地方，可以看成一个容器。整个应用只能有一个store action必须是一个对象,…

基于 redux、redux-saga 和 react-router 的轻量级前端框架。 当此类行为会改变数据的时候可以通过 dispatch 发起一个 action，如果是同步行为会直接通过 Reducers 改变 State ，如果是异步行为（副作用）会先触发 Effect…

今天我会快速的过一下 redux 知识，然后讨论下 适用性，最后为了让大家能快速学习，简化了官方的经典 Demo todo ，跟着我做一遍就行。 这张图是 Flux 官网的，画的很好。 1. 安装 chrome 插件 2. 配置代码 3. 开启插件

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…