咚咚技术团队
  • 首页
  • 文章
    • 前端
      • 0.1 + 0.2 精度丢失深究
      • IOS H5 视频无法播放
      • H5 播放 amr 音频文件
      • IOS 10.x 版本在 Taro 中的兼容性问题
      • 百度 UEditor 引发的 cross-iframe 问题解决方案
      • 访问 www.banchengyun.com 时发生了什么
      • decodeURIComponent 与特殊符号
      • 前端埋点
    • 后端
      • Swoole 相关
        • MAC 本地环境执行 GuzzleHttp 时导致 Swoole 进程异常退出
      • Hyperf 相关
        • 在 phpstorm 中调试 hyperf 代码
        • Hyperf 1.x Proxy 缓存失效问题
      • K8s 相关
        • 搭建 k8s 集群
        • 使用 docker-compose 快速搭建 Hyperf + Redis 开发环境
        • Kubernetes Autoscaler
      • 其它
        • 幂等性和原子性
    • 测试
    • 效能提升
      • 优秀开发者的第一步:始于需求分析
      • 优秀开发者的第二步:如何阅读他人的代码
  • 活动
  • 课堂
  • 知识库
    • 公共
      • 什么是流程型组织
      • 半城云集成产品开发流程
      • 阿⾥云 Codeup 代码平台使⽤ & 迁移指南
      • git 使用规范
      • 关于第三方与服务号授权的问题
      • 收不到消息的排查方法
      • 系统安全
      • 前端编码规范
      • 后端编码规范
      • 测试规范
    • 前端
      • 规范
        • 前端编码规范
        • 咚咚技术栈
        • code-review 规范
        • git 工作流
        • Tapd 文档
      • 复盘经验
        • 2021.01 效能、规范、技术债讨论会
      • Code Review
        • SCRM 2020-07
    • 后端
      • 复盘经验
        • SCRM 2020 年 8 月
      • Code Review
        • SCRM 2020-07
    • 测试
      • 复盘经验
        • SCRM 2020 年 8 月
  • 项目文档
    • 前端
    • 后端:小程序
    • 后端:企业微信
  • 接口文档
  • 兴趣小组
    • golang 小组
    • 增长小组
    • 前端小组
  • 书单推荐
  • 生产环境 分析会
    • NO.2022.01
  • 生产环境 可用性
  • 团队活动
    • OpenTalk
      • NO.2021.Q3
      • NO.2020.Q2
    • WalkTogether
  • 关于我们
  • GitBook 使用说明
由 GitBook 提供支持
在本页
  • 半城云的前端技术栈
  • 1.工具
  • 1.1 基础的开发环境
  • 2.框架
  • 基础框架
  • 3.其他
  • 3.1.1 单元测试
  • 3.1.2 socketio
  • 3.1.3 indexdb

这有帮助吗?

  1. 知识库
  2. 前端
  3. 规范

咚咚技术栈

上一页前端编码规范下一页code-review 规范

最后更新于3年前

这有帮助吗?

半城云的前端技术栈

当前咚咚来客的前端团队以 react 技术栈为主,其他的框架优缺点各有千秋,因为不在公司的使用范围所以不做展开叙述。

1.工具

1.1 基础的开发环境

1.1.1 npm/yarn

推荐使用 npm。

yarn 安装依赖目前发现了主要问题有:eslint 安装失败、缺少提交检测。不强制使用源,建议用官方源。

1.1.2 nodejs

不强制版本,但建议在 14 以上。

1.1.3 IDE - VSCode

咚咚来客统一使用 VSCode 编辑器,需要在插件一栏安装Prettier - Code formatter、ESlint、Todo Tree、GitLens、TSLint、Bcy DevTools for VSCode插件。同时可选择适合自己的额外插件。

2.框架

基础框架

2.1.1 umijs

umi,中文可发音为乌米,是一个可插拔的企业级 react 应用框架。umi 以路由为基础的,支持类 next.js 的约定式路由,以及各种进阶的路由功能,并以此进行功能扩展,比如支持路由级的按需加载。然后配以完善的插件体系,覆盖从源码到构建产物的每个生命周期,支持各种功能扩展和业务需求,目前内外部加起来已有 50+ 的插件。

2.1.2 antd

antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。

目前咚咚来客中后台 pc 端都在使用该 ui 框架。

2.1.3 Taro

Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 / RN 等应用。

2.1.4 taro-ui

基于 taro 的官方 ui 框架,很长时间没有人维护了,零零散散的 bug 很多,在项目中用到的地方较少,后期会考虑替换。

3.其他

3.1.1 单元测试

TODO 当前此流程缺失,需完善

3.1.2 socketio

配合后端使用的插件,即时聊天需要用到,后端目前使用 hyperf,最高的 socketio 版本是 2.x(官网最新版本是 4.x)。

3.1.3 indexdb

IndexedDB 是一种使用浏览器存储大量数据的方法,它创造的数据可以被查询,并且可以离线使用。

https://nodejs.org/en/
https://v2.umijs.org/
https://ant.design/index-cn
Tarojs
taro-ui