参考模板

概况

简略概括职业经历

教育经历

简略。经历过职业教育培训最好提一嘴，为的是让leader知道你还学习过。

职业经历

没有就不写，有就简写，不要超过2行。
例如，2019.7-2021.7 某某（没必要全称，例如阿里巴巴，美团，字节，不写全称感觉特帅有没有）资深前端开发

技能展示

没必要多写，有必要写。
不要写别人都知道事，比如 vue，react，vue全家桶，react全家桶，antd。这不叫技能，这些都不是你写的。
例如haod下面的：

项目经验参考文档

不是标准，不是标准，不是标准。请不要照抄，做人做事要聪明，会意。

只要简略说明这个项目是做什么的就好了，当然为了显示技术能力，比如支持多少流量这个有必要写，跟技术性能指标相关嘛。项目GMV多少多少钱，就不要写了。另外就是你在项目中做了什么，如果是普通开发，就简写，前端业务开发就好了。

做项目肯定遇到了问题技术的思考：

项目初始化的时候，组件总是打到包里面，发现业务js包过大，你通过webpack打包log分析，引入分包机制。不啦不啦…，这就是一个技术点。
项目初始化很不方便，我找资料写了一个cli工具，可以方便的拉代码，初始化。
项目中使用动画，监听滚动，遇到过什么问题，怎么思考解决。
做过项目架构的，那更有的说了，项目架构中组件复用的思考，跟产品的磨合。这些都和技术相关。

项目的顺序，一般大家都是按照惯性思维理解就是按照时间倒排，最好是能把项目周期写清楚，不是从哪天到哪天，而是几个月，几周这样子。

参考

游戏SDK中台管理
项目描述：
游戏SDK中台管理主要分三大功能模块：1.管理SDK（包括集成、查询、下载SDK等）2.应用的统计分析（包括用户、渠道、用户参与度、功能分析、终端属性等维度）3，应用设置（自定义事件、渠道、版本等）
项目技术：
1. 采用vue-cli作为项目基础构建工具，完成项目的搭建；
2. Element-ui为项目UI框架，提供基础服务组件；采用axios请求数据，并解析json数据；
3. 使用并二次封装echarts组件来展示各种图标数据；
4. Vuex为项目的状态管理工具，vue-rouer作为路由管理工具，SCSS作为CSS预编译器，ES6、ES7为新的JavaScript代码规范。
责任描述：
1. 项目优化：在webpack中通过优化loader（减少不必要的目录查询、将babel编译后的文件进行缓存、使用happypack将loader的同步执行转换为并行的）提升编译打包效率；引入dllPlugin将特定的类库提前打包减少打包类库的次数，使用uglifyJs压缩代码等；针对优化首屏加载速度采用了路由懒加载、开启服务器Gzip、屏蔽sourceMap，在vue.config.js中通过externals外部扩展忽略不需要打包的库；最后是代码层面（比如v-if与v-show、图片懒加载、遍历添加key等等）等的优化；
2. 封装项目基础组件（比如全局layout组件、公共Header组件、SideBar组件等）、通用函数（比如完整的ajax请求函数、处理日期格式等）以及完整的鉴权逻辑；
3. 封装防止用户频繁多次点击按钮的自定义指令、封装echarts过渡动画组件的mixins等；
4. 独立完成此项目的所有页面研发、页面交互、以及接口调用；
5. 参与需求讨论，优化项目，修改项目Bug。

重点知识

使用Promise

promise.all的性能瓶颈

防抖节流

// 防抖
exports.debounce = (fn, delay) => {
  let timer;
  return (...args) => {
    // 定时器
    // 短时间内 多次调用 以最后一次
    // 最后一次的标准是什么
    // 一次调用debounce后 delay时间内不会再调用 才会调用这次的内部函数
    if(timer) {
      clearTimeout(timer)
    }
    timer = setTimeout(() => {
      fn.apply(this, args);
    }, delay)
  }
}

// 节流
exports.throttle = (fn, delay) => {
  let last = 0
  return  (...args) => {
    // 一段时间内 只有第一次被调用
    const now = Date.now()
    if(now > last + delay) {
      fn.apply(this, args)
      last = now
    }
  }
}

如果有做过技术负责人会问：技术管理怎么做的？

技术亮点：上一期，第六期
首屏优化：
压缩图片、图片懒加载
Vue组件懒加载
基于vue-virtual-scroller实现长列表虚拟滚动
利用Webpack的url-loader，将小图标转换成base64格式，避免占用主域名的并发数
组件化开发和公共方法抽离，减少单文件代码量，便于复用和维护

简历参考地址：https://baijiahao.baidu.com/s?id=1705640513615648347&wfr=spider&for=pc

Web 学习笔记

简历总结：