仿站: 什么值得买

预览

• 技术要点:

  HTML、CSS、jQuery、javaScript

• 项目描述:

  根据设计稿还原页面。

• 实现细节:

  运用了浮动、定位、负 margin、垂直居中等知识点， 完成页面的整体布局，及各个小块的实现。用原生js实现Tab组件，实现了样式与组件逻辑的分离，有三个小块用到。 用jQuery实现轮播组件，且配合Tab组件一起使用。有三个小块用到。

在线简历

预览

• 技术要点:

  Vue、Webpack、LeanCloud

• 项目描述:

  用 Vue.js、Webpack 做一个在线简历编辑工具。

• 实现细节:

  通过使用Vue.js、Webpack实现用户填写个人信息 选择主题，预览简历，下载或分享。根据LeanCloud的文档,及其提供的API,实现保存用户的各项信息的功能。

其他项目经验

• 

  3D轮播

  利用CSS3的transform属性来实现3D轮播效果。transform修改元素的变形、旋转、缩放、倾斜特性，通过rotate使元素旋转一定的度数。

• 

  京东手机版首页

  使用媒体查询的功能，利用浮动、定位完成页面布局。使用懒加载优化页面加载体验。

• 

  组件库

  使用了闭包,原型链,构造函数模式等知识点，封装了Tab组件和轮播组件，实现了样式与组件逻辑的分离，可以方便地适配到实际应用中。

• 

  待办事项表

  通过使用Vue、Webpack实现用户登录、注册以及添加、删除待办事项的功能。根据LeanCloud的文档,及其提供的API,实现保存用户的注册,登录以及待办事项的内容。