工程基建--前端基建
序:
工程基建 : 编码规范、api规范、前后端协作、环境部署、微服务、微前端、性能、安全防御、统计监控、可视化 等等的建设;
后端基建: 后端规范文档、后端模板、安全、日志、微服务、RESTful API、中间件、数据库、分布式、权限控制、服务器性能并发 等等;
1、前端基建:
前端规范文档、前端脚手架、前端模板、前端组件库、前端工具库、前端BFF、前端CI/CD的构建部署、前端数据埋点 等等;
2、前端文档:
新人文档(公司、业务、团队、流程等)、技术文档、业务文档、项目文档(旧的、新的)、计划文档(月度、季度、年度)、技术分享交流会文档
3、前端文档:
Vue项目模板、Nuxt.js项目模板、微前端项目模板、BFF项目模板、管理后台项目模板、React项目模板、Node相关项目模板、其他模板等
4、前端脚手架(CLI)
快速创建项目、规范代码、mock数据、集合微前端、commit hook、自动化部署、集合工具函数、Hooks等、插件/模块快速上手、持续建设中。。。
5. 前端组件库(UI Design)
Ant Design、Element UI、Vant UI 等等
6. 前端响应式设计 or 自适应设计
7. 前端工具库(类 Hooks / Utils)
前端工具库,如 Day.js、axios、loadsh 等等
query参数解析、device设备解析、环境区分、localStorage封装、Day日期格式封装、Thousands千分位格式化、防抖、节流、数组去重、数组扁平化、排序、判断类型等
8. 前端工具自动化(Tools)
Eslint/Prettier自动化、Stylelint自动化、Git commit 自动化、其他等
9. 接口数据聚合(BFF)
Backends For Frontends主要将后端复杂的微服务,聚合成对各种不同用户端(无线/Web/H5/第三方等)友好和统一的API;
10. 前端 SSR 推进
服务器端渲染(Server-Side Rendering) 是指由服务端完成页面的 HTML 结构拼接的页面处理技术,发送到浏览器,然后为其绑定状态与事件,成为完全可交互页面的过程。
- 前后端分离;
- 首屏加载速度快;
- 利于 SEO;
11. 前端自动化构建部署(CI/CD)
每次 git commit 代码后,都会自动的为你部署项目至 测试环境、预生产环境、生产环境,不用你每次手动的去打包后 cv 到多个服务器和环境;
12. 全链路前端监控/数据埋点系统
- 行为数据:时间、地点、人物、交互、交互的内容;
- 质量数据:浏览器加载情况、错误异常等;
- 环境数据:浏览器相关的元数据以及地理、运营商等;
- 运营数据:PV、UV、转化率、留存率(很直观的数据);
13. 前端可视化平台
数据可视化、图形可视化、VR 全景可视化、中后台视觉可视化
https://github.com/akira-cn/moyu
14. 前端性能优化
15. 前端低代码平台搭建(建设中)
- 降低开发成本;
- 所见即所得;
- 一站式研发;
- 技术收敛;
- 专业门槛低;
- 对新人友好,上手快;
16. 微前端(Micro App)
将您的大型前端应用拆分为多个小型前端应用,这样每个小型前端应用都有自己的仓库,可以专注于单一的某个功能;
微前端
工程基建--前端基建相关推荐
- 前端基建——前端团队技术构建方向指引
文章目录 前言 一.前端基建内容概括 1.1 前端规范文档 1.2 前端脚手架 1.3 前端项目模板 1.4 前端组件库 前言 在一个前端团队中,构建好前端团队的基建工程,一方面是在个人业绩上能有点亮 ...
- 百度数据众包,一门AI新基建的“基建”生意
文/智能相对论(aixdlun) 作者/叶远风 AI成了新基建的C位,不论是原本就以AI立身的百度,还是纷纷在技术上加大投入以拥抱新基建的阿里.腾讯等巨头,最近都显出强化AI地位的态势. 在AI新基建 ...
- 新一轮县城基建,基建终究挑大梁
5月10日A股市场中基建.水利.建筑节能等板块再度领涨,个股上,杭州园林.华蓝集团.艾布鲁等多股20%涨停,其中龙头浙江建投更是顶着二股东减持,股价走出8连板,创下历史新高,自4月25日股价开始反弹以 ...
- altium designer无法创建工程_前端工程化之开发脚手架及封装自动化构建
工程化笔记 . . 光 前端工程化简述 简述 一切能提升前端开发效率,提高前端应用质量的手段和工具都是前端工程化. 模块化,组件化,规范化,自动化. 解决的问题 传统语言或语法的弊端. 无法使用模块 ...
- 基建狂魔:硬核技术之隔绝厌氧菌的涂料
内容转载自微信公众号:中国科普博览 近年间,中国经常被称为"基建狂魔".一说到这个称号,大家会想到高超的设计师.工程师,想到高效的施工团队,但可能很少有人会想到科学家们.科学家们不 ...
- 巴比特独家 | 区块链入选新基建,这几件事你不得不知
作者:海伦 4月20日上午10时,国家发改委召开4月份例行新闻发布会,明确了新型基础设施(新基建)的范围:(1)主要是指基于新一代信息技术演化生成的基础设施,比如,以5G.物联网.工业互联网.卫星互联 ...
- 加速新基建,优锘科技的数字孪生可视化运营平台迎来最好时代
燃爆行业市场的新基建仍有缺憾? 新基建是当前中国最热门的的话题之一,在今年4月份,发改委对新基建又做了新的解读,将其分成三部分内容: 第一部分是指基于新一代信息技术演化生成的信息基础设施; 第二部分是 ...
- 31省份推出40万亿投资蓝图 新基建、公共卫生成亮点
2020年开年,面对新冠病毒肺炎疫情对中国经济造成的紧迫压力,为完成经济增长既定目标,各地方政府均出台了相比往年更为庞大的投资计划. 据澎湃新闻(www.thepaper.cn)记者不完全统计,截至目 ...
- 精读《Rust 是 JS 基建的未来》
Rust Is The Future of JavaScript Infrastructure 这篇文章讲述了 Rust 正在 JS 基建圈流行的事实:Webpack.Babel.Terser.Pre ...
最新文章
- matlab 表格控件,[转载]matlab读取excel数据并显示在excel(activex控件)中
- MyBatisPlus插件扩展_PerformanceInterceptor性能分析插件的使用
- React组件实现越级传递属性
- Windows 7 文件夹共享
- Hive之表类型解析
- python获取程序运行路径
- VS Code配置java环境
- codesys 串口通讯实例_CodeSys如何实现串口通信
- Win10查看电脑的开机时间和关机时间记录
- grldr(GRUB,grub4dos)使用方法简介
- java文字手写识别_【手写文字识别】-JavaAPI示例代码
- 优秀的程序员是不用机械键盘的
- 【HarmonyOS】鸿蒙3.0使用WebView进行链接跳转,告警“hwbr_engine_AwContentsClient: Denied starting an intent without a
- uva 11595 - Crossing Streets EXTREME(切割多边形)
- python竖着展示诗_竖着写诗的格式
- html相对于父元素居中,浅谈css中一个元素如何在其父元素居中显示
- [美文]你懂得这些,才可能比别人更优秀!
- 火车到站时间接口 站到站列车信息检索
- 大搜车面试总结 (应届生实习生)
- 软件工程-个人作业-提问回顾与个人总结