?烂好人

web前端
深圳市点为科技有限公司 · 2年经验
?烂好人
日薪: ¥500/8h
地点: 深圳 罗湖
时间: 下班后周六周日可工作日远程
ID:151851 复制

0
接单数
0
评价数
0
收藏数

AI 技能提取 | JavaScript 敏捷开发 HTML5 CSS3 HTML CSS jQuery Ajax Git SVN React HTTP Node.js
熟悉AngularJs、vueJS、React等主流MVC、MVVM框架;
掌握localStorage、sessionStorage等前端存储方案,记录用户操作习惯或常用数据,从而降低HTTP请求,提升用户体验;
掌握JSONP和CORS等跨域解决方案;
熟练使用SVN、git版本控制工具,进行代码管理,实现敏捷开发;
熟练使用Bootstarp框架,通过栅格系统快速布局响应式页面以适应不同设备;
熟练使用Ajax,实现异步页面无刷新抽取数据,同步校验数据;
熟练使用jQuery框架,实现页面的交互效果,提高用户体验;
熟练使用HTML5和CSS3,实现应用一站式跨屏(PC端与移动端)开发;
熟练使用HTML、CSS、JavaScript等前端技术,完成网页静态布局,开发兼容主流浏览器的页面,以及实现页面的交互,提升用户体验;
了解node.js,利用其搭建简单的服务器。

项目:腾讯管家前端动画
作品描述:该项目将一个完整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生成,对代码,图片进行深度压缩上传等。
---------------------
作者:Java仗剑走天涯
来源:CSDN
原文:https://blog.csdn.net/baidu_37107022/article/details/78011781
版权声明:本文为博主原创文章,转载请附上博文链接!
?烂好人 ID:151851 复制

?烂好人

web前端 · 2年经验 · 深圳市点为科技有限公司
城市深圳 罗湖 日薪500元/8h 时间 下班后周六周日可工作日远程
0
累计接单
0
用户评价
0
被收藏

信用行为

0
接单数
0
评价数
0
收藏数

技术能力

AI 技能提取 | JavaScript 敏捷开发 HTML5 CSS3 HTML CSS jQuery Ajax Git SVN React HTTP Node.js
熟悉AngularJs、vueJS、React等主流MVC、MVVM框架;
掌握localStorage、sessionStorage等前端存储方案,记录用户操作习惯或常用数据,从而降低HTTP请求,提升用户体验;
掌握JSONP和CORS等跨域解决方案;
熟练使用SVN、git版本控制工具,进行代码管理,实现敏捷开发;
熟练使用Bootstarp框架,通过栅格系统快速布局响应式页面以适应不同设备;
熟练使用Ajax,实现异步页面无刷新抽取数据,同步校验数据;
熟练使用jQuery框架,实现页面的交互效果,提高用户体验;
熟练使用HTML5和CSS3,实现应用一站式跨屏(PC端与移动端)开发;
熟练使用HTML、CSS、JavaScript等前端技术,完成网页静态布局,开发兼容主流浏览器的页面,以及实现页面的交互,提升用户体验;
了解node.js,利用其搭建简单的服务器。

项目经验

项目:腾讯管家前端动画
作品描述:该项目将一个完整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生成,对代码,图片进行深度压缩上传等。
---------------------
作者:Java仗剑走天涯
来源:CSDN
原文:https://blog.csdn.net/baidu_37107022/article/details/78011781
版权声明:本文为博主原创文章,转载请附上博文链接!
客服二维码

没找到合适的人才?

扫码添加客服极速匹配,或直接发布需求让更多人才主动报名

平台担保交易 · 1小时内不满意可退款

平台信誉与实力

基于 35,336 需求方信任

  • ✓ 支付宝企业信用分 优秀 评级
  • ✓ 市场份额约占全行业三分之一
  • ✓ 程序员兼职行业全能首选平台
查看平台资质详情
收藏