BeesFrontEnd

关于BeesX开源技术小组

Bees（蜜蜂），取义蜜蜂精神，取义求实、合作与奉献，这也是BeesX开源技术小组的宗旨，求真务实，合作奉献。本小组当前有两大工作方向：Android系统原理分析与实践、跨端技术原理分析与实践，欢迎感兴趣的同学参与进来。

BeesFrontEnd项目致力于跨端技术的研究与实践，我们将自上而下的去分析相关的技术原理与最佳实践。前端的技术自上而下大致可以分为以下18层，如下所示：

• 浏览器、Android与iOS
• 渲染引擎、JavaScript引擎
• HTML/JavaScript/CSS三支柱
• 编辑器
• 编译任务
• 编译工具
• 打包、调试、质量
• 测试
• JS基础类库
• JS类库
• UI框架
• CSS预处理器
• 模板
• 现代化
• 安全/模式
• 中间语言
• 跨平台解决方案

而现在的跨端融合，通常指的是PC、Android与iOS三端的融合，希望可以达到一次编写，三端运行的效果。为了达到这个目的，我们需要进行大量的前置工作，对上我们需要设计良好的DSL与CLI来支撑业务开发，对下我们需要寻找良好的跨端方案，解决多端兼容性和适配问题。

对上述18层技术栈做个抽象，可以大致分为

• 前端业务框架：提供业务开发相关DSL，例如Vue、React等。
• 前端工程框架：提供编译、打包、模板、预处理等工具，例如Webpack、Sass等。
• 跨端技术方案：提供跨端解决方案，例如ReactNative、Weex与小程序等。

后续的文章会围绕着三大主题的原理分析与最佳实践来展开。第一次阅读本系列文章的同学，建议先阅读：

• 跨端技术入门指南

前端业务框架

Vue

原理分析

文章	文章状态	作者	校对
Vue原理分析：Vue原理分析概述	编辑中

最佳实践

文章	文章状态	作者	校对
Vue最佳实践：Vue最佳实践概述	编辑中

React

原理分析

文章	文章状态	作者	校对
React原理分析：React原理分析概述	编辑中

最佳实践

文章	文章状态	作者	校对
React最佳实践：React最佳实践概述	编辑中

前端工程框架

跨端技术方案

WebView

文章	文章状态	作者	校对
WebView原理分析：WebView原理分析概述	编辑中

最佳实践

文章	文章状态	作者	校对
WebView最佳实践：WebView最佳实践概述	编辑中

ReactNative

原理分析

文章	文章状态	作者	校对
ReactNative原理分析：ReactNative原理分析概述	编辑中

最佳实践

文章	文章状态	作者	校对
ReactNative最佳实践：ReactNative最佳实践概述	编辑中

Weex

原理分析

文章	文章状态	作者	校对
Weex原理分析：Weex原理分析概述	编辑中

最佳实践

文章	文章状态	作者	校对
Weex最佳实践：Weex最佳实践概述	编辑中

Flutter

原理分析

文章	文章状态	作者	校对
Flutter原理分析：Flutter原理分析概述	编辑中

最佳实践

文章	文章状态	作者	校对
Flutter最佳实践：Flutter最佳实践概述	编辑中

微信小程序

原理分析

文章	文章状态	作者	校对
微信小程序原理分析：微信小程序原理分析概述	编辑中

最佳实践

文章	文章状态	作者	校对
微信小程序最佳实践：微信小程序最佳实践概述	编辑中

支付宝小程序

原理分析

文章	文章状态	作者	校对
支付宝小程序原理分析：支付宝小程序原理分析概述	编辑中

最佳实践

文章	文章状态	作者	校对
支付宝小程序最佳实践：支付宝小程序最佳实践概述	编辑中

淘宝小程序

原理分析

文章	文章状态	作者	校对
淘宝小程序原理分析：淘宝小程序原理分析概述	编辑中

最佳实践

文章	文章状态	作者	校对
淘宝小程序最佳实践：淘宝小程序最佳实践概述	编辑中