没有职业规划的工作就是耍流氓

前端工程师的前端能力模型,技术能力,学习创新能力,沟通协作能力,业务能力,主人翁意识,5大块

主人翁意识

项目的成功离不开团队,离不开每个人的贡献

业务能力

你对你做的项目有什么理解。
项目的目的
项目的模块划分
你在其中的位置,做了什么,怎么完成的
遇到的问题review
快速暴露问题

学习创新能力

  1. 技术敏感度<br /> 快速学习能力<br /> 创新能力<br /> 学以致用

沟通协作能力

  1. 聆听,受众,理解偏差,交流

技术能力

  1. 前端基本能力<br /> htmlhtml5css2css3javascriptjqueryajaxes6<br /> 框架与插件的使用能力<br /> <br /> modulemɒdju:l]模块
  2. exports['ekspɔ:rts]与module.exports的区别
  3. 答:module.exports可以完全代替exports,并且exports只能返回对象,而module.exports可以返回数组,字符串数值类型
  4. commonjs规范与amd规范和cmd规范的区别
  5. {模块引用(require)} {模块定义(exports)} {模块标识(module)}
  6. 答:commonjs通过require同步加载依赖的其他模块,并使用module.exports导出模块,commonjs的优点是代码可以直接在nodejs中使用,并且npm发布的很多第三方包都使用他,缺点这样的代码是不能直接运行在浏览器中的,必须通过工具转换成es5语法。<br /> <br /> AMD规范 (require.js) 表示依赖前置与commonjs的不同是它采用异步方式加载依赖模块<br /> define('module',['dep'],function(dep){<br /> return exports;<br /> },<br /> require(['module'],function(module){})<br /> 优点可以异步加载依赖,而且允许并行异步加载多个依赖,代码不需要转换就可以在浏览器和node中执行。<br /> <br /> CMD规范,依赖就近 (seajs)<br /> define(function(require, exports, module) { <br /> var a = require('./a') <br /> a.doSomething() <br /> // 此处略去 100 行 <br /> var b = require('./b') // 依赖可以就近书写 <br /> b.doSomething() // ... <br /> })<br /> 缺点是JavaScript环境没有原生的支持要先导入对应的库才可以使用
  7. antd,elementUI,echarts
  8. TS(typeSctipt)
  9. react,react-dom,react-route,react-redux,redux,sagas,reduxsauce,redux-saga,redux-logger
  10. react-dnd,react-dnd-html5-backend 拖拽,放下
  11. vue,vuex,nuxt(ssr)

fetch[fetch],axios

  1. event-emitter // 自定义事件<br /> query<br /> lodash<br /> editor-json-parser // JSON解析器<br /> react-copy-to-clipboard // react 提供复制到剪切板的功能<br /> moment处理时间<br /> seamless-immutable // 不可变的JS数据结构与普通数组和对象向后兼容。<br /> react-codemirror2 // 受控组件与非受控组件<br /> butterflies.2x 小蝴蝶,画图插件,连线
  2. 前端框架能力<br /> react源码,vue源码,jquery源码...等等<br /> 底层原理<br /> 前端工程化的能力<br /> webpack4gulp<br /> vue-cli,<br /> react-create-app<br /> npm 发布公共组件<br /> 使用脚手架,或者自己制造脚手架,依赖node脚手架的优化<br /> 对代码的统一管理,js代码拆分合并,压缩,加指纹,css预处理,lasssassscsscss压缩,<br /> 图片合并,font优化<br /> 服务化,微服务话,提供体量较小的模块,开发维护成本的降低<br /> 多页面<br /> 单页面<br /> 脚手架发布链路,性能优化,监控(性能优化的数据监控,线上异常的数据监控)<br /> 规范<br /> ESLint<br /> 前端优化<br /> 代码优化,时间复杂度,空间复杂度

会只是一部分,要花精力去研究

有没有写过webpack的加载器

构建node项目