小站
  • 听音乐
  • 搜电影
  • 玩游戏
  • 个人简历

年 月

  • 日
  • 一
  • 二
  • 三
  • 四
  • 五
  • 六
  • 个人资料

    • 姓名 : 高建勋
    • 性别 : 男
    • 学历 : 本科
    • 籍贯 : 山西大同
    • 专业:电子信息工程
    • 年龄 : 25
    • 邮箱 : 281852667@qq.com
    • 电话 : 18636864465
    • 求职岗位 : 前端工程师
  • 工作技能

    扎实的原生javascript技术,对后端有一定的了解,具有良好的解决问题的能力。对前端由衷的热爱,关注前端技术的发展,进行不断的自我学习(前后台数据交互无问题)

    • 可以使用HTML和CSS快速高效的进行开发,写出具有语义化和利于SEO的代码,熟知W3C标准,可以很好的还原设计图并且兼容各大主流的浏览器。
    • 熟练掌握Javascript语言核心技术DOM、Function、闭包、Ajax、JSON,Cookie,继承,构造函数等,熟悉HTTP请求原理和面向对象思想。
    • 熟悉HTML5/CSS3前端开发技术,可以熟练的使用Canvas,Audio等,并可以很好的应用到实际项目
    • 熟练使用Less编写Css样式,熟悉各种常见的布局技术Rem,百分比,Flex布局等,可以熟练使用Bootstrap开发响式页面,熟悉Reactjs了解其设计原理,并熟练运用。
    • 能熟练使用原生javaScript或jQuery制作出页面动态效果,实现与后端数据的交互。可以手写原生Js组件和扩展jQuery插件
    • 熟悉移动端开发布局主要原理,熟悉移动端事件和pc端事件的区别,了解移动端事件的特性,点透事件,300ms延迟等。熟悉与jQuery类似的zeptojs的核心,以及插件的使用。
    • 熟悉Nodejs,了解其充分使用js语法当中非阻塞I/O,异步回调,事件轮询等重要的特性作为改语言的特点,可以手写简单的web应用,搭建静态文件服务器,使前后端实现基本的数据交互。
    • 了解Mongodb数据库,能熟练使用git版本控制工具
  • 项目经验

    基于本地数据的音乐播放器 。主要技术点:canvas,audio,javascript

    • 专辑封面图旋转:使用CSS3新特性transform配合音乐播放进度旋转
    • 音乐播放进度条:使用定时器配合audio标签属性实时更新进度条
    • 拖拽改变播放进度:使用鼠标mousedown,mousemove等封装拖拽组件配合audio的currentTime属性
    • 播放时进度条上的动画:使用HTML5新的canvas标签配合定时器实现
    • 音量调节:使用封装的拖拽组件配合audio的volume属性调节音量
    • 自定义滚动条:使用滚轮事件模拟滚动条,并且实现滚动条拖拽功能
    • 单曲重播/循环播放:使用 audio的loop属性配合条件判断实现

    基于豆瓣电影影片信息展示。主要技术点:json,jsonp,css3,javascript

    • 轮播图:使用原生js配合定时器加载静态资源实现
    • jsonp : 通过豆瓣接口请求相关数据,动态载入页面
    • 电影排序 :通过算法实现对影片的显示顺序进行分类
    • 回到顶部功能 :利用BOM滚动条的位置实现回到顶部功能
    • 固定导航条:fixed定位实现
    • 分页:根据返回的数据的数量不同动态生成页码
    • 利用html模板实现数据动态加载生成请求数据相关的页面

    贪吃蛇游戏 。主要技术点:transform,audio,javascript,dom,碰撞检测

    • 碰撞检测技术 :判断小球的位置,更新小球的长度
    • transform : 实现碰撞后的碎裂效果
    • DOM : 实时更新得分
    • 游戏失败弹窗 :自定义弹窗组件
    • audio: 游戏音效的控制
    • 键盘事件 :控制小球的运动方向
    • 得分数据:DOM操作

    移动端相册 。主要技术点:移动端布局,zeptojs,animate

    • 实现兼容不同移动设备:通过设置name为viewport的meta标签配合js实现自适应页面
    • 页面载入动画:使用Animate库
    • 点击查看大图:zepto的tap事件
    • 左右滑动更换图片:zepto的tap,swipeleft,swiperight事件

    个人简历 。主要技术点:bootstrap,Jquery,日期对象,css3,cookie

    • 栅格布局
    • 滚动监听:利用bootstrap插件中重要的属性data-spy="scroll"
    • 实时时钟:利用日期对象Date,配合定时器以及css3的transform的rotate属性
    • 可以查看任意年月的日历:不断设置它的值,取到不同年月对应的日期
    • 备忘录:利用组件以及JQuery中DOM操作实现简单的备忘录功能,在日期上鼠标右击操作
    • cookie:利用前端的cookie读取和设置,创建一个记录身份的cookie,初次打开页面,提示输入一个身份,再次打开验证cookie。模拟一个引导功能
  • 其他

    • 熟练使用photoshop,illustrator
    • 基本的英文读写能力,能读懂有关技术文档
    • 喜欢研究新技术,对nodejs有浓厚兴趣,渴望成为一名能利用js打通前后端的全栈工程师
    • 身体健康,喜欢运动
  • 个人资料
  • 工作技能
  • 项目经验
    • 音乐播放器
    • 豆瓣电影
    • 贪吃蛇
    • 移动端相册
    • 个人简历
  • 其他