专业技能:
1.熟练HTML,CSS,理解并掌握盒子模型,响应式布局,移动端兼容等问题
2.熟练使用JavaScript,理解原型,闭包,异步等
3.熟悉使用ES6+语法
4.熟悉函数式编程,熟悉TypeScript
5.熟悉使用Vite脚手架,VS,Code等开发工具快速开发前端项目
6.熟练使用Vue和各种UI组件库进行项目开发
7.熟悉uniapp开发跨端应用
8.熟悉原生微信小程序开发
9.了解node.js+express搭建后端接口,能够高效和后端进行联调
10.有较强的问题解决能力,能够利用AI工具,搜索引擎等自主解决问题
有伴队友匹配系统:基于 vue+vant ui+axios 的移动端网站,包括用户登录、更新个人信息、按标签搜索用户、建房组队、推荐相似用户等功能
业绩:
·前端使用 vant ui 组件库,并封装了全局通用的 layout 组件,使主页、搜索页、组队页布局一致、并减少重复代码打包后代码体积减小30%
·基于 vue–router 全局路由守卫实现了通过通配符以及是否携带 session 拦截非法请求提高安全性
·使用 axios 请求/响应拦截器,统一打印日志
·根据不同页面来动态切换导航栏标题,并通过在全局路由配置文件扩展 title 字段来减少无意义的 if–else 代码
·使用路由懒加载,优化首屏启动渲染速度,首屏渲染时间减少25%
·使用 typescript 类型定义保证项目编码规范,提高项目的质量
·头像上传图床减小服务器储存压力
心愿享小程序:心愿享是一款以共享为理念的小程序,用户可以共享自己的闲置物品、技能以及提出自己的需求,使用原生微信小程序开发,实现微信登录、分类检索、物品、技能、需求的发布、个人动态的发布、点赞、评论等功能业绩:
·使用上拉刷新,下拉加载的方式分页加载数据,提高演染速度,首屏演染耗时减少35%
·引用腾讯地图接在发送时上传位置信息,实现在地图上显示附近的人,以及当前位置距离目标位置的导航路线,
·封装海报分享组件,使用 canvas 生成分享海报
·引入第三方评分组件进行评分
·封装点赞组件以及评论组件,减少重复代码,打包后代码体积减少15%
·使用 gitee和 foxapi 协同开发提高团队开发效率
movie-web 是一个影视网站,它使用 node 脚本自动导入影视资源,并对资源进行分类和分页检索。通过字符串分割实现分集,通过解析接口解析播放
业绩:
·从0到1独立开发了整个项目的前后端
·前端开发基于 vue2 + element ui ,包括前台影视站和后台管理系统
·后端开发基于 node.js+express 框架
·使用 apipost 工具进行接口调试,并生成相应的 api 接口文档
·后端使用 jwt 生成 token ,用于验证用户身份,前端在请求资源时携带 token
·使用 axios 实现了前后端的联调,并封装了全局的 axios 请求,统一打印日志,减少重复代码
·设置了全局路由守卫,与后端 token 结合,拦截非法请求
·在请求头中添加了 no-referrer ,绕过图床防盗链检测,解决同一时间请求过多图片,图床拒绝响应的问题
·使用 uniapp 开发打包为 android端 app
·使用原生微信小程序开发小程序端