熟练使用符合W3C规范的HTML,CSS,JavaScript、原生js、jquery
熟练应用Vue2/3框架,独立并阅读其部分核心源码,了解其diff算法,v-for循环的模板引擎,虚拟dom,响应式原理
熟练应用vant、element-ui开发pc端、移动端
了解基本数据结构与算法
熟练掌握并使用webpack配置项目,了解其实现流程和其模块化的本质,熟练掌握git代码托管工具和Jenkins自动化部署配
置上线项目
熟练应用node的express框架搭建服务器,并对MongoDB和mysql等服务端技术有一定应用了解
熟练掌握http协议和浏览器原理
理解并能应用Nginx配置反向代理和负载均衡,了解使用微前端框架对项目进行拆分以及接入入口
随心买菜(移动端商城) 全栈开发
使用技术:JavaScript、Vue全家桶+Node.js+mongodb+vant-ui
项目内容: 实现了vuex全局状态管理,使用promise封装了自己的axios请求,通过封装的axios对服务器请求数据,基本的
登录退出,在服务器的登录接口模拟了手机验证码登录,用Vue-router实习前端页面的跳转,在路由切换时,使用了其中
的 keepalive缓存提高用户体验感。以及在渲染时,为提高性能,对其中图片的 懒加载。
成果:用户添加商品进入购物车,提交订单并且对消费者的地址和信息进行选择,购物车的清空。提交完订单可以用微信支
付接口进行二维码支付(因为现在微信支付接口停用了,所以暂停此功能)完成订单后可以在订单列表查看自己的历史订
单。
其中遇到的问题:在进行状态的管理时尝试过发布订阅模式,但会出现一些bug,因此采用了 vuex实现子组件对父组件的组
件通信,在项目中进行数据提交时遇到要连续发送两个请求,获取到的数据因为需要有顺序,封装的promise是异步的,因
此查阅资料与学习,对 async与await有一定的了解。
健康门户网站 前端开发
使用技术:vue2全家桶、Nginx、axios、element-ui、MicroApp。
项目内容:负责实现地方门户网站的信息公开以及各大医院his的挂号预约,参与开发的核心功能,包括了预约挂号,健康管
理,个人信息管理以及接入百度地图api实现地图定位展示附近合作医院效果。
重点难点:
• • element table的首页加载缓慢,使用Perfomance寻找到渲染数据耗时最长的tooltip将其使用v-if提升80%渲染速度。
• • 使用webpack针对开发、生产环境下的构建时间过长性能优化
• • 通过动态接收路由并展列多个层级的路由,循环遍历后端数据层级,其中有利用了部分模板引擎mustache的原理实现效
果