猿急送>

广州前端兼职程序员

ID：327913

codemaker

前端开发工程师

公司信息：
广州慧扬健康科技有限公司

工作经验：
1年

兼职日薪：
500元/8小时

兼职时间：
可工作日远程

所在区域：
广州
天河

技术能力

HTML、CSS：常用的 HTML 标签、H5 语义化、CSS 样式中属性值的计算过程、盒模型的原理和使用、常见的布局方式、BFC、flex弹性盒
JavaScript（ES6+）：执行上下文、作用域链、闭包、JS 对象的内存模型、多种继承方式、多种异步解决方案、垃圾回收机制、DOM 操作的优化、优化 DOM 事件的使用，防抖、节流等函数式编程
浏览器基本原理：浏览器的多进程架构、浏览器的渲染原理、浏览器的内存模型、消息队列和事件循环、浏览器安全http 协议、https 协议、跨域的本质
工程化：全面了解WebPack(常用Loader、Plugin及其原理，常用优化手段，多种解决CSS工程化方案，Babel原理)，常见包管理工具和模块化标准
TypeScript：基本类型和枚举、泛型、接口原理和作用
框架：Vue全家桶项目开发、uni-app移动端开发、理解 MVVM 框架原理
组件库：ElementUI熟练使用，Echarts数据可视化

项目经验

仓库后台管理系统
系统构成：系统包含登录、首页、权限、图表、订单管理、库存管理、财务管理等模块，本人参与所有模块的设计与开发
技术实现：该项目使用Vue-CLI\Vite(Vue3版本)作为脚手架搭建。在项目中主要使用Vue-Router处理路由，使用Vuex\Pinia处理全局状态，以及非父子组件之间的数据共享。利用组件封装了一些独立或公共的业务。集成i18n方案实现了语言切换的国际化处理。在缺失后端的情况下使用Mock.js模拟数据，并在Mock内封装了业务逻辑，实现基本增删查改功能
项目说明：该系统包含了Vue2\Vue3+TS版本
解决的主要技术难题：
1.对于没有编辑功能但又需要频繁切换的的表格，例如财务模块，若单纯使用v-if控制展示，会频繁创建\销毁DOM节点，造成闪屏并影响性能，因此使用keep-alive缓存组件
2.权限控制：前端有一份路由表，它表示了每一个路由可访问的权限。当用户登录之后，通过 token 获取用户的role，利用递归思想，遍历路由表的每一项是否含有子路由，并判断当前路由权限是否对应，动态得出当前用户的 role 所对应有权限的路由，再通过addRoutes动态挂载路由

病案无纸化管理系统
项目背景：广药附属第一医院内网项目。为了提高医院对患者病历的管理能力，无纸化病历成为发展趋势，该系统为医院提供了更系统、更全面的病案管理方案
系统构成：系统包含病案归档模块、病案拍摄模块、病案打印模块、病案封存模块、病案借阅模块、数据统计模块。本人参与除病案归档模块以外的全部模块的高保真开发。
技术栈：Vue3 + TypeScript + Element-Plus + Vuex + Axios + Echarts + Mock
职责描述：
1. 基于二次封装的Vue-CLI搭建项目
2. 各模块组件封装、全局组件的定义、抽离公共组件（如搜索组件、页面组件）
3. 处理文件流，创建DOM节点模拟点击事件实现下载
4. 设计DTO，使用TS接口对传参做限制
5. 利用MVC设计模式的思想，编写api.ts与service.ts，分离接口层和业务层，提高了代码的可读性与可迭代性，并在后端缺失的情况下调用Mock内的接口，减少对后端接口的依赖，实现前后端分离开发并独立部署上线
解决的技术难题：
1.对于每个页面都存在类似内容的公共部分，抽离为公共组件时，若只使用v-if控制节点创建，则存在代码冗余、重复性高、可读性差的问题。因此本人改变了实现思路，编写一个对象数组，用于存放对应内容的文本、样式、属性等数据，使用v-for遍历该数组并配合slot实现多个不同搜索框或表格的渲染。
2.使用qiankun微前端，遇到了子应用中ElementUI中icon图标不显示的问题（本地开发没有问题）。由于ElementUI的icon使用的是 .woff .ttf格式，而 .woff是以相对路径引入，因此qiankun的主系统和子系统的地址不一样，导致了 .woff 地址错误。最终把url-loader的limit参数设置大一些，从而使 .woff等文件直接转为base64，绕过了路径配置的问题

逗哥配音App端
项目背景：逗哥配音是一款强大的配音软件，集成了众多达人的各式各样的声音(包括情绪、语调、语速等)，通过输入文本的方式一键生成音频文件。
技术栈：Uni-App + uView
职责描述：
1. 负责达人专辑、达人详情、付费声音、推广赚钱等模块的开发，配音员列表模块的维护
2. 复写达人专辑模块，封装了达人详情入口组件，提高了代码的可复用性与可维护性。同时，复写过程中，成功将代码行数减少40%以上
3. 对接后端，渲染数据。同时利用缓存，保存某些数据(如达人详情)，因此页面跳转时不需要重新请求接口，一定程度减轻了后端服务器的压力
解决的技术难题：
封装达人详情入口组件时，播放新的试听音频无法自动暂停旧的音频。因此在点击试听按钮时，记录当前组件的唯一标识(本人使用的是达人ID)，并保存至Vuex，子组件通过计算属性获取此值，并判断是否等于自身的达人ID，若false则调用暂停方法，实现了自动暂停的效果

案例展示

仓库后台管理系统

仓库后台管理系统系统构成：系统包含登录、首页、权限、图表、订单管理、库存管理、财务管理等模块，本人参与所有模块的设计与开发技术实现：该项目使用Vue-CLI\Vite(Vue3版本)作为脚手架搭建。在项目中主要使用Vue-Router处理路由，使用Vuex
逗哥配音

项目背景：逗哥配音是一款强大的配音软件，集成了众多达人的各式各样的声音(包括情绪、语调、语速等)，通过输入文本的方式一键生成音频文件。技术栈：Uni-App + uView 职责描述： 1. 负责达人专辑、达人详情、付费声音、推广赚钱等模块的开发，配音员列表模