项目知识点

区分身份

1. 使用者 -> 以使用者的身份去梳理业务逻辑
2. 开发者

前端 和 后端 开发身份而言

B/C

设备划分
b 浏览器
c 客户端 安卓apk ios ipa ，win exe， mac dmp
使用者划分
电商项目 1vsn nVsn
客户端 客户使用的
Boss端 工作人员使用的

购买者 客户端
商户 商户端
平台 平台端

对外使用面向客户 都要至少匹配一个管理平台

电商系统
用户端
boss端

对内的系统 单独管理系统存在

项目配置 react-管理平台的项目

请求数据

axios 以及封装
mock 数据

1. 本地使用mock数据
2. 通过apifork实现mock数据
3. node接口mock数据
   代理

画页面

屏幕适配 媒体查询 栅格布局进行适配
第三方的ui组件库
react antd
vue element iview …
预处理语言
预处理语言的使用
样式作用域问题

1. 在craco配置less
2. 使用样式模块化
   * less文件命名 xxx.module.less
   * 引入文件 import styles from “xxx.modules.less”
   * 直接使用
   
   规范话
   eslint 规则
   文件命名规范
   公共函数的封装
   路由
   全局状态管理

用户交互

项目的webpack配置

1. 通过npm run eject 暴露webpack 文件进行配置
2. 通过覆盖的插件覆盖webpack配置 类似有 vue vue.config.js
   https://note.youdao.com/s/cpK0iZM8

项目参考

antd pro https://preview.pro.ant.design/
iview-admin https://admin.iviewui.com/components/split_pane_page
build-admin https://demo.buildadmin.com/#/admin/auth/adminLog

token 到底存在哪

sessionStorage 浏览器关闭后就没了
cookie

• cookie可以设置有效期
• 后端直接将token注入的cookie 并且设置 http readonly 不允许前端操作cookie
• document.cookie
  localstorage
• 没有过期时间可以封装可以造

项目书写

1. 项目的描述 功能方面的描述 xxx电商管理系统 （干啥用）里面包含了 1，,2，3,4，5,6 模块，我负责了xxx模块
   2.5 vue + vue-router + vux +elementui
   react + antd + router +redux
2. 详细介绍你的工作
   • 负责整体项目的搭建
   • 协助团队制定代码规范 以及 gitflow 规范
   • 组织团队技术分享
   • 负责协议模块开发 通过网页代码编辑器实现所有文字协议的管理
   • 负责用户模块开发 负责vip模块的开发
   • 负责权限模块的开发
   • 负责部分工具函数的封装
     • 二进制文件导出的工具函数
     • 前端缓存的工具函数
     • 数字计算的工具函数封装
   • 负责共有组件的搭建
     • 长列表优化、虚拟列表 公共组件
     • 图片懒加载的组件
     • 负责轮播图的封装

项目的亮点

1. 做了一个非常牛b的功能别人做不出来 x
2. 项目本身附带的亮点 非常难 协同文档 web3 区块链 低代码平台
3. 个人的亮点
   window.navigator
4. 手机摄像头 小程序 微信支付流程 jssdk

项目的难点 和 你在项目中遇到的问题

1. 项目的难点 可以和项目的亮点项目转化
2. 项目中遇到的问题
   1.在vue中修改完数据页面不变（ nextTick set） -> vue的响应式原理
   2.在react中 render 多次渲染的问题 -> react的渲染机制 如何减少render的优化
   3.上线代理失效 -> 前端上线的注意事项 gitflow ci/cd
   4.浏览器的兼容 s
   1. 导出的点击事件
   2. iso 对时间的处理
      5.数组相加 精度问题 -> 自己封装的工具函数

权限管理

不同身份的用户权限不同，可以使用不同的功能

1. 接口权限
   • 主要是根据后端的返回值 给与合理的提示
2. 页面权限
   • 方案-
     后端在登录的时候返回用户的角色信息 超级管理员 普通管理员
     将侧边栏信息 和 路由信息全部写死 根据角色进行切换
     好处: 后端只返回角色信息 开发迅速 半天就能干完
     缺点：每次修改信息 前端动代码 打包
   • 方案二
     写一个新的功能叫权限管理
     角色管理
     路由管理
     侧边栏管理
     后端在登录的时候 返回所有的权限信息，
     前端根据权限信息动态创建侧边栏 和 路由
     好处：开发完毕后修改权限信息 不需要前端在改代码
     缺点：单独做一个管理功能开发时间长
3. 按钮权限
   根据后端返回的按钮数据 控制按钮的显示隐藏