1. HTML / CSS
常见布局、浮动、定位、盒模型、BFC等核心概 念
HTML5、CSS3动画、可准确还原设计稿
2. JavaScript
原生JavaScript、事件模型、DOM操作、计时器、闭包 Ajax、跨域、原型链、继承等相关概念。
3. 框架、工具
npm,能够使用 webpack 等前端自动化工具
Vue.js、React.js ( Redux )
1. 任意门广告配置系统
项目描述:银行用户借贷款服务系统 技术栈:React.js + Redux + Webpack + ES6 任务:参与整个项目,后期带新进入项目的同事 完成项目开发等。
难点:从零到一完成一个项目,基本完成整个项目的开发;除了要快速学习新知识还要加强排查问题、前后端合作的能力。
项目描述:任意门后台管理系统
技术栈:Vue.js + Webpack + ES6 任务:参与产品讨论、需求评审;开发业务需求;组织 code review;项目重构开发工作等
难点:通过搭建脚手架(Vue.js + Webpack4)重构该项目,实现流水线自动化部署,缩短打包时间、提升开发效率、提高页面加载速度。
2. 监控平台
项目描述:展示任意门中各个插件的数据监控系统
技术栈:Vue.js + Webpack + ES6
任务:参与产品讨论、需求评审,需求排期及任务分配;开发 业务需求;提高工程质量(去除 Vuex、增加Vue Router);提升开发效率(组件化、推广 ES6、UI 优化、公共样式抽离)等 难点:提高项目开发效率,提高用户体验。
3. 波塞冬
项目描述:商家上单以及商家管理系统
技术栈:React.js + Webpack + ES6
任务:开发业务需求;技术优化(代码及体验优 化);组件化及组件化平台(开发项目组件库文 档)等
难点:进行了代码及体验层面的优化(去除 underscore及统一替换成lodash、减少不必要的页面渲染、UI样式优化等);开发完成项目组件库 文档(类似Antd),便于其他同事更快更好地了解及开发该项目。
一个吃喝玩乐榜单类型的。从自身出发,去一个地方旅游,其实经常会有玩什么、买什么的苦恼,也会想知道大家平常玩的是什么,基于这么一个思路,于是就想做一个排行榜的小程序。其中的功能有:给你推荐的一些玩法和地方,各个地区的景点、住宿、及购物等等的排行榜榜单,让大家一目了然的知道目的地的一
某网站的首页,比较常见的一种网站布局。页面滑动的时候导航栏吸顶,布局涵盖一些基本的常用布局,加上一些动画效果。