前端小白zxm

使用 React 开发应用，给予了前端工程师无限“组合拼装”快感。但在此基础上，组件如何划分，数据如何流转等应用设计都决定了代码层面的美感和强健性。 同时，在 React 世界里提到 curry 化，也许很多开发者会第一时间反应出 React-redux 库的 connect …

本文旨在总结常见的性能缺陷，以及如何来避免这些缺陷。 性能问题在web应用开发中不是什么新鲜事。 我们每个人都有这样的时刻，当你把一个新的Component组件放到你的app中，你会突然发现你尝试的每一个用户交互动作都与期望的效果有很明显的滞后。有时，你可以重复使用多个同样的组…

要想实现一个 redux 中间件我们必须了解 redux 的基本实现原理。本文将从 redux 源码入手，重点讲解 applyMiddleware 如何将中间件串联执行。只有理解了底层原理我们才可以游刃有余的写出一个 redux 中间件。 可以看见 createStore 的三…

在什么都是 3D，看电影 3D，打游戏 3D，估计 3D 打车，很快就会面世。那么作为前端开发的标准语言，JS 和 3D 能不能也搞出点大新闻呢？刚好最近在做一个活动时，就遇到了需要播放 3D 全景视频的需求，顺便就研究了一下 Threejs，这篇文章算是做个笔记，也希望能帮助到那些想快速入门的同学。

Vue2.0用户权限控制解决方案

实现主要是基于threejs做的，接下来我会分别讲解各部分的实现，不过不会介绍基础。基础内容可以去官网找到~ scene的background可以接收Color、Texture或CubeTexture。在本示例中，我们使用Texture就可以达到渐变效果。Texture可以接收…

中间件是代理/装饰模式的一种的实践方式，通过改造 store.dispatch 方法，可以拦截 action（代理）或添加额外功能（装饰）。 新建一个变量指向 store.dispatch。 新建同名函数 dispach，接收参数为 action。 编写自己的额外逻辑。 在 d…

一个成熟的组件库通常都由数十个常用的 UI 组件构成，这其中既有按钮（Button），输入框（Input）等基础组件，也有表格（Table），日期选择器（DatePicker），轮播（Carousel）等自成一体的复杂组件。 这里我们提出一个组件复杂度的概念，一个组件复杂度的主…

1. React+Redux项目结构最佳实践 2. 如何合理地设计State 在前面两篇文章中，我们介绍了Redux项目结构的组织方式和如何设计State。本篇，我们将以前面两篇文章为基础，继续介绍如何设计action、reducer、selector。 根据这个结构，我们很容…