8 - 简历文档

1 个人介绍

1 面试官你好, 我叫张伟, 来自山西, 来面试的是 web前端开发岗位
2 上份工作是在杭州, 由于一直挺喜欢深圳这个地方的, 在上家公司完结工作, 就来深圳了
3 然后就是希望, 可以在这个新的环境中, 找到一份新工作, 认识一些朋友, 以及对前端能有更深的认识
4 蛮喜欢前端这份工作的, 没有后端那么乏味, 也不用像 UI那么纠结, 哪个好看
5 生活中, 喜欢听歌, 看动漫, 或者是电影, 
6 以上就是我的介绍

2 项目介绍

7 号优选  webapp项目
---------------------------------------------------------------------------------------
1 简单描述: 
  结合购物和社交的一款, 小众的创新型的购物app

2 设计理念: 
  注重用户体验, 符合人性化的功能设置, 页面设计简洁大方

3 亮点功能: 
  用户可以实时在线的, 讨论商品的功能以及实用性, 避免错误消费
  有不同的产品区域聊天室, 可以讨论一些, 该类产品相关的生活分享

4 我的负责: 
  我负责的是: 首页 和 分类的模块, 还有聊天, 发现, 我的

2 项目技术栈: 
  1 使用 CLI 快速搭建了项目模板, 配置相关环境
  2 2

  1 使用 CLI 快速搭建了项目模板, 配置相关环境
  2 基于rem 的 SJ, 移动端适配文件, axios 的二次封装 (创建 axios实例, 然后配置响应拦截器 + 请求拦截器)
  3 根据产品设计意图, 观察页面布局, 搭建简单页面结构, 以及路由测试
  4 写首页的代码,  Vant 实现了简单的轮播, 以及首页分类, 和底部导航
  5 优化功能, 图片懒加载, 触底加载, 下拉刷新, 等 (懒加载好像用了节流)
  6 简单布局了, 分类的静态页面, 然后开始沟通后端调接口, 以及商品详情页的编写
  7 配饰 store Vuex 配置文件, 划分模块, 写 Vuex 文档, actios 中布置请求代码
  8 然后开始在页面中通过辅助函数, 开始调用 Vuex 中的 请求接口, (等一系列流程)
  9 最后做了一个品类, 对应商品列表的缓存机制, 调 bug, 调接口, 有用postman
  10 图片也使用了, 模块化的处理方式

涉及到的, 深度一点的知识点: 
1 缓存机制怎么做的: 
  1 
  2 
  3 
  4 
  5 
  
2 图片懒加载: 

3 节流: 

3 说一说用到的其他优化功能: (Vue app 中可以做哪些优化)
	1 图片的优化
	2 服务端的优化
---------------------------------------------------------------------------------------

3 人事问题

1 关于学校:
--------------------------------------------------------------------------------
	1 专业: 计算机应用技术
	2 入学: 2013.09
	3 毕业: 2017.06
	4 学校名称: 山西应用科技学院
	5 位置: 山西省太原市小店区榆古路东1号 
--------------------------------------------------------------------------------

2 关于公司: 杭州米络星科技有限公司
--------------------------------------------------------------------------------
	1 人数: 在杭州我们那个单位的话, 60人左右, 我们的开发团队是 10个人的样子
	2 类型: 外包
	3 是一家什么公司: 主要发展音视频技术, 做过不少直播平台
	4 位置: 拱墅区祥符街道祥园路
	5 使命: 视频生活，美好连接
--------------------------------------------------------------------------------

3 关于公司: 杭州半云科技有限公司
--------------------------------------------------------------------------------
	1 人数: 60人左右
	2 类型: 
	3 发展方向: 主要涉及的是数据方面的
	4 位置:  浙江省杭州市西湖区转塘科技经济区
	5 使命: 数据智能 由你而赢
--------------------------------------------------------------------------------

项目问题

1 蓝点金融 webApp (React)

