小z2016年1月1日，来成都找实习工作。然而发现啥也不会，尽管是软件工程业余的，然而用java连贯数据库都跑不起来。然而要想拿到三方证实就须要找到实习工作啊。要想找到实习工作就得通过面试，抉择什么岗位呢？前端吧，入门简略，先搞定工作再说，心里还想着当前转后端什么的。

兴高采烈的筹备好比脸还洁净的简历一波海投。还真收到了好几个面试邀请，一面试

  • 怎么样实现程度垂直居中？
  • 怎么实现等比1：2的图片展现？
  • 分明浮动有哪些办法？
  • css有哪些选择器，权重是多少？
  • 什么是内联元素，块元素？
  • 什么是盒模型？
  • 怎么用js创立dom并且挂在指定id的标签上？
  • 什么是ajax？
  • em和px的区别
  • 什么是事件委托？
  • 怎么实现动画成果？（那时候还没css3，都是jquery）

高级问题很简略，然而对于过后的我来说一脸懵逼。出了门备受打击，然而我很快的恢复过来，从新进去找到面试官，要了那套面试题，而后回到出租屋外面，一个一个的百度。很多问题的答案我过后看了也是只知其一;不知其二，然而我都背下了。而且又从新找了相似的问题又看了一遍，而后又信念满满的去加入另一次面试。下面的过程我经验了n次，都没通过，快过春节了，我还是像上班族一样的工夫回家，不过工作还没落实下来，时时刻刻惴惴不安。


年后又回到成都，持续年前的投简历、面试、记录问题、回来针对性的学习、投简历。终于在2016年3月17我面试通过连击科技，整个过程很缓和，然而问题的确答复得很轻松，有几个没答上来的面试官当场就通知我答案了，实习薪资转正薪资都不高，然而面试官的行为让我感觉是个能够学习的机会，3月21日我入职LIANJI科技（我心田感觉这公司叫“练级科技”）。开启了整整一年多的纯html+css修炼历程，简直没碰js相干的内容。长达1年多的纯css，游刃有余，我能够像素级别还原任何设计图，正当组织css可复用块儿，业务强相干的css块儿拆散治理互不抵触，造成一个合乎过后业务的reset.css base.css common.css business.css。然而我没放弃任何一个向共事求教jQuery，js方面的内容的机会，我的项目中遇到交互场景我会把html+css写完，而后cope一份开始写js交互，上班的后，找到其中一个后端求教这些问题，怎么动态创建DOM，怎么解决Ajax接口数据返回，怎么写拖拽表格，正则校验金额，js管制弹窗。偶然讲讲编程心得，不过过后他们聊的货色都更加偏向于利用实战，很多货色他们能够做进去也不肯定能讲明确，就算讲了也不肯定讲到实质原理，然而我的确是通过他们js正式入门的。linwen的一句话感悟很深

编程就是数据的增删查改

尽管这话，当初看来不齐全对，然而这话让我从新思考js的问题，所谓的动画，dom，各项操作，其实都是拿到不同的数据（dom，data，json），而后对这些数据进行操作。

前面第二年的时候，我的各项技能非常纯熟，解决工作非常轻松了，设计师坐我旁边，他绘图，微信的流动页面，微信的其余H5性能，他一边绘图，我一边写html+css，基本上他画完，我也就写完了。而后拿到psd文件吸管取色，切图标，替换就能够转交给后端共事了。这段时间幸福感挺高，尽管工资不高，然而会有残余，工夫比拟多，我基本上吃遍成都我看到的想吃的货色，遇到喜爱的还会多吃几次，想去玩儿的中央也没落下，不论多远。

2017年年后，老板给了我一个半成品我的项目，vue开发的，我素来没接触过，而后就开始学，我也缓缓一步一步摸索将这个我的项目做进去了，然而我不会公布，而后端共事也不晓得怎么打包上线，而后咱们就从新按以前mvc模式写了一套。然而过后我意识到这个vue是一个趋势，把握这个框架能够拿到更高的offer，而后我就开始写学习vue框架，都只做些小组件，我过后照着有道云笔记app的样子，用vue做进去了一套没有数据的动态组件，而且还照猫画虎的把交互都做了很真切以至于前面面试“YF网络”的时候面试官认为我是用哪个第三方库，但我说我还不会应用第三方库，这个是纯手写的，而后间接面试通过。

坐标成都，1-3年的工程师能封装vue组件找个工作不算太难

面试过程中“YF网络”对我最大的吸引是他们将做的我的项目应用vue框架，我正好短少这方面的我的项目教训。薪资仍然不高，比以前略微多1k，然而我确信跟着把一个我的项目做下来我的技术水平会有一个大飞跃。试用期我就到一个考验，一来就是vuex做一个视频，回放，切换播放工夫的一个我的项目。压力很大，我vue用得都不太熟，vuex更感觉无比艰巨。那几个星期我LOL都没打了，无论做什么事件都在想着vuex和视频怎么分割起来的问题，我很多时候都在看vuex的文档，然而还不太会看文档，然而我就一遍一遍的看，看了很多遍，也没太看懂，有一些概念，然而没法实操。技术总监始终说那个不难，当初我看来那也不难，然而过后就是不会，我在想会不会被fire，因为我第一次找工作时候的确经验过很长时间的煎熬，这一关如果没法冲破的话可能当前都只会找更没有机会的工作，而且还不肯定能找失去。好在那个视频我的项目是个半成品，外面自身就有一些vuex的内容，const.js actions.js state.js getters.js mutations.js mapGetters mapMutations,一堆货色应接不暇。有一次照猫画虎，实现了全局定义视频url，action中获取视频，抉择不同精彩回放的图片块儿时候传不同的工夫参数范畴申请同一个视频的不同播放点。当初看来思路还算清晰，但过后做这个时候做完我都不晓得怎么实现的。就这样我胜利提前转正，开始从零做另一个大型项目。从头开始，每一个环节都有参加，技术教训的确晋升很快，而且我以前写HTML+CSS很留神合理性和可读性的优良习惯很快帮我更好的去封装整个团队都依赖的根底业务组件，一个我的项目下来封装40多个业务组件。而且都是常常用到的，过程中我对vue的应用更加纯熟了。而且本人尝试了nodejs，express，对打包部署方面也能够独立解决。反而vuex在这我的项目中没怎么用到，我也没持续学习。业务须要我误打误撞实现了单点登录，但过后我不晓得这个名词，多个零碎，同一套token验证体系，一个零碎登录后，其余零碎能够间接拜访无需登录。

治理后台鉴权

  • 路由配置权限meta
  • 路由拦挡（跳转）
  • axios拦截器
  • 局部按钮联合vuex计算是否显示

单点登录

  • 业务零碎B拜访如果token过期会先询问核心零碎，拿到token跳转业务零碎B
  • 核心零碎如果未登录会先拜访业务零碎B获取localstorage token，返回核心零碎
  • 如果核心零碎登录失败，则标记不再跳转，返回核心零碎登陆界面

组件封装心得

  • 一个组件代码量过大（200行，400行，看团队状况）思考拆小
  • 一个组件在2个或以上中央应用到，须要提取成组件

  • 思考参数和参数类型以及返回事件

    • 预设初始值
    • 组件可选值
    • emit change
    • 表单组件思考实现modal
  • 一个组件蕴含多个字段
  • 自定义组件相似于外面有多个值的表单怎么进行校验
  • 业务模块中组合的子组件过多或者呈现嵌套思考上vuex，对立数据源，小心对象getter值批改