前端组简介

木犀前端组主要使用 Web 前端技术（HTML，CSS，JavaScript）开发浏览器内的 GUI 应用程序，简单的说就是写网页。同时我们也使用 Weex，Flutter，和小程序等技术开发跨端应用。同时我们也会使用 Nodejs 开发服务端中的前端服务（BFF 层）。

木犀前端组支持木犀团队所有产品（自研+外包线）的前端开发（PC/无线前端），同时支持团队的 iOS 终端开发。 我们配合产品经理，体验设计师，服务端工程师，客户端工程师，打造极致体验的校园产品（以及未来木犀更多可能的产品）。

理念

• 不断打磨产品，打造极致的用户体验。
• 理解业务，做业务的 Owner。
• 鼓励大家发展技术广度，比如学习后端技术/客户端技术/体验设计知识。
• 鼓励大家发展技术深度，比如可视化/ 3D 图形等数字媒体技术。

主要技术栈

团队主要采用 React 技术栈（React/Redux/Redux-saga/React-router/Webpack/TypeScript 等）。小程序使用 Tarojs。我们采用 BFF 架构，用 Nodejs 开发应用的 View 层，然后用 Docker 打包部署。跨端应用上，我们采用 Rax DSL + Weex 开发。

培养理念

这里描述的主要是公共 CS 基础培养之外的专业方向的培养。大一上学习 HTML，CSS 和 JavaScript，主要的教材是 Eloquent JavaScript。之后学习模块化，组件化（通过学习 HyperApp 这个组件化实现）。大一下学习 React 相关技术，进行 Mini Project 实战。大二以后，会作为主力参与一个团队正式项目的开发。大二之后学习 TypeScript/React 原理/框架源码/系统学习 CSS，根据自己的方向，可以学习图形学（可视化和互动媒体相关），或者学习 Native 技术（跨端相关），或者学习 LowCode 页面搭建相关技术（中后台）。大三可以学习图形学和编译基础，还有函数式编程。

总的培养理念就是深度+广度，两个方向发展，同时要有扎实的基础。在前端领域可以有一定的视野，不局限于前端技术本身，同时又可以深入框架原理，养成不错的代码功底，有参与组件库之类公共基础设施开发的能力。

技术方向

按照目前团队的业务，我们可以把技术方向分为以下几个：

• 跨端技术
• 中后台前端技术
• Nodejs
• 数字媒体&&互动营销
• 数据可视化