首页 > 其他分享 >前端架构工作

前端架构工作

时间:2023-03-15 14:13:29浏览次数:55  
标签:架构 babel 前端 配置 接口 评审 工作 封装 代码

工作中所涉及到的工作,也有一些PM的工作,比如:协调人员、拆分任务并分配给相关人员,把控工作进度、评审、变更管理等等。

  1. 项目立项,资源申请(服务器资源、人员)

  2. 需求评审(业需、软需)

  3. 接口文档、技术详设、功能点拆分、测试用例(概要设计、详细设计)

  4. 分支模型,版本控制(回滚机制)

  5. 技术选型,ui库, css编写BEM规范

  6. 代码风格、开发流程约束 eslint - sonarqube

    1. 代码风格 eslint stylelint prettier
    2. 开发流程约束 commitlint
  7. 基础框架搭建+业务框架+可插拔组件设计

    • 全局状态管理(vuex模块化封装)

    • axios封装,接口鉴权,aes+rsa数据传输加解密,异常处理机制,重发控制

    • 静态资源、iconfont等

    • 工具函数封装,自定义指令、mixin等

    • 换肤功能设计

    • 路由权限、404、loading以及空页面配置,路由模块化配置,设置kepp-alive配置项

    • 用户角色、菜单权限配置、控制点管理、业务字典配置

    • 移动端适配、title展示、返回逻辑控制、右上角扩展操作配置

    • IE兼容处理,babel,es6-promise, babel-polyfill

  8. 跟后端约定接口入参返参,开发环境mock数据

  9. 代码评审(走查)(新功能代码评审)

  10. 打包优化配置(webpack)

  11. 安全加固

  12. 操作日志分类统计

  13. CI/CD

  14. docker部署

  15. nginx配置,反向代理、动静分离、负载均衡

  16. 灰度发布,白名单

  17. ...


我是 甜点cc☭

公众号:【看见另一种可能】

专注前端开发,也喜欢专研各种跟本职工作关系不大的技术,技术、产品兴趣广泛且浓厚。本号主要致力于分享个人经验总结,希望可以给一小部分人一些微小帮助。

标签:架构,babel,前端,配置,接口,评审,工作,封装,代码
From: https://www.cnblogs.com/all-smile/p/17218278.html

相关文章

  • (一) 博客园美化:准备工作加基础美化
    空闲的时候自己根据很多大神的美化教程,把自己的博客园简单装修了下。再此整理一下美化方式和步骤,如果喜欢本人博客这种风格,可以参考一下这个系列一、默认皮肤选择点击博......
  • 拿到大厂前端offer的前端开发是怎么回答面试题的
    什么情况会阻塞渲染?首先渲染的前提是生成渲染树,所以HTML和CSS肯定会阻塞渲染。如果你想渲染的越快,你越应该降低一开始需要渲染的文件大小,并且扁平层级,优化选择器。然......
  • 一文彻底搞懂前端缓存机制
    浏览器缓存步骤1)浏览器在加载资源时,先根据这个资源的一些httpheader判断它是否命中强缓存,强缓存如果命中,浏览器直接从自己的缓存中读取资源,不会发请求到服务器。比如某个......
  • 前端常考面试题整理
    display:none与visibility:hidden的区别这两个属性都是让元素隐藏,不可见。两者区别如下:(1)在渲染树中display:none会让元素完全从渲染树中消失,渲染时不会占据任何空间;vi......
  • 2023秋招前端面试必会的面试题
    判断数组的方式有哪些通过Object.prototype.toString.call()做判断Object.prototype.toString.call(obj).slice(8,-1)==='Array';通过原型链做判断obj.__proto......
  • 前端经典面试题(有答案)
    作用域作用域:作用域是定义变量的区域,它有一套访问变量的规则,这套规则来管理浏览器引擎如何在当前作用域以及嵌套的作用域中根据变量(标识符)进行变量查找作用域链:作用域......
  • 2023秋招前端面试必会的面试题
    浏览器存储我们经常需要对业务中的一些数据进行存储,通常可以分为短暂性存储和持久性储存。短暂性的时候,我们只需要将数据存在内存中,只在运行时可用持久性存储,可以......
  • 美团前端高频面试题集锦
    JSX语法糖本质JSX是语法糖,通过babel转成React.createElement函数,在babel官网上可以在线把JSX转成React的JS语法首先解析出来的话,就是一个createElement函数然后这个......
  • 前端常考vue面试题(必备)
    computed的实现原理computed本质是一个惰性求值的观察者。computed内部实现了一个惰性的watcher,也就是computedwatcher,computedwatcher不会立刻求值,同时持有......
  • 校招前端vue面试题(边面边更)
    Vue模版编译原理知道吗,能简单说一下吗?简单说,Vue的编译过程就是将template转化为render函数的过程。会经历以下阶段:生成AST树优化codegen首先解析模版,生成AST语法树(......