阿里技术搬运工

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

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

前端在业务复杂度越来越高的情况下，本地即使做了充分的测试，依照caniuse做了很多兼容，依然无法让人放心页面能否正常运行或者运行得怎么样。 当一个前端页面发布出去了之后，页面所运行的设备、浏览器、网络环境、用户操作习惯等等因素都可能是造成页面不正常的原因。 所以对前端页面需要…

如果笼统的将web开发分为前端和后端开发，那后端则数据的生产，而前端则负责数据的展现。后端代码跑在我们业务方自己的服务器上，对于代码运行过程中产生的日志，具备天然的低成本获取优势，在最原始的状态下，我们可以直接登录我们的应用服务器去捞取日志，定位线上问题。不过，事实上我们会更加…

注： 本文为第12届D2前端技术论坛《打造高可靠与高性能的React同构解决方案》分享内容，已经过数据脱敏处理。 很多前端工程师在做页面性能调优的过程中，极少关注代码本身的执行效率，更多关注的是网络消耗，比如资源合并减少请求数、压缩降低资源大小、缓存等. 我并不觉得这不合理，相…

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

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

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

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