noiron

此教程适用于了解 React，想要学习 Electron，但是不知如何将 React 添加至 Electron 中的同学。 1. 初始化 首先利用 facebook 官方的create-react-app创建一个基础项目。你可以根据你平时喜欢的包管理工具安装： 2. 删除 Se…

深入学习一个框架最直接的方式，就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念，一个组件就是一个方法或一个类。 但是要完整弄明白React的源码并不简单，React的代码有数万行，特别是在引入Fiber架构后，在React简单…

Wired Elements 是由一系列具备手绘风格的基本 UI 元素所组成，可以帮助你制作出带有手绘风格的窗口、模型以及页面。（分享自：GitHub）

目前网上有很多「XX源码分析」这样的文章，不过这些文章分析源码的范围有限，有时候讲的内容不是读者最关心的。同时我也注意到，源码是在不断更新的，文章里写的源码往往已经过时了。因为这些问题，很多同学都喜欢自己看源码，自己动手，丰衣足食。 这篇文章主要讲的是阅读大型的前端开源项目比如…

这是 VSCode Github 仓库上的介绍，如今，VSCode 的 Github Star 数已达 4.7 万，VSCode 采用了 Electron，使用的代码编辑器名为 Monaco、Monaco 也是 Visual Studio Team Service（Visual…

写在开头: 在怀着激动和忐忑的心情写出团队第一篇文章时,这个兴奋感一方面来自团队组建以来这是我们首次对外部开启一扇窗,另一方面我们也会持续听取意见,维持一个交流的心态。 但是除去这个我们翘首以盼的改变外,也同样有很多我们值得一提的东西。 我们先从编译文件开始我们看看Babel …

shuffle：顾名思义，将数组随机排序，常在开发中用作实现随机功能。 我们来看看一个 shuffle 可以体现出什么代码品味。 下面来到了第一反应：思考问题。 为什么要把 i 和 randomIndex 的声明放在最前方？ -> ES5 里的变量提升（ES6 里有没有变量提升…

蚂蚁金服数据平台前端团队主要负责多个数据相关的PC Web单页面应用程序，业务复杂度类比Excel等桌面应用，业务前端代码量在几万行～几十万行，随着产品不断完善，破百万指日可待。管理好10万行级甚至百万行级代码的前端应用，是我们团队的核心挑战之一。 团队的架构方案是多个产品经历…