猿急送>

杭州前端兼职程序员

ID：314980

Nothing is true

高级前端工程师

公司信息：
北京万门教育技术科技有限公司

工作经验：
5年

兼职日薪：
600元/8小时

兼职时间：
下班后
周六
周日

所在区域：
杭州
滨江

技术能力

会经常做一些提高代码效率的措施，例如封装公用组件，公用方法等
基础：JS基础知识扎实，熟悉 H5 新特性和 ES6 新内容
vue：熟悉 vue 全家桶、熟练使用 element-ui、vant组件库进行项目开发 机制：JS 任务执行机制、浏览器缓存机制、垃圾回收机制等 源码：手写过 promise、了解 vue 源码的数据劫持、数据代理、模板编译、响应式原理、异步更新视图
优化：熟悉代码优化、vue 性能优化、webpack 打包优化
能够熟练使用uni-app进行微信小程序项目开发 其他：路由 hash 模式和 history 模式的底层原理、虚拟 dom、diff 算法、继承、深浅拷贝、Http 协议等。

项目经验

项目一：万门后台管理系统（PC）
项目简介:
该后台管理系统集成了首页、组织架构、员工信息、角色分配、权限管理、社保管理、考勤管理、站内搜索、工资情况、审批等模块的相关业务的呈现，使公司系统性地管理每一层的角色关系，实现智能化运营。
技术栈:项目基于Vue2、ElementUI 、SCSS、Vuex、Axios
 项目职责:
负责登录登出、首页、组织架构、员工汇总页面、权限分配、权限设置等前端开发工作，实现功能开发与前后端交互。

实现细节: 1. 组件封装：将文件上传，导出、下拉框、常用表格页、复选框等公共组件涉及多处使用的功能抽离封装成全局组件，方便复用;
2. 角色鉴权：基于RBAC的软件系统权限管理设计实现了一套角色和权限方案，通过路由导航守卫配合用户合法路由表鉴权，实现管理控制各级用户的路由访问权限。通过Vuex存储用户信息，用户按键权限表，实现了通过操作权限管理模块内的用户权限数对不同登录用户的操作的权限控制;
3. 在登录、以及对页面进行数据渲染前，通过Postman工具对各个接口文档的接口进行测试，保证文档的正确性，及时与后台进行相应的沟通。

项目二:万门官网（PC）
项目简介：该项目是一个在线学习类的网站，给学员提供全品类的线上课程，致力于让更多的学员低成本学习到名师课程的系统。
技术栈：vue全家桶(Vue+Vue-router+Vuex+Axios)、ElementUI、Less
项目职责：负责多个功能模块的增删改查，以及各种交互效果的实现
实现细节:
1. 在用户首次加载时进入登录界面，使用过渡动画解决白屏等待时间，提升用户体验;
2. 引入LazyLoad，使用路由懒加载、图片懒加载，按需加载当前路由对应的资源，提升用户的体验，使得首页加载时间只需500ms
3. 负责utils工具类库的抽取工作，例如公用搜索条件库、可复用正则库、节流防抖等工具方法的抽取，保证项目中所有复用内容保持一致，在多人员开发过程中保持高效及低错误率，遵循前端工程化原则。
4. 打包优化：通过webpack-bundle-analyzer分析项目打包速度与资源体积，配合CDN抽离Vue、 Lodash、Echarts等资源包，配合云端OSS静态资源库，iconfont项目图标UI库，分离静态资源，大幅度缩小项目体积，优化渲染与打包速度，整体速度提升20%

项目三:
万门合伙人（小程序）
项目简介：该小程序用于服务于线下店、加盟商、个人代理进行数据管理，以及包括周边产品的管理。
技术栈： Uniapp
实现细节：
1. 性能优化：将首页的小图标用iconfont替换，减少图片请求次数，使得首页的加载速度提升25%;
2. 对axios方法进行二次封装，设置baseURL，在响应拦截中处理后端返回的数据，方便完成对项目中不同类型的请求;
3. 抽离公共组件，方便不同模块的复用，减少重复代码的使用，快速开发;
4. 使用localStorage本地化数据缓存预加载方案，提高用户访问的加载速度。

项目四：
星座精灵（小程序）
项目简介：该小程序是针对星座感兴趣的人群开发，可以了解星座运势，星座讯息以及ChatGPT聊天功能
技术栈：微信小程序原生
实现细节：
1. 负责实现微信扫码登入模块开发、及对授权登录过期状态做校验
2.使用Axios的请求和响应式拦截器，实现token超时失效登出功能
3.使用导航守卫进行页面访问权限管理，涉及付费功能用户需要登录后才能使用
4.通过websocket链接ChatGPT聊天，实时获取聊天消息并渲染

项目五：
星座精灵后台管理（PC）
项目简介：该项目是星座精灵小程序的后台管理系统，用于管理使用星座精灵用户的所有信息，以及管理公司内部角色后台管理系统。
技术栈：vue3、pinia、router、elementPlus、Axios
实现细节：
1.根据 RBAC 权限设计动态路由和静态路由，管理角色访问权限
2.封装复用性高的组件，减少代码书写量，提高访问速度
3.根据路由记录，动态生成面包屑内容，方便用户查阅之前浏览的页面

项目六：
建设通移动端 (移动端)
项目简介：该项目是移动端的项目，提供全国施工企业的中标业绩、工商信息、法律诉讼等多维度信息查询。
技术栈：vue2 ，vuex， vue-router，vant， axios
实现细节：
1. 路由权限鉴权，区分付费和非付费用户
2.使用websocket实现在线咨询客服功能
3.使用localStorage本地化数据缓存预加载方案，通过缓存用户最近浏览过的文章，提高

案例展示

星座精灵后台管理（PC）

星座精灵后台管理（PC）项目简介：该项目是星座精灵小程序的后台管理系统，用于管理使用星座精灵用户的所有信息，以及管理公司内部角色后台管理系统。技术栈：vue3、pinia、router、elementPlus、Axios 实现细节： 1.根据 RBAC 权限设计动态路
建设通移动端 (移动端)

项目简介：该项目是移动端的项目，提供全国施工企业的中标业绩、工商信息、法律诉讼等多维度信息查询。技术栈：vue2 ，vuex， vue-router，vant， axios 实现细节： 1. 路由权限鉴权，区分付费和非付费用户 2.使用websocket实现在线咨询客服