前端框架:掌握前端框架Vue.js(2.x版本与3.x版本的)及其周边生态Vue-cli、Vue-router、Vuex、Vue-devtools调试工具使用,移动端网页开发,Vue组件中生命周期函数触发时机以及对应生命周期所处理的流程;熟练掌握微信小程序开发,React,了解Uniapp、layUi框架的基本使用。
JavaScript:学习掌握JavaScript语言精髓,理解函数式编程思想,熟练使用ES6(箭头函数,数组常用方法、Class思想),ES7(async await)、闭包、js执行机制,js垃圾回收机制。
Css:熟练使用浮动、定位、弹性盒子模型进行页面布局,使用transition属性以及animation属性给予页面动态效果。
工程化:了解webpack的基本使用。
屏幕适配:熟悉使用媒体查询、rem布局进行多屏幕适配。
组件化:封装通用组件与业务组件,组件化开发思想,降低单文件代码量,方便后续维护。
代码调试:熟练使用debugger操作结合对应的可视化工具,快速定位代码问题。
数据mock:开发前定义好的数据模板,mock前端数据,减少前后端工作进度不同步的影响。
代码管理:掌握Git版本系列控制工具的常用命令、以及对应的图形化工具Sourcetree。
浏览器与计算机网络:了解计算机网络常用网络协议,http缓存机制,浏览器缓存机制,浏览器渲染机制、部分网络安全。
“海青云” 是一款广东海事局用于日常学习,记录会议情况的小程序,目前已经上线使用,可在微信小程序中搜索查找
项目特点:
长期存储:使用微信storage Api进行用户信息缓存,验证token信息,避免每次用户启动小程序时需要频繁登录。
变量存储:使用全局变量存储皮肤信息,满足用户换肤业务需求,由于全局变量是存储在内存中的,故读取速度比使用辅存性能更优越。
首屏显示:合理使用小程序分包限制,防止由于小程序体积过大,影响首屏显示。
WXS:使用微信小程序WXS技术,可以在模板WXML使用类似于VUE中过滤器,计算属性的功能,可实现时间格式化处理,字符串转数组,字符串剪切等功能。
组件封装:封装通用组件,业务组件,利用插槽提高工作效率,避免重复造轮子,方便后续对于全局组件的统一维护,由于小程序为单向数据流,组件内生命周期还可用于换肤业务处理,以及进行组件递归嵌套。
密文登录:使用RSA非对称性加密方式进行登录密码的加密,防止密码泄漏。
环境配置:通过配置不同的环境变量,进而切换不同的运行环境。
动态交互:通过添加view标签的hover-class属性,以及动态交互,给予用户良好的操作体验。