熟悉W3C标准,熟练使用HTML、CSS、JavaScript、Ajax、DOM、ES6等前端技术;
熟悉前端框架vue.js框架开发,并有一定的组件开发能力;
熟悉Bootstarp响应式布局设计,熟悉CSS 预编译器 less、sass 使用;
熟悉Vue相关技术和框架,如Node、NPM、Webpack、Vue-cli、VueRouter、axios、Vuex、ElementUI等;
熟练使用git工具进行代码优化迭代,熟悉前端打包以及性能优化;
了解Linux,MySQL,熟悉部署网站上线
项目一:广州国际花卉预约系统(移动端)
项目描述:该项目主要使用原生 js 开发的展会预约系统,功能有:用户预约注册账号、展会开展的日期及场次、预约成功界面的二维码保存截图即可进场、没保存可通过手机号码查询记录。
主要技术:原生 JavaScript + Sass + Webpack
负责模块:登陆页、注册页、场次预约页、预约记录页
项目难点:
1、项目需要做移动端的适配方案。
解决方案:使用 vw/vh,根据视口大小来调整元素的大小实现适配。
2、原生 ajax 涉及参数的配置和数据的回调获取,造成代码冗余,加载速度有所影响,ajax 应用程序中的安全性较低,因为所有文件都是在客户端下载的。
解决方案:使用 ES6 中的 promise 封装原生的 ajax,在对应页面使用 ES7 语法糖 async...await让异步的代码呈现同步的效果。进一步提升了加载的速度及其安全性。
3、原生的代码体积稍大,并且源代码暴露。
解决方案:使用 webpack 打包工具,配置 loade,plugin 对源代码进行混淆和压缩处理。
项目二:购物商城(PC 端)
项目描述:该项目主要围绕网购群体,基于 Vue 开发的一个小型商城,通过 Axios 发送不同的
请求获取不同的用户数据,具有登录注册、商品详情展示、购物车、结算、订单列表等常规商城功能。
主要技术:Vue 全家桶:Vue-cli、Vuex、Vue-router、Axios、Element-UI 框架。
负责模块:登录注册页面、商城首页、商品详情页、购物车页面、订单页面等。
项目难点:
1、根据设计图,组件中存在大量类似的结构和样式。
解决方案:页面公用组件的抽离和封装,以达到复用性,减少代码的冗余。
2、登录用户与游客权限的区分,对未登录用户访问购物车及订单等页面进行拦截.
解决方案:用 Vue-router 设置路由守卫,防止未登录的用户进入购物车等需要登录后进入页面。
项目三:猿人博客小程序
项目描述:项目围绕的是年轻人群体,基于 uni 小程序开发的博客小程序,主要有注册登陆、点赞、发布、关注、个人信息上传等功能。
主要技术:uni-app 、uview-ui 框架
负责模块:登陆注册页、首页、详情
项目难点:
1、瀑布流盒子高度不一致,动态设置总体高度。
解决方案:查看插件源码,并进行修改,计算出高度后使用$emit()回吐出去,实现动态高度。