1 项目介绍: 
  蓝点金融是一个, 面向具有投资理财观念的用户, 的一个安全诚信的理财平台

2 项目职责: 
  1 负责的布局模块: 首页模块 和 用户模块  (Ant Design)
  2 负责开发的模块: 账单模块功能, 个人设置, 帮助, 赚钱等模块

3 主要技术: 
  1 使用 React 脚手架和 webpack 快速构建项目结构, 以及常用的一些环境配置
--------------------------------------------------------------------------------
    1 CLI脚手架: 
      create-react-app (是早期官方的, 许多配置需要自己搞)  //推介: DvaJS, umi
      
	2 说说 webpack 的理解: 
	  1 描述: 它是一个用于 JS 的静态模块打包工具
	  2 webpack 构建流程: 
	    通过入口文件解析 webpack, 结合项目内容和 webpack.config.js 配置参数, 生产最后的结果
	    
	  2 关键词了解: 
	    1 loader: 用于编译, 浏览器识别不了的文件  (文件转换器)  //例 -> scss转换为css 就有对应的 loader
	    2 plugin: 用于扩展 webpack的功能
	    3 entry: 入口起点  (了解就这么多了, 关于webpack 具体配置之前是项目老大去配置的)
	    
    3 做过哪些环境配置: 
      1 概括: 跨域处理, 改端口, 支持 Less 等这些  (配置 @路径)
      2 主要是通过 react.config.js 配置文件, 结合 CLI暴露出来的一些其他配置文件, 来处理
      3 就是查文档, 问同事这样的  (具体的现在想不起来了)
--------------------------------------------------------------------------------

  2 通过 redux 进行数据管理的的业务逻辑
--------------------------------------------------------------------------------
1 描述: 
  1 类似Vue 中的 Vuex, 实现全局数据管理功能的 (React中要统一在 redux里面请求数据, Vue中根据情况判断)

1 安装 redux 以及相关的包: 
  axios -> react-redux (用于关联) -> redux(提供API) -> redux-thunk(解决不能派发异步任务的问题)

2 环境配置: src/App.js 
  1 import {Provider} from 'react-redux' 
  2 import store from './store/index.js' 
  3 <Provider store={store}> 标签, 可当做路由模式的子标签, 包裹住 App.js 的组件视图

3 在全局状态管理文件中: src/store/index.js
  1 解决不能派发异步任务的问题
  2 管理分出去的子模块, 统一处理并导出

4 在单文件组件中引入相关 API 进行, 获取全局数据或调用全局方法
  import { useDispatch, useSelector} from 'react-redux'
--------------------------------------------------------------------------------

3 在用户页面, 跳转到赚钱页面, 用到了 react-router 相关知识
--------------------------------------------------------------------------------
1 安装 -> 路由模式的选择 -> 被包裹起来的 组件就有路由功能了
2 声明式导航以及路由式导航 -> 俩种跳转方式
3 同样需要, 自定义路由配置文件 -> 路由的懒加载, 传参等功能, 类似 Vue
--------------------------------------------------------------------------------

4 在跳转到用户页面的时候, 会通过响应拦截, 做一个 token 鉴权, 然后根据后端返回的业务状态码, 
  来判断是否跳转, 还是切换到登录页面

5 HOOK 新特性知识点  (React 必会)
--------------------------------------------------------------------------------
1 useState 定义声明式变量
2 useEffect 可以让我们在, 函数式组件中使用一些, 需要在生命周期中操作的功能
3 理解: 
  1 一个组件中可以定义多个, useEffect 方法的调用
  2 通常一个 useEffect 调用, 只会做一件事 (避免代码相互干扰)
--------------------------------------------------------------------------------

PC 后台管理的一个业务实现逻辑

默晞管理平台 -- PC端  (Vue)	
★项目职责：员工管理、员工查询、登录开发、权限管理模块的实现
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

3 登录开发: 

4 权限管理: