如何写H5web前端⼯程简历中的项⽬经验
版权声明：本⽂为博主原创⽂章，未经博主允许不得转载。 blog.csdn/baidu_37107022/article/details/78011781
有不少前端⼯程师，在写简历时就发愁。简历中的项⽬怎么写，怎么描述。觉得⾃⼰虽然⼯作了好⼏年，做过许多项⽬，但是觉得都没做什么⾼⼤上的事情，⾃然就觉得没啥可写的。或者觉得做的事情都⼀样，写来写去都那⼏样。
这⾥我献丑，贡献⼏个项⽬经验写法的⼩实例！
⼀、第⼀种项⽬风格
timeout on t2 timer项⽬：腾讯管家前端动画
作品描述：该项⽬将⼀个完整flash剧情动画还原成⼀个由JS+CSS3实现的前端动画。
实现技术：CSS+HTML+JS+H5+CSS3+jqury；
项⽬难点：
1.定时器的清除
部分动画效果需要js⾃动⽣成，时间的控制使⽤了timeout和innertal，其中timerout包含了innertal，点击事件和定时器不在同⼀个js⽂件中，快速来回点击的时候，定时器清除不起作⽤。
解决⽅案：将该li对应页的所有定时器绑定在该li⾝上，每次点击的时候清除timeout和innertal。
2.带阴影折线运动处理
对于倾斜的div通过js改变其⾼度，并且按照数学逻辑改变top和left值的情况下，div在运动时候会出现偏移，和抖动。
解决⽅案：给div⼀个运动基准点，这样div在运动的时候就⽆需改变top和left值，只需要改变宽度或⾼度即可。
3.抛物线的运动
css中两个点运动都是直线运动。
解决⽅案：给初始点⼀个旋转⾓度，这样看起来就有抛物线的感觉。
4.遮罩层处理
在多层级的html渲染中，中间图层的遮罩效果⽆法实现。
解决⽅案：遮罩层可以在最底层使⽤，但是中间层级的遮罩效果需要对图⽚进⾏处理，改成png图⽚，再进⾏css操作。
5.卡顿的处理
在Firefox和ie中，⼩图标的缓慢移动效果会出现卡顿。
解决⽅案：给运动时间的时候，判断如果不是chrome浏览器，减⼩运动时间。
6.性能的优化
图⽚的使⽤让动画加载的速度变慢，影响⽤户体验。
解决⽅案：对部分能使⽤div代替的图⽚采⽤div⽣成，对代码，图⽚进⾏深度压缩上传等。
⼆、第⼆种项⽬风格
项⽬⼀：奕赏
项⽬描述：本项⽬是⼀款⼿机端APP，采⽤vue框架构建，其中涉及swiper触控滑动模块，slide⼦页之间采⽤了懒加载技术保证⽤户体验，iscroll上拉加载下拉刷新模块，购物车模块与登录注册模块均采⽤了本地存储技术。
岗位职责：主要负责页⾯的布局和数据渲染，并且配合APP完成页⾯的嵌套。
项⽬架构：
1.使⽤vue框架，以及vue-router构建单页⾯应⽤。
2.项⽬采⽤vuex处理各组件间的通讯，vue-resource处理请求，使⽤mint-ui组件库中部分功能进⾏快速开发，通过vue-cli 快速搭建开发环境。
3.采⽤⼿机淘宝适配⽅案。
4.使⽤阿⾥⽮量图标库。
技术要求：
1. 运⽤HTML5语义化标签+CSS3新特性进⾏页⾯布局，实现页⾯的动态效果，提⾼代码的清 晰度和代码质量，将页⾯体现的更加丰满，代码
更健壮。
2. 运⽤vue.js开发，采⽤前后端分离开发模式。
3. 运⽤vue.js中的指令和服务与后台接⼝对接，进⾏数据交互，进⾏页⾯渲染，实现功能 模块的判断。
4. 使⽤JavaScript实现某些功能的逻辑处理和某些页⾯的动态效果。
5. 项⽬测试阶段可以⾃⼰⽤node连接数据库进⾏接⼝对接和数据渲染模拟，测试功能模块 是否完善，逻辑处理是否正确。
6. 运⽤swiper框架进⾏部分页⾯的设计。
7. 运⽤sass进⾏代码的编写，运⽤gulp进⾏代码的整理和压缩。
项⽬⼆：省钱⽇报
项⽬描述：本项⽬是⼀个促销商品推荐⽹站的移动APP，使⽤vue+webpack构建的单页⾯应⽤，项⽬采⽤了vuex、vue-route、vue-resource以及ES6语法，采⽤组件化思想搭建整个项⽬，从⽽使组件⾼度复⽤，代码⼗分简洁。
岗位职责：主要负责项⽬页⾯的布局和数据渲染，完成与后端的接⼝对接，配合后端的对接联调，解决不同浏览器或者不同⼿机端页⾯布局错乱的问题。
项⽬架构：
1.使⽤vue框架，以及vue-router构建单页⾯应⽤。
2.使⽤vue+webpack构建项⽬环境。
3.采⽤⼿机淘宝适配⽅案。
4.使⽤阿⾥⽮量图标库。
技术要求：
1.项⽬采⽤node(express框架)+mysql来搭建后台服务器；
2.基于webpack来搭建项⽬⼯程，配置第三⽅插件；
3.使⽤vue框架，vue-router搭建项⽬路由，vuex来实现单⽂件组件和数据的抽离
4.使⽤Swiper实现⾸页banner的轮播切换，iscoll结合ajax实现上拉加载，下拉刷新
5.合理使⽤钩⼦函数，实现数据的监听、渲染页⾯、页⾯节点的实例化功能。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。