前端技术标准和发展方向

前端技术标准和发展方向选型、规范标准、预研方向相关思维导图。

数字园区项目组(前端)技术标准&发展方向

• 开发工具
  • Visual Studio（常用）
  • Sublime Text 3（常用）
  • Intellij IDEA
  • hbuilder(X)、微信小程序开发工具
• 美工基础
  • photoshop工具（针对windows设计出来的psd）
  • sketch工具（mac设计出来的高保真）
  • Font Awesome、iconfont（矢量图标库）
• js类库
  • 通用库
    • jquery1.8+、zepto
    • 原生javascript、ES6、存储
    • require、underscore、lodash、moment
  • 功能插件
    • ckplayer(网页播放器)、jwplayer（网络播放器）、video、audio、jPlayer(多媒体播放器)
    • KindEditor（富文本编辑器）、cxcolor（颜色拾取器）、dragsort（拖拽）
    • pdf（pdf阅读）、qrcode（二维码生成）、iScroll+Nicescroll（滚动条）
    • ajaxupload+webuploader+xmlhttprequest（上传）、z-tree（树）
    • layerDate（配置功能较多）+jquery-ui（自定义灵活、扩展强）（日期插件）layer(弹出框)
  • 体验插件
    • fullpage（满屏）、swiper（h5滑动）SuperSlide(轮播插件)、Hammer.js（手势库）
• css布局
  • less、sass、stylus预处理器
  • rem、百分比vh、flex弹性布局、css3
• 数据可视化
  • 图表
    • echarts图表和地图、highcharts
    • 蚂蚁数据可视化antv
  • h5标准
    • canvas
    • svg
  • 地图
    • 百度、高德开发平台以及（百度）离线包、mapv
    • arcgis、openlayers（开发成本高、须GIS团队）
  • 3D模型
    • threejs
• UI风格框架
  • pc（响应式）
    • bootstrap/Amaze UI/layui/flyui(已停止更新)
    • [很好结合框架以及自封装组件]element/iview/ant Design/material
  • mobile
    • 调用原生能力（移动壳子暴露方法调用、基于h5plus开发平台、weex）
    • mui、jquery-weui、vux、vant、BUI、weex-ui等、vast
    • wux、uniapp等（微信、支付宝、百度、字节跳动）小程序开发
• MV*工程框架
  • 模板引擎
    • artTemplate
    • handlebars
    • ejs
  • 工程框架
    • vue+vue-router+vuex
    • flyjs+flyui
    • react+redux
    • Backbone（轻量级框架）
  • 构建、包管理
    • gulp、webpack会灵活集成在框架里面
    • npm、yarn、fly
• 运行环境
  • Tomcat
  • nodejs
  • nginx
• 创建日期:2019/04/11版 本 号:v1.0.0版权所有:slzhou7
• • 公司内部技术
• • 目前结合一起主流
• • 目前单页模式主流
    • 子主题