寻求web前端工程师职位

姓名：刘建阳
tel:15210438591
所在位置：北京
blog:http://findmoon.github.io/
github:https://github.com/findmoon/mywork

个人作品

音乐播放器

基本功能：
0、增加换肤功能，使用两套css样式，点击按钮加载不同样式，cookie判断用户上次选择的皮肤，有效期10天
1、可在手持设备上使用，增加对手持设备的判断
2、歌曲、歌词和频道列表的获取和展示，自动播放，单曲循环、随机播放，获取频道歌曲
3、页面的展现和拖拽功能
4、歌词随着时间的自动播放
5、进度条的滑动、跳进
6、音量的调节
首页全屏

基本实现：
1、html/body宽高100%，页面全屏使用宽高100%实现,内部水平垂直居中
2、a标签的hover效果，class区别不同样式
3、ul>li标签使用float浮动并清除浮动，调整大小宽度使在一列平均分布
4、background-img的引入、位置摆放和显示方式
5、字体图标库的引入和使用
综合性网页

基本实现：
1、导航条的固定定位的实现
2、自定义字体和font-awesome字体图标的引入
3、绝对定位、相对定位的使用，文本的对齐方式
4、ul>li标签使用float浮动并清除浮动，设置大小并调整位置，实现两列三列的平均排列
5、表单元素的使用和大小设置
懒加载图片及回到顶部

基本实现：
1、懒加载是在同一个页面加载多张图片时，为了节省网络资源和用户体验将图片地址放置在元素自定义的属性当中，当页面需要图片的呈现时在加载图片的一种方法。
2、元素出现在可视区域中需要加载图片时，再执行加载操作
3、设置标志位，已经加载的图片无须再次加载。
4、goTop功能实现了封装，动态创建回到顶部的按钮，当页面滚动超过一定距离时，按钮出现
全屏轮播及多个轮播

基本实现：
1、页面全屏显示,或放置到一个元素容器中，使其值呈现一张图片
2、轮播的元素水平排列，采用向前向后移动的方式实现前后轮播，每次移动一个图片宽度，设置移动的过渡时间。
3、使用jQuery的animate动画实现效果
4、响应和性能考虑，使用懒加载的方式。
5、setInterval实现自动轮播。
ajax获取数据

基本实现：
1、定义好接口和路由，需要传递和接受的参数是什么
2、ajax请求的实现，设置好数据格式及传递的方式(get/post)
3、根据所要实现的功能设置请求成功或失败后的处理函数.
4、设置请求的状态锁，防止重复请求.
五子棋

基本实现：
1、使用canvas画布绘制棋盘，16*16
2、使用js实现逻辑功能，穷举并记录全部的赢法
3、落子功能的实现，每点击一次绘制一个圆并设置渐变，表示旗子，计算距离在交叉点上绘制
4、计算机落子遍历没有赢法，根据连子数量的不同设置权重，防止最接近赢的情况出现。
5、当出现五子连在一块时，弹出提示
照片模糊显示

基本实现：
1、制作照片模糊的效果，按钮和键盘空格控制重置模糊与显示。
2、通过绘制两张相同图片的方式，第一张完全加载设置模糊效果，第二张使用canvas绘制清晰图片
3、canvas里面img和原图位置大小不变，通过绘制圆将清晰图片展示在里面，半径扩大逐步绘制半径更大的圆
4、重置清空原来的绘制，重新绘制一个随机的小圆。
5、不同设备大小做一个简单适配
stickup小插件

基本实现：
1、使用jQuery制作插件的方法$.fn=function(){…};return this支持链式调用
2、stickup的原理是导航条置顶，使用固定定位或取消固定定位
3、防止设置fixed后，元素脱离文档流导致页面错乱。复制一份完全相同的导航条占位，透明度为0
4、利用离开和贴合窗口，并设置标志位，判断是否stick
tab切换页面及添加元素

基本实现：
1、tab切换卡的实现，及多个切换卡的实现，防止混乱
2、获取数据并添加到页面渲染的实现
3、jQuery事件代理的使用
4、样式居中、浮动、效果的实现
瀑布流效果

基本实现：
1、使用jsonp的方式，访问新浪新闻的数据接口
2、设置好容器的大小，里面图片文字的样式
3、通过判断图片是否呈现在窗口中，判断是否加载，节省资源
4、ajax获取数据，并将数据拼装成dom元素放在图片容器中
5、使用jQuery的Deffred的方法，确保图片下载完后摆放图片位置
6、通过将dom不断放入最低一列，实现瀑布流的摆放
更多...

查看github链接：
https://github.com/findmoon/mywork
更多实现整理中···

HTML&CSS

精通ML(5)/css(3)
深刻理解和掌握浮动、定位、盒模型、BFC等css核心概念
熟练使用Git、Sublime、autom、IDEA等前端工具
精通常见布局方式，双飞翼、圣杯布局等
对代码可读性、规范性、语义化有一定认识，对CSS兼容有一定经验，能熟练开发符合W3C规范的常见页面
javaScript

掌握和精通原生Javascript的使用
掌握事件模型、DOM操作、Ajax、Jsonp、跨域、闭包、原型链、继承等相关概念的原理和使用方法
能使用原生js封装通用函数库
实现诸如轮播、Tab切换卡、懒加载、Dialog、表单验证、Ajax等常见效果
jQuery

精通jQuery的使用，熟练使用jQuery开发常见页面的效果，能将常见效果封装成jQuery插件
对同源策略，跨域，jsonp的原理有一定的掌握
使用jquery制作轮播/回到顶部/stickup/瀑布流/拖拽等功能模块化
熟练各种常见Dom操作，运用jQuery实现各种动画
orthers

对设计模式、编写可复用代码方面有一定经验，可对一般常见效果实现组件化封装
对前端工程化、模块化有一定认识，能使用RequirJS实现模块化开发,了解CMD、AMD、CommonJS 规范
对前端性能优化有相关经验
熟悉互联网产品流程、前端开发流程、前后端协同开发流程
对AngularJs、less、sass、node等有一定了解
积极热观的精神，对互联网有着浓厚兴趣，超强的自学能力，喜欢和热爱前端

善于发现，勇于探索

人生应当是充满生机的，如何去探索和面对值得我们一生去追求。
正如飞速发展的H5及相关技术给互联网浏览体验赋予了全新涵义，
人生，也要不断前进，去发现令你全新的H5！

夯实自我，不断前行

所在位置：北京,寻求web前端工程师职位
个人总结：
学习能力强，能利用文档和网络资源快速学习并投入实践
调试、定位和有效解决问题，注重代码的逻辑实现和差错纠错能力的培养
态度严谨、做事踏实，遵从编码规范，体现W3C标准和语义化
对前端开发充满热忱和积极态度，乐于接受和钻研新技术