精通HTML、CSS并能精确还原设计稿;
熟练掌握JavaScript及ES6的常用功能,理解JS的底层运行机制、作用域、闭包、内存管理等;
熟悉Vue技术栈相关,对Vue源码有一定的了解,能够独立实现大型项目;
了解浏览器工作原理:基础的网络请求及渲染过程,对性能优化和网络安全也有一定的了解;
常用的UI框架elementUI、vant、antD等,能够结合业务实现二次封装;
熟悉微信小程序的开发,封装过一套登录授权流程工具库;
熟练使用git版本管理工具,能够使用webpack、vite构建工程化的前端项目;
一、低代码项目
1. 构建一个含有丰富原子组件的工程,技术栈vue+webpack
2. 开发原子组件通过Vue.component注册到全局
3. 每个原子组件打包自动化上传:通过node环境的身份校验+跨域调用上传接口
4. 打包上传规范化:根据不同环境增加分支限制逻辑,打包文件中注入操作人git账号信息及打包时间。
5. 渲染装修页面:根据组件类型生成骨架屏,封装LoadJS加载原子组件,通过new Vue把每一个原子组件绑定到生成骨架屏的DOM中。
二、微信小程序项目
1. 封装登录授权插件库,使用token加密用户信息及有效期等数据,避免信息泄漏等风险。
2. 解决首次渲染前置请求会并发多次的问题。
3. 使用Object.defineProperties实现本地缓存的用户信息根据请求结果实时更新。
4. 功能包括获取用户openid、昵称头像,小程序支付等功能