前言#
对公司最近新的千万级项目使用到的前端实现方案进行大致的总结，包括 react ，antd， antpro，less。
重点：技术选型，组件库选型，脚手架选型，样式语法选型
react#
React 是 Facebook 内部开源出来的一个前端 UI 开发框架，它引入了虚拟DOM， 插入在js逻辑和实际DOM之间，虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的。一切都是component，重用更加容易，代码更加模块化，重用代码更容易，可维护性高。这样当某个或某些组件出现问题是，可以方便地进行隔离。每个组件都可以进行独立的开发和测试，并且它们可以引入其它组件。这等同于提高了代码的可维护性。兼容性好，比如使用RequireJS来加载和打包，而Browserify和Webpack适用于构建大型应用。它们使得那些艰难的任务不再让人望而生畏。它采用了单向数据流，react中 Flux是一个用于在JavaScript应用中创建单向数据层的架构，它随着React视图库的开发而被Facebook概念化。减少了重复代码，这也是它为什么比传统数据绑定更简单。
重点：大厂，虚拟dom，组件化，可维护性高，生态完善
antd#
Ant Design 是服务于企业级产品的设计体系。是基于「自然」、「确定性」、「意义感」、「生长性」四大设计价值观 设计而来。它提供了一套非常完整的 组件化设计规范 与 组件化编码规范，通过模块化解决方案，降低冗余的生产成本，让设计者专注于更好的用户体验，开发者专注功能开发。对于开发者它是组件功能库，对与设计者它提供了评价设计好坏的内在标准。
重点：大厂，组件功能完善，用户多。
antpro#
antD-pro 基于 Ant Design 开箱即用的中台前端 解决方案。它 使用 React/dva/antd ，可针对不同屏幕大小设计进行响应。可配置的主题可用于满足多样化的品牌诉求。运用常用的设计模式，提炼自中后台应用的典型页面和场景。
重点：Ant Design Pro 作为一个前端脚手架，可配置。
less#
Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。它可以方便地屏蔽浏览器私有语法差异，完全兼容 CSS 代码。同时 结构清晰，便于扩展，可维护性高。
重点：可维护性高。