iceworks: 从 GUI 开发工具到集成研发工作台

作者: 梧忌 发表于: 2019-12-04

疾风知草劲，路遥知马力。在阿里，恐怕没有几个前端研发工具像 iceworks 一样，历史悠久，历久弥新。iceworks 第一版本发布于 2018 年 3 月，至今已经走过了近两个年头。笔者于 2019 年 4 月和 @思忠 开始接手，借本文分享笔者在这个领域的一些经历和思考。 icewor...

VSCode原理解析 - 断点调试

作者: 魁梧 发表于: 2019-08-16

背景 今年年初，有辛参与了IDE 共建项目组, 打造阿里生态体系内的公共IDE底层，而作为一款面向开发者的IDE，调试能力的支持一定程度上决定着一款IDE的开发体验；VSCode作为微软体系下一款当前最热的IDE开发工具，在调试领域上的探索实践是很好的学习案例，有道是：借他山之石,逐已身之玉，...

happypack 原理解析

作者: 上坡 发表于: 2016-12-09

说起 happypack 可能很多同学还比较陌生，其实 happypack 是 webpack 的一个插件，目的是通过多进程模型，来加速代码构建，目前我们的线上服务器已经上线这个插件功能，并做了一定适配，效果显著。这里有一些大致参考： 这张图是 happypack 九月逐步全量上线后构建时间...

揭秘浏览器远程调试技术

作者: 肖焉 发表于: 2016-10-20

调试技术的起源 1947 年 9 月 9 日，一名美国的科学家格蕾丝.霍普和她的同伴在对 Mark II 计算机进行研究的时候发现，一只飞蛾粘在一个继电器上，导致计算机无法正常工作，当他们把飞蛾移除之后，计算机又恢复了正常运转。于是他们将这只飞蛾贴在了他们当时记录的日志上，对这件事情进行了详细...

前端工程化：云构建

作者: 阿大，慎里 发表于: 2016-01-29

背景 通常个人在开发项目的时，都是在本地编写构建脚本对项目进行构建，这个脚本可能是 Gulp，可能是 Grunt， 可能是 webpack，也可能是其他的一些脚本，每次代码发布之前，都要对代码进行构建，代码仓库里面包含构建脚本和构建之后的代码。对于个人开发，这样做是没有问题的，但是涉及到多人开...

karma 测试框架的前世今生

作者: 亦才 发表于: 2016-01-09

这篇文章主要来自 karma 作者的一篇论文，主要是说 karma 的由来，通过这篇文章，可以了解下 karma 的设计思想，这样大家在做前端单元测试时，也能了然于心。 背景 JavaScript 作为 web 端使用最广泛的编程语言，它是动态语言，缺乏静态类型检查，所以在代码编译期间，很...

DEF 2.0 的想法

作者: 栖邀 发表于: 2015-12-19

最近接手了 DEF 的维护开发，一直在读代码、读代码、读代码，是时候整体对 DEF 做个总结回顾，同时畅想下未来了。这里面很多都是我自己的理解，如果有不对的地方，欢迎大家指出，一起讨论。 历史 DEF 的全称是 Development Environment for FED（不过，据小道消息...

前端测试的平台化之路

作者: 林谦 发表于: 2015-12-11

概述 相对前端技术快速发展的今天，测试这块显得有点冷清，原因有很多：可能在于测试的价值体现、在于测试的持续跟踪、在于 UI 测试的准确性等。在淘宝 FED 有针对前端的测试平台，也一直在探索前端测试的切入、测试工具的选择，经过不断的探索，觉得有必要说说目前的一些思路和进展。 历史 淘宝 FE...

如何检测移动端 CPU 以及内存占用率

作者: 辰惬 发表于: 2015-12-05

前言 6 月底的时候淘宝众筹的 H5 接入到了支付宝钱包，上线前支付宝钱包就对性能提出了明确要求：即页面静态下 app 的 CPU 消耗要低于 10%。我面临的第一个问题并不是如何优化，而是要如何便利地查看 CPU 的占用率。CPU 占用率的有效分析对于性能优化是至关重要的。因此，本文并不会讲...

Webkit远程调试协议实战

作者: 竹暄 发表于: 2015-11-28

上一篇文章 介绍了 DevTools 和 Webkit Debug Protocol 这两个 Web 开发利器的内部原理。本篇主要讲解 iOS 的 Safari 远程调试。 iOS 的 Safari 远程调试，是 iOS7 引入的新功能。它允许开发者通过桌面端 Safari 的调试工具远程检视...