1、具有扎实的HTML、CSS基本功,熟悉h5+css3新特性,理解web语义化;
2、熟练JavaScript,对作用域、闭包、原型链、继承、递归、高阶函数有一定的理解;
3、熟悉ES6语法,如解构赋值、模板字符串、箭头函数、扩展运算符、Promise异步处理技术、async/await、
module进行模块化开发、Set/Map;
4、熟练运用Vue2.0组件化\模块化开发项目,掌握vue+axios+vuex+vue-router+element 全家桶 ;
5、熟悉Vue3.0新特性,响应式API、使用Composition组合式api开发项目 ;
6、熟练使用AntDesign、Vant、ElementUI、Swiper等前端主流UI框架及工具;
7、熟悉less/sass等css预编译语言,熟悉yarn/npm等包资源管理器;
8、熟悉MVVM前端开发模式,熟悉前后端分离的工作模式、理解SPA的单页面开发;
9、熟练应用微信小程序,掌握生命周期函数、组件、原生api开发项目;
10、掌握node.js+express搭建服务器,处理请求和响应,连接mongodb数据库,实现数据的增、删、查、改;
11、熟悉代码版本管理工具Git的使用,并能服务于实际的项目当中;
12、了解webpack模块打包器、掌握文件入口出口、loader配置、devServer,打包优化等
疫安通(web App)
项目背景:
此项目是一个提供香港地区防疫信息整合平台给香港大众和义工使用的产品。
技术描述:
1.整个项目基于Vue2.0+VueRouter+axios+vuex+swiper+webpack进行构建。
2.引入Flexible.js+PostCSS-px2rem作为移动端适配方案,用rem统一页面布局单位。
3.使用router.beforeEach钩子进行页面跳转拦截,判断用户是否登录,使用keep-alive按需缓存组
件,提高体验。
4.采用HTML5+CSS3技术,flex可以高效达到开发想要的布局效果,快速还原UI设计稿。
5.提取高度复用的业务类组件,封装在components全局,组件化/模块化开发项目。
6.触底判断,监听onscroll事件,并进行节流处理,减少浏览器性能损耗,触底则调用axios发起请求,返回数
据push进原列表的数组,刷新页面。
7.在进入下一个页面时,为了提高性能,利用cancelToken.cancel,取消上一个页面所有未完成的请求。
8.引入vue-virtual-scroller插件实现内容的长列表布局,只加载可视区域的数据,动态通过计算获得可视区域的
列表项,将非可视区域的列表项删除。
负责模块:防疫物资购买咨询、店铺详情、防疫物资资料上传、店铺地图分布、义工验证、义工推介
疫安通后台管理系统
项目背景:
为疫安通(web App)提供数据的后台管理系统
技术描述:
1.使用vue-cli脚手架和Element-Ui框架构建项目基础结构,并按需导入所需组件。
2.使用Router实现资源的分发,导航菜单定义为router模式点击跳转,页面刷新但又没刷新的动作,这极大的
提高了用户体验感。
3.为了提高安全性,引入VueRouter进行全局的路由配置,利用钩子beforeEach设置全局页面的路由守卫,
进行token的判断及对登录令牌进行localStorage的存储。
4.在获取数据方面,使用的是axios来异步请求数据,其好处就是无论请求时间长或短都不会影响页面的加载以
及用户的操作。
5.成功登录后获取登录管理员权限,动态渲染左侧Menu,不同的权限的用户获取到不同的页面效果。
负责模块:义工推介资讯、最新资讯、链接管理