alwaysVe

之前发表过一篇《Angular 项目过大？合理拆分它！》，通过路由形式的按需加载、使用`DLL`等方式来优化，本篇介绍如何实现按需加载模块和组件

Angular 让人诟病的一点就是打包后体积很大，一不小心 main.js就大的离谱，今天让我们看看如何合理的拆分它，让用户体验更好

设计模式是老前辈们热血奋斗多年总结下来的经验，对我们的代码封装、设计有非常大的用处，几乎市面上绝大多数框架和库都少不了设计模式的使用，作为一名前端工程师，日常写代码如果使用设计模式的思想，会使代码有着很强的可维护性。 在本文中，我们介绍EcmaScript 6中的软件设计模式。

可见，每改变一次 count， 该组件对应的整个 function 会重新执行，其内部变量和方法会重新创建，从而影响性能。 useCallback 的作用：组件初始化时，将第一个参数函数“缓存”起来，只有在第二个参数（数组中的值）有变化时，被包裹的函数才会重新被创建，否则不会重…

文件上传如果加上进度条会有更好的用户体验（尤其是中大型文件），本文使用Nodejs配合前端完成这个功能。 前端我们使用 FormData 来作为载体发送数据。 下面我们实现upload 方法。 这部分比较简单，其实就是单纯的文件上传，我们用 Koa 来实现. 出于性能考虑，操作…

js 是单线程语言，它的作用主要用于操作DOM。 js执行也非常简单（从上往下执行），但 js 里也有异步方法，比如 xhr 、 setTimeout 等等。 setTimeout 的作用是：将当前任务推入任务队列，当主线程同步的代码执行完成后判断 setTimeout 设置的…

我们团队正在做一个XX系统，技术栈是React，目前该系统日渐庞大，开发及维护成本加大，且每次必须把整个项目一起打包，费时费力。经考虑后决定将其拆分成多个项目，由它们组合成一个完整系统，微前端架构是非常好的选择。 对我们来说最大的好处是单项目维护。 注意看地址栏变化，其中包含 …

Jacek Schae 原作，授权 LeanCloud 翻译。 我们将基于 RealWorld 示例应用对比前端框架。RealWorld 示例应用的特点： RealWorld 应用 比待办事项类应用更复杂。通常待办事项类应用不足以传达足够多的知识见解构建实际应用。 标准化 项目…

nginx在工作中已经有好几个环境在使用了，每次都是重新去网上扒博客，各种编译配置，今天自己也整理一份安装文档和nginx.conf配置选项的说明，留作以后参考。像负载均衡配置（包括健康检查）、缓存（包括清空缓存）配置实例，请参考 http://seanlook.com/201…