技术栈：bootstrap+fullpage+jquery+H5C3 项目周期：2017/03 -- 2017/05 项目场景：用绚丽的页面展示企业的产品和介绍 项目过程： 1.bootstrap实现开发室响应式布局，然后因为有less预处理，所以开发效率也快 2.使用fullpage实现全屏滚动，其中穿插stellar实现视差滚动背景 3.H5C3动画使得页面生动有趣，其中在使用动画时候遇到很多有趣的问题，比如两屏直接的动画衔接，对数学能力是个极大的考研哈哈。还有在时间对接方面也得细心去计划 4.图标上添加很多的细节和花哨的效果,使用位图比较合适。如果没有，建议使用矢量图。对于位图，使用的是jpg、png或gif格式的图像，而对于矢量图，最好的选择是SVG或图标字体。每个都有对应的优势和缺点。但是图片的大小也需要重视——网页上的图片必须经过优化。另一个方面，矢量图通常比较小，但是一些旧版的浏览器支持不是很好。此外，如果有很多曲线的话，它也可能会比位图要重。 5.另外想要让网页更酷，得和ui沟通好，文字方面以图片形式为主，虽然同时带来的影响是加载变慢，这个时候也就尽可能用base64来优化下。 6.整个建设是按照优雅降级思想来完成的，以最完善的功能为主，将低版本浏览器其次考虑 提升：想让网页很绚丽很酷，前端得有一定的审美观和创意点，另外得和ui取得很好的沟通，所以在工作中，和同事沟通配合是相当重要的

技术栈：Vue+Vue-router+Vuex+Element-ui+webpack+less 项目周期：2018/08- 2018/12 项目场景：该平台为移动应用管理核心APP模块。能够实现移动应用的高效分发、更新等管理，并对设备中已安装应用进行安全监控 项目过程： 这个项目我负责的部分是25个功能模块中8个功能模块共计30个页面的开发、以及第一版完成后的300个BUG修复和优化提升。 1.基于VUE全家桶 + Element UI开发，能够更高效的制作出流畅的页面。 2.Vue-router使用：一开始的时候，只是单纯的将一个功能页面全部写在一个路由中，后续发现在面对逻辑复杂、功能多的时候，代码会变得异常繁杂和难于管理维护。因此后续开发中，将一个页面的功能按照逻辑关系进行再一次的细分。 3.Vuex：控制台这个模块多数状态的传递都在只发生在父子组件中，但是状态变更一多，那么后期维护将是噩梦，使用Vuex则可以解决这一担忧。特别是在针对用户信息这一块，需要随时携带进页面中，直接调用vuex会更便携。 4.Element：整个开发过程用到了element UI中80%的组件，在面临特殊场景功能的时候，可以在element上进行改动，或者学习element的核心原理进行自己封装组件。 5.在优化方面，利用组件的复用、缓存处理、减少http请求、代码的优化以及图片处理来提升性能 提升：在这个项目中，因为业务逻辑复杂、功能效果特殊，因此遇到的问题十分之多。 1.在开发公共组件的时候，能够将各种各样的业务场景考虑进去； 2.对于一些数据改变，但是页面没有变化时候巧妙的使用v-if或者this.$forceupdate()可以解决问题； 3.在组件细分的时候，保持纯数据和状态数据的分离可以有效的避免逻辑上的错误； 4. 在解析后台传过来的结构复杂的数据时候，像剥洋葱一样一层一层的将数据解析。 5 对于一个项目的开发，构建是很重要的，确定好代码风格和代码规范能够有效的解决后期的更改和维护；

技术栈：Vue+Vue-router+Vuex+ivew+高德地图js + echart + vant-ui 项目周期：2019-3 -- 至今 项目场景：此功能用于服务人员收集app用户的农作物地块的遥感信息 项目过程：在此平台两年时间搭建了一个地图、图标、管理系统于一体的PC服务端。 1.对高德js api了解进一步加深，图层、覆盖物和事件系统以及可视化数据都有详细的开发 2.对于图表的使用，将echart和js结合起来形成更融洽的前端页面，满足产品需求 3.开发过许多app中嵌入的H5页面，并且和app沟通传递互换信息有了多种尝试，android和ios的桥的区别，包括两种环境中对css的兼容性区别 4.Cypress前端自动化测试框架 5.对于github上的插件修改，例如在做一个图片拖拽功能的时候，为了满足产品需求，将其源码进行了修改，使其更好的融入项目； 提升：1.此阶段，更深的进步并不是学会了多少的新知识，在而是逻辑上的改变，代码不再是冗繁复杂，业务和逻辑应该完全分开 2.善于在脑海中构建代码脉络，取得最优化 3.对于性能的提升，在地图加载数千张甚至上万个覆盖物的时候，最后的问题是如何优化性能 4.代码风格管理，同一个项目可能多个人开发，风格有区别，互相之间修改bug会是一个困难的事情，尽量让自己的代码更简洁，注释更清晰 5.Bug率最低，处女座的性格功劳