个人数据

刘挚珂

Web前端工程师

  • 出生于

    1993年 / 未婚 / 湖南 / 现居于北京朝阳

  • 教育

    大专 / 湖南电子科技职业学院 / 计算机与科学

  • 期望城市

    北京

  • 前端经验

    一年


技能

  • 熟悉HTML+CSS布局,遵循W3C规范
  • 熟悉HTML5+CSS3新特性,语义化标签,完成动画效果
  • 熟悉JavaScript、JQuery,实现日常交互效果
  • 熟悉Bootsrap栅格系统, 能够快速建站
  • 熟悉Ajax工作原理和实现方法,熟悉HTTP协议
  • 熟悉PhotoShop切图
  • 理解sass, less工具
  • 理解Angular框架应用

项目经验

某东移动商城

201608-201609

项目简介:

  • 某东商城是中国一家自营式 B2C 购物网站, 目前出售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等商品。主要是展示商品, 使用了 zepto.js 轻量级非常适合移动端的框架, 还有对移动端友好的 swipeSlide.js 轮播框架, 优化网页加载速度, 提升用户体验.
  • 首先观察并分析原网站整体布局, 标记网页相同样式的地方, 使用 chrome 插件下载原网页图片等原材料.
  • 新建项目, 手写 div+css 完成网页布局, 实现网页静态效果, 预留轮播图等动态效果先占个位.
  • 分别引入 zepto.js 和 swipeSlide.js, 实现整个网页轮播图效果.
  • 使用原生 js 实现点击关闭广告栏和点击回到顶部功能.
  • 优化整个项目代码, 调试兼容性.

项目收获:

  • 增加移动端布局熟练度
  • 电商类网页主要是为了展示商品图片, 激发购买欲望, 图片加载速度很重要.
  • 熟悉了swipeSilde.js框架的使用, 理解zepto.js的应用.
  • 对于前端模块化有了更深层次的理解.
  • 理解了组件化开发对于前端开发的重要性

项目总结:

  • 在本项目中,我担任了移动端前端开发一职。在这个项目中,充分认识到了前端架构的重要性. 这还只是移动端, 如果同时考虑PC和移动同时实现的话, 难度将大大提高, 因此怎么利用提高代码复用性成为一个很重要的任务。同时,还要考虑日后代码的可维护性。总的来说,这个项目实战型很强,收获很大。

某子科技官网

201607-201608

项目简介:

  • 某子科技是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。主要展示自己生产的手机设备, 以及附带的一些配件.
  • 首先观察并分析原网站整体布局, 标记网页相同样式的地方, 使用chrome插件下载原网页图片等原材料.
  • 通过观察发现商品展示的样式基本相同, 首先是一个广告图, 然后是左右布局展示商品, 分别展示图片, 名称, 简介, 价格. 我只要事先定义好一个商品展示, 其余的很简单改改就OK了.
  • 新建项目, 引入 normalize.css 使浏览器默认样式尽可能的统一.
  • 手写 div+css 完成网页布局, 实现网页静态效果, 预留轮播图位置.
  • 整体使用相对根元素的相对单位 rem 来制作网页.
  • 使用原生 js 操作 DOM 完成二级菜单功能.
  • 使用原生 js 完成点击按钮回到顶部功能.
  • 引入 swiper.js 完成轮播图效果.
  • 优化整个项目代码, 调试兼容性.

项目收获:

  • 熟悉了移动端网页开发流程.
  • 理解每个浏览器默认样式会有不同.
  • 熟悉了代码复用的重要性.
  • 熟悉了 rem 相对单位的使用.
  • 熟悉了 swipe.js 框架的使用.
  • 熟悉了原生 js 操作DOM.

项目总结:

  • 本项目是一个移动端项目,我担任了移动端前端开发一职。在这个项目中, 充分的了解到浏览器之间存在差异, 和代码复用的重要性, 在做出作品前要考虑给产品一个什么样的定位, 是面向那些用户群体, 从而使用什么样的技术到达目标, 此外, 这个项目我还只是写了移动端效果, 如果要做出同时适配移动端和PC端的响应式该怎么规划与编写, 这个项目是我对整个项目规划与搭建有了更深层次的理解, 收获很大, 同时还有很多不足, 需要继续努力.

某米商城

201606

项目简介:

  • 小米网是一家专注于高端智能手机自主研发的移动互联网公司, 小米商城直营小米公司旗下所有产品,囊括小米手机系列小米MIX、小米Note 2,红米手机系列红米Note 4、红米4,智能硬件,配件及小米生活周边,同时提供小米客户服务及售后支持
  • 首先观察并分析原网站整体布局, 标记网页相同样式的地方, 使用chrome插件下载原网页图片等原材料.
  • 新建项目, 引入 fontawesome 字体库.
  • 手写 div+css 完成网页布局, 实现网页静态效果, 预留轮播图位置.
  • 使用 css 手写二级导航菜单.
  • 优化整个项目代码, 调试兼容性.

项目收获:

  • 熟悉了PC端网页开发流程.
  • 熟悉了 fontawesome 字体图标的使用.
  • 熟悉了 css 的使用.
  • 理解了代码复用的重要性.
  • 理解浏览器兼容性问题

项目总结:

  • 本项目是一个PC端项目,我担任了PC端前端开发一职。这个是刚开始学习制作的一个电商类网站,完成这个项目使我对根据设计原图实现前端展示效果有了更好的理解与应用, 同时熟悉了浏览器之间的兼容问题, 知道了字体图标可以优化网页的加载速度, 了解了更多关于学习前端的一些东西. 不足是这个项目只做了首页静态效果, 但是通过学习制作的过程, 还是让自己有很多收获, 对前端有了新的认识.

自我评价

2014 年毕业后进入深圳房地产公司,从事房产销售1年,2015 年底至今自学前端, 自己也非常热爱前端工作,一般都是在家读书, 看教程, 写代码。在逐渐积累, 目前在找工作, 希望能在工作中实践自己所学, 发挥自己的用处, 为公司贡献出自己的一份力量, 我希望 5 年内能成为高级前端工程师,和团队一起做出更棒的前端作品,让更多的用户所喜爱。虽然我现在的技术能力不是特别强,但是我对技术有热情,肯努力,愿意贡献自己的青春和力量,和公司一起快速成长!



致谢

感谢您花时间阅读我的简历,期待能有机会和您共事。