H5/web前端工程简历中的项目经验
有不少前端工程师,在写简历时就发愁。简历中的项目怎么写,怎么描述。觉得自己虽然工作了好几年,做过许多项目,但是觉得都没做什么高大上的事情,自然就觉得没啥可写的。或者觉得做的事情都一样,写来写去都那几样。
一、第一种项目风格
项目:腾讯管家前端动画
作品描述:该项目将一个完整flash剧情动画还原成一个由JS+CSS3实现的前端动画。
链接:https://dxb123456.github.io/tengxun/
**实现技术:**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.使用阿里矢量图标库。
技术要求:
运用HTML5语义化标签+CSS3新特性进行页面布局,实现页面的动态效果,提高代码的清 晰度和代码质量,将页面体现的更加丰满,代码更健壮。
运用vue.js开发,采用前后端分离开发模式。
运用vue.js中的指令和服务与后台接口对接,进行数据交互,进行页面渲染,实现功能 模块的判断。
使用JavaScript实现某些功能的逻辑处理和某些页面的动态效果。
项目测试阶段可以自己用node连接数据库进行接口对接和数据渲染模拟,测试功能模块 是否完善,逻辑处理是否正确。
运用swiper框架进行部分页面的设计。
运用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.合理使用钩子函数,实现数据的监听、渲染页面、页面节点的实例化功能。
您在面试?需要面试题可以微信查看面试题
H5/web前端工程简历中的项目经验相关推荐
- oa项目经验描述_(完整版)简历中的项目经验范文
公司性质: 民营企业 所属行业: 计算机 / 互联网 / 通信 / 电子 担任职位: java 程序员 工作描述: OA 自动化办公系统 : 软件环境: Apache Tomcat 5.0/MySQL ...
- java工程师项目经验_最新JAVA工程师个人简历中的项目经验范文.doc
最新JAVA工程师个人简历中的项目经验范文 there? After ignition, combustion should focus its attention on what? Reducing ...
- java后端简历项目经历_从面试官甄别项目经验的角度,说说如何在简历中写项目经验(Java后端方向)...
在大多的JD(职位介绍)里,会写明该职位需要xx时间的相关经验,换句话说就是需要在简历中看到一定年限的相关商业项目经验,否则估计连面试的机会都没. 在本文里,不讨论这种门槛是否合理,而会以Java相关 ...
- 英文简历中关于项目经验的一些有用的例子
这是从简历库中找出来的一些关于项目经验方面的材料,都是经过美国人修改过的,应该没有语法错误,希望能对求职写简历的人有所帮助. CLIENT: Major Healthcare and Technolo ...
- JAVA工程师个人简历中的项目经验范文
国产中间件参考实现及平台 软件环境: j2ee 硬件环境: x86 开发工具: Java 项目描述: 核高基重大专项课题该课题旨在建立国产中间件标准体系,进而在该标准体系指导下构建国产中间件参考实现与 ...
- Java后端简历中的项目经验,斩获offer
正文 在实际的工作项目中, 缓存成为高并发.高性能架构的关键组件 ,那么Redis为什么可以作为缓存使用呢?首先可以作为缓存的两个主要特征: 在分层系统中处于内存/CPU具有访问性能良好, 缓存数据饱 ...
- 如果在简历中描述项目
转载地址:http://www.xdaiz.com/post/20090601839.html 许多学习软件开发的学员不知道如何在个人简历中如何填写"项目经验"或"项目描 ...
- web前端不好找工作之web前端面试简历补救篇
web前端面试简历算是第一张脸,给HR/CTO的第一印象,弄好啦,就有面试的机会!? 关于前端面试简历简单的介绍几点吧. 1.关于简历如何写.首先可以去招聘网站上面看看.那么可以看哪些呢.比如在拉钩上 ...
- 2018web前端不好找工作之web前端面试简历补救篇
web前端面试简历算是第一张脸,给HR/CTO的第一印象,弄好啦,就有面试的机会!? 关于前端面试简历简单的介绍几点吧. 1.关于简历如何写.首先可以去招聘网站上面看看.那么可以看哪些呢.比如在拉钩上 ...
- Web前端,CSS中盒子模型的组成,了解掌握盒子模型的边框、内边距、外边距
前言 持续总结输出中,今天分享的是Web前端,CSS中盒子模型的组成,了解掌握盒子模型的边框.内边距.外边距 1.盒子模型的介绍 盒子的概念 页面中的每一个标签,都可看做是一个 "盒子&qu ...
最新文章
- 腾讯云yum操作实现CentOS 7.6 64位Linux系统图形界面的安装和vnc的搭建
- Caffe傻瓜系列(4):其它常用层及参数
- asp.net控件的Hyperlink控件
- 利用EnableQ服务政府民意调查
- 轻量级cad绘图工具FoxCAD for mac
- N-Queen Problem
- Blue Coat 2.8亿美元收购云安全创业企业Elastica
- Ubuntu 编译XCB源码
- 【JZOJ B组】【NOIP2013模拟】Heaven Cow与God Bull
- 上海驾驶证满6年换证
- eff java_EFF要求大学不要出售给专利巨魔
- PopupWindow需要设置边距
- 基于SVD算法的电影推荐系统实验
- 湖仓一体:从零开始搭建数据仓库
- 最新IOS xcode12真机调试步骤
- mysql保留小数点后一位 进位处理_请问EXCEL保留小数点后一位时是如何修约的?
- ctf练习之闯关游戏
- CAS . . . .
- 新年促销扎堆,8个邮件营销方法打动你的客户
- python身份证验证系统_利用Python制作全国身份证号验证及查询系统!就问你吊不吊!...
热门文章
- Poker2的Programmer Dvorak解决方案
- JS 常见的 6 种继承方式
- Php处理输入法表情,php开发中手机输入法自带的表情、emoji表情、微信表情不显示问题,以及过虑emoji表情方法!...
- 阿里云推送证书验证失败
- 轻量级网络——ShuffleNetV2
- 调用远程摄像头进行人脸识别_【论文精选】基于人脸识别技术的燃气远程开户系统...
- linux u盘读取速度,[操作系统]linux dd命令测试U盘读写速度
- QT样式表设置 之 QComboBox下拉框样式
- 二叉查找树与平衡二叉树
- jvm垃圾回收机制(GC)