姓名：韩宇
生日：1997
性别：男
电话：15328058249
微信：hy1807003141
邮箱：1807003141@qq.com
工龄：4年
状态：求职中（全职 | 远程 | 兼职）
Web 前端 | Node.js | 微信小程序 | 开发
技术栈 前端开发 后端开发 自学能力
相信技术创造价值的开发者
1. 移动端 web H5
*. code: https://github.com/hanyucd/vue3-uyi-consult
*. 技术栈：Vue3 + Typescript + Pinia + Vite + Scss + Pnpm + Axios + Vant + Eslint
*. 主要使用 postcss-px-to-viewport 方案做移动端 H5 适配，封装Axios 网络请求，并提供api的 ts 类型声明，封装组合式函数 hooks 来达到逻辑复用.
*. 学习并使用：对接第三方支付-支付宝、对接第三方登录-QQ授权.
*. 配置项目 vue + ts 的ESLint插件工具来达到规范代码风格、husky git 前置钩子在 commit 提交之前做代码检测.
2. 微信小程序
*. code: https://github.com/hanyucd/uniapp-erabbit
*. 技术栈：Uniapp + Vue3 + Typescript + Pinia + Uni-ui + Eslint
*. 配置项目uniapp + ts 的ts类型插件工具：@dcloudio-types、@uniapp-helper/uni-app-types、@uniapp-helper/uni-ui-types、miniprogram-api-typings
*. 封装 uni.request + uni.addIntercepter 网络请求拦截器; 修改pinia-plugin-persisted 配置，适配uniapp多端做数据持久化存储; 开发项目之前就做好小程序分包 + 预加载规划，授权获取手机号完成登录、并对接微信支付.
*. 技术栈：Uniapp + Vuex + Luch-request + uView-ui + uCharts
*. 业务是用户可以在平台上利用chat ai 的能力，练习英语 / 日语 / 韩语口语能力；首先使用 阿里云-实时语音识别 服务将用户的录音翻译成文本，接着将语音文本、system 场景词、ai回复词，发送给 chatGPT, 等待回复新的文本内容后，再利用阿里云-语音合成 服务将回复文本合成语音，来达到口语对话练习功能.
*. 点击对话框翻译按钮利用 有道云-文本翻译 服务，将内容翻译成中文达到辅助练习; 点击单词可以翻译、收藏到单词本功能.
*. 期间有更换第三方服务：有道-语音识别、有道-语音合成、科大讯飞-星火ai.
*. 技术栈：Uniapp + Vuex + Luch-request + UView-ui + Scss
*. 业务是用户可在社区上发布咨询帖子，律师可以评论回复；在订单中心发布法律需求订单，律师可以接/抢订单，获得用户联系方式，为用户提供法律服务。从而推出企业会员、律师会员、律师广告位.
*. 使用 uniapp 负责公司小程序项目，构建发布到微信小程序、抖音小程序、快手小程序，并解决不同平台代码兼容性问题.
*. 对接第三方服务：腾讯E证通做人脸审核、e签宝做电子合同签署；并且完成小程序微信支付功能.
*. 独立负责公司项目前端开发任务，学习并解决开发中遇到的问题，和后端同事沟通协作共同解决业务上的需求问题.
*. 使用 vue2 生态技术栈负责公司后台管理项目（ant-design-vue、echarts、less...）
*. 学习并使用 echarts 图表库完成条形图、折线图、地图展示数据.
*. 对接第三方服务：阿里云呼集成在管理后台，为销售部提供业务打电话功能.
*. 技术栈：Uniapp + Vuex + Luch-request + UView-ui + Scss + Node + Express
*. 我主要负责前端开发. 在项目搭建前期，前端技术选型上我根据「CP 实验室」项目 开发经验比较之下，主要选择 uniapp 开发项目;
因为：1. uniapp 本身基于 vue 语法，当然一直也有背后的团队在维护 2. 样式 可使用 scss 这样的 css 扩展库 3. UI 框架中有优秀的 uView-ui，另外 uniapp 还 有丰富的插件市场 4. 项目可使用 vuex 状态全局管理 5. 项目发展后期，代码组织 也容易维护些.
*. 自己组织前端项目代码结构，使用 ESLint 工具检查代码规范，提取常用样式规则到 公共 Scss 文件，使用 iconfont 做图标;
封装 api 请 求 、 常量 const 、 封装 fileUtil.js 文 件 上 传 阿 里 云 OSS 、 封装 mpAuthUtil.js 微信小程序授权处理、封装 loginUtil.js 小程序授权登录/注册逻辑、封装 storageUtil.js 缓存数据、封装 timeUtil.js 时间转换处理等.
*. 开发中有做小程序项目分包机制、使用小程序社区组件 painter 绘制分享海报、地图组件 marker 图标、小程序应用生命周期 onLaunch 加载 _checkUpdateApp() 方法检测小程序更新等.
*. 技术栈：原生语法 + 云开发（云函数、云数据库、云存储）+ 七牛云存储 + Vant
*. 我主要负责前端和云开发（Serverless）. 出于对开发小程序不熟练，技术选型上就 直接选用了原生语法，这个项目整体我负责的要多一些.
*. 实现自定义底部 tab-bar 和顶部 nav-bar 组件，封装 fileUtil.js 文件上传七牛云等.
*. 前端 + 云函数 + 云数据库语句 + 数据表设计。完成业务功能：1. 动态发布、点 赞、评论、回复评论 2.一次性任务/每日任务获取虚拟货币 3.用户虚拟账户、花销流 水 4.用户面具解锁 5. 关注、粉丝等.
*. 学习并使用了微信云数据库 (mongodb 语法) ,单表查询数据表数据，聚合 lookup 多表联接查询等其他一些常规数据库语句语法;
学习并使用 cron 定时触发器执行完成一些定时任务.
*. code：https://github.com/hanyucd/vue-mall-mobile
*. 技术栈：Vue2 + Vue-router + Vuex + Axios + Koa + Mongodb + Mongoose + Vant
*. 主要采用 flex + rem 方案做移动端 web 适配，选取 iPone6 设备宽度作为基准， 再根据其他设备宽度动态设置根元素 html 的 font-size 值.
*. 封装 axios 数据请求，组件以 async await 语法规范调取后端 API.
*. 支持用户注册 / 登录 / 鉴权，选用 bcrypt 库做密码加密存库 & 解密验证.
*. 以结果为导向，学习并使用 koa & mongoose & mongodb 作为后端 web 开发 框架、数据建模 和 数据存储.
*. 使用 JSON Web Token（JWT）规范做用户认证；在 node 中使用 jsonwebtoken 库 创建 & 校验 token；前端使用 localStorage 方式存储后端传递过来的 token 信 息；当再次请求后端 API 时，使用 axios 请求拦截器将客户端存储的 token 添加 到 HTTP 头部信息 Authorization 字段里，接着后端获取并判断 token，若过期则返回 401 状态码，最后 axios 响应拦截器做相关响应处理并删除客户端 localStorage 中 token.
*. 使用 nginx 对 vue 打包构建的静态文件做前端部署，proxy_pass 反向代理转发到后端接口，使用 pm2 进程管理工具做后端部署.
*. code: https://github.com/hanyucd/vue3-mall-admin
*. 技术栈：Vue3 + Pinia + Element-plus + Windicss 搭建PC端后台.
*. GitHub：https://github.com/hanyucd
*. 以结果为导向去学习新的东西，保持学习态度并在其中找到乐趣
*. 遵循代码规范、保持代码整洁、提高代码质量
*. 看过的书籍有：JavaScript高级程序设计、深入理解ES6 ...
*. 经常使用的工具： VSCode、Git、Trello、Google、ChatGPT、MacBook
*. 前端：JavaScript/Typescript / Vue3,2 / Uniapp / 微信小程序 / ESLint
*. 后端：Node / Koa / MongoDB / MySQL / Linux
*. 其他：Git / Docker（了解）