个人信息
- 刘斯奥/男/1993
- 专科/信阳职业技术学院信息工程系
- 工作年限：2年
- Github：https://github.com/monkey65535
- 期望职位：web前端工程师
- 在职
联系方式
- 手机：15910327511 (北京)
- Email：466311467@qq.com
- QQ：466311467
掌握技能：
- 熟练掌握HTML和CSS，可以快速高效的进行开发，写出具有语义化的代码，熟知W3C标准，可以很好的还原设计图并且兼容各大主流的浏览器。
- 掌握ECMAScript5、DOM、BOM等，掌握常用的AJAX、jsonp等前后端交互技术，熟悉面向对象**。
- 熟悉前端开发常用的库，如jQuery、zepto等，实现项目中用到的交互和效果以及常用插件的编写。
- sass爱好者
- 熟悉移动端的移动适配问题，也熟悉移动端一些常见的bug以及解决处理方案。
- 熟练使用markdown书写文档，熟悉github。
- 熟悉版本控制工具（git,svn）、前端自动化构建工具（gulp）,了解webpack
- 了解Vue.js，了解EcmaScript6
工作经历
北京泰和志新软件有限公司(2016/09 – 至今)
- 负责参与产品讨论，与PM沟通产品的详细逻辑
- 根据UI输出的设计稿进行页面的实现，并对各版本浏览器实现兼容（ie9以上），并实现动画交互效果
- 负责前后端的数据交互
- 使用HTML5、CSS3、JS实现前端交互，实现页面效果
- 负责公司业务常用的js组件开发
公司网站地址：http://www.whui360.com/index.php
北京冰枫天下科技有限公司（2014.06 - 2016.06）
职责描述：
- 根据UI输出的设计稿进行页面的实现，并对各版本浏览器实现兼容（ie8以上），并实现动画交互效果
- 负责前后端的数据交互。
- 负责公司业务常用的js组件开发。
公司网站：http://www.abab.com/
项目经验
姻缘天使微信公众号开发
- 项目前端css框架基于阿里开源项目：sui-mobile做基础，快速，高标准的实现了设计稿的还原
- 由于项目自身需求，不能使用平常的省市区三级连动，基于后端数据独立开发了四级联动组件，后台添加省市县乡四级，在前端进行展示。为了防止对服务器压力过大，使用了session storage做本地数据存储，这样在每次打开网站就只需要一次请求即可。
- 基于高德地图开放接口实现地理位置定位
- 为了保证页面的加载速度，页面首次打开时为服务端渲染，而后续的搜索之类的行为，使用ajax请求和端数据，然后使用artTemplate渲染实现。
- 基于ajax实现了图片上传，最初打算使用form表单，然后TP实现上传类，后来由于需求变更，独立实现基于HTML5的file元素和formData的ajax文件上传。
线上地址：微信公众号搜索 爱心姻缘天使
mobtop后台
- 项目为公司商城系统的后台，目前正在进行第二期开发，一期开发已经上线，公司产品已经开始基于该后台进行开发。我主要负责的模块为商城管理，优惠券管理和积分管理。
- 由于后台开发内容较多，大量JS需要多次调用，于是独立封装了一些业务常用插件
- 商城管理中，使用ajax完成了大量与后端的数据交互，对数据做了大量的处理，独立实现了一些常用的数据处理函数.
- 商城详情，设置商品属性，由于多层规格组织数据量过大（翻倍增张），经过调研同行业网站讨论决定生成商品规格为最多4层。在生成的过程中遇到了一些问题，比如如何点击对应规格生成对应行数的表单，我的解决办法是：首先遍历一次被选中的每一层规格，组成一个二维数组，然后使用实现一个递归函数，判断是否有下一个数组，如果有的话那么就对数据进行处理，返回一个处理完成的对象，对象结构为数组-对象，其中商品id为拼接id，为了保证对表单修改的时候数据依然保存，需要将最后处理完成的对象替换ajax的返回json在对表单进行渲染。
线上地址：http://www.mobtop.com.cn/
微汇商城（公司商城，正在开发中）
- 项目前端css框架基于阿里开源项目：sui-mobile做基础，快速，高标准的实现了设计稿的还原
- 独立封装一些常用的业务组件
- 负责与后端的数据交互，实现常用的业务逻辑
项目公众号：魔派软件
ABAB小游戏重构
网站链接：ABAB小游戏
- 与产品讨论页面的原型及交互设计
- 独立完成整站改版的GUI设计
- 实现首页，列表页，详情页的静态页面及页面交互效果的编写
- 使用HTML5、CSS3、JS实现前端交互，实现动态静态图
- 负责与设计人员和后台开发人员的协同配合，参与并完成项目所需前端开发
- 确保所有web网页能支持指定的浏览器
- 使用gulp构建前端自动化开发
个人项目
ToDoList
基于原生JS的升级版TodoMvc
- 使用原生js对功能进行实现,没有使用任何类库和框架
- 一个简单的个人任务管理工具 页面中所有内容使用数据进行渲染。
- 主要功能：左侧分类展示，添加，修改，右侧任务列表的展示添加修改，左右数据相关联，这是一个原生JS实现的升级版的todoMVC
项目源码：https://github.com/monkey65535/todoList
项目展示：https://monkey65535.github.io/todoList/
designeat
基于原生JS实现的一个国外的全屏展示页面
- 本项目是自己平时写的小demo，里面的动画大多是CSS3实现，大量的使用transform、transition、animation等，也是对自己学习CSS3的一个锻炼。（因为只做了webkit内核的兼容，所以建议采用webkit内核的浏览器查看）。
- 本项目中自己封装了一些方便项目开发的方法，项目中也使用了视觉差的效果，增加页面的活泼性，可以给访客一种不死板无聊的感受。
源代码：https://github.com/monkey65535/fullpage
预览：https://monkey65535.github.io/fullpage/
基于Vue实现的一个留言板
- 该项目为Vue.js的学习Demo
- 数据渲染：本页面所有的数据交互信息，数据全是从php文件中请求，动态添加到页面中。使用vue的template的动态绑定和插值，使得页面结构简单易懂
- 封装了时间转换filter，对Vue的filter有了更深的了解（在Vue2.0中取消了内置filter，所有的filter必须自己封装。）
- 作为对比，在之前曾经使用原生JS实现过这个demo,并独立对ajax进行了封装
源码地址（Vue版）：https://github.com/monkey65535/VUE_learning/tree/master/weibo
源码地址（原生JS版）：https://github.com/monkey65535/AJAX-demo
Vue-sell（慕课网Vue.js实战，高仿饿了么外卖）
- 基于Vue.js全家桶，ES6，webpack，scss实现的一个高仿饿了么外面商品页，目前正在使用Vue1.0实现中，完成之后使用Vue2.0重写。
源码地址（Vue版）：https://github.com/monkey65535/Vue-sell
自我评价
- 本人性格开朗、善于与他人沟通交流，有良好的团队意识和团队协作能力、责任感强、工作认真负责
- 具有较强的学习能力和分析能力，对新事物始终饱有探索的精神，喜欢不断学习新知识、洞察能力强
- 对WEB技术发展有强烈兴趣，学习、探索能力强
- 逻辑思维强，善于团队沟通合作，喜欢追求极致，注重研究底层原理
- 有较强的学习适应能力，新知识新软件能通过自学掌握
致谢
感谢您花时间阅读我的简历，期待能有机会和您共事。