阿里技术搬运工

1. 前言 Web前端打包技术日新月异，从grunt到gulp再到webpack，如今又出现了新的挑战者：rollup，它祭出的杀手锏是tree-shaking，可以减小打包后的体积。为了赶超rollup，webpack也加入了tree-shaking功能，推出了webpack…

随着React的兴起, 结合Node直出的性能优势和React的组件化，React同构已然成为趋势之一。享受技术福利的同时，直面技术挑战，在复杂场景下，挑战10倍以上极致的性能优化。 一套代码既可以在服务端运行又可以在客户端运行，这就是同构应用。简而言之, 就是服务端直出和客户…

今天在用 immutable 改写以前的旧代码。数据的嵌套结构有可能很深的情况, 内部对于数据的增删改查和各种循环递归操作有很多。用了 immutable.js (其实也配合使用了TypeScript,效果更佳) 来改造了下。一个总结体验那就是爽~ immutable 的英文意…

本系列文章，主要围绕Rax/Weex展开，由浅入深讲解《如何一站式开发一个·跨平台应用·》。 如果，你还不了解Weex是什么？赶紧去【Weex官网】看看。 本文档主要由「基础篇」、「高级篇」、「原理篇」和「实战篇」四部分部分组成。 基础篇：从「Hello World」例子说起，…

前端资源打包在每个项目中都会有涉及，每位开发者都希望打包是用最少的时间构建出最小的代码，这不仅能提高团队中的效率，也能提高页面的访问性能，以下会从如何优化构建速度和优化构建输出代码来说明一些方法。 1. 速度优化 日常开发打包配置大家都是习惯用脚手架等的默认配置，没问题，没毛病…

前面开篇里提到过，使用Rax/Weex构建的是：一个移动端·跨平台应用。 Rax/Weex也正是基于类似上述的思路实现了对应样式API，接下来主要以Rax为例介绍如何编写样式。 与原生的html标签style属性不同，Rax元件接收的style属性类型是一个对象。 受限于Nat…

目前，越来越多的Web应用使用 react 来进行界面UI开发，而与之配套的官方测试工具 react-addons-test-utils 用起来则比较繁琐，写出来的测试代码也不易维护。 相比之下，Airbnb开源的react测试类库 Enzyme 提供了一套简洁强大的API，并…

为了让初学者更容易地理解和接受一个新框架/库本身，而不被其它额外因素所困扰（如：redux、router）。 所以：一般来说，基于元件编写的复合组件，是可以同时运行在Native和Web上的。 setState()方法是同步的，不再支持批处理更新（batchedUpdates）…

今天在用 immutable 改写以前的旧代码。数据的嵌套结构有可能很深的情况, 内部对于数据的增删改查和各种循环递归操作有很多。用了 immutable.js (其实也配合使用了TypeScript,效果更佳) 来改造了下。一个总结体验那就是爽~ immutable 的英文意…