- 熟练使用HTML5+CSS3进行页面搭建和布局,精准还原效果图
- 熟练使用vue.js前端开发框架,常和ElementUI、Vant等UI框架结合使用,常用scss预处理编写样式
- 能使用CSS3新特性,实现一些炫酷的效果,例如抽奖,弹幕等动效
- 熟悉jQuery、Axios等JS库,掌握ES6+基础,了解canvas绘图
- 熟悉微信公众平台的开发,有公众号页面授权、支付、分享的开发经验
- 熟悉小程序发布流程,可以完成页面开发,canvas生成海报等上线的发布流程
- 善于封装组件,使代码更加简洁高效,有良好的代码注释习惯
- 有App内嵌webview页面开发经验,可以和App完成消息的传递
- 了解常用版本管理工具,Git、SVN等
- 了解浏览器的缓存机制,通过设置meta标签选择是否向服务器拉取资源
1. uniapp 开发H5页面打包app
主要技术:Vue、SCSS、promise、引入高德地图等技术
hbuilder 编辑器开发H5页面,最终打包为apk,可到手机上进行安装
2. 浏览器H5信息流
主要技术:Vue(包含vue3)、vuex、SCSS、CSS、vue-router 等
浏览器内嵌的H5信息流页面,包含短小视频页面、视讯页面、我的关注、source主页、图文详情页、小说频道等。本人曾参与各个页面的部分功能开发,包括UX 绘制、source吸顶动效、不同页面之间的数据同步(postMessage)、账号登录token与客户端交互处理等。同时还有一些页面的重构升级工作,例如vue2向vue3升级的一些旧页面兼容改造等
3. 英语在线教学平台
主要技术:Vue、SCSS、ElementUI(PC端)、Vant(移动端)、Axios、webim、Echarts
公司自主研发项目,集成教学运营人员维护、外教老师教学批改、学生上课学习作业的教学平台。各模块都有深入参与开发。自19年3月上线至今,已迭代无数个版本,运营稳定。
4. 英语课程商城
主要技术:Vue、SCSS、Vant、Axios、weixinSDK、html2canvas
该项目作为公司在微信平台主打宣传销售课程的模块,包含微信环境内授权、自定义分享、支付,课程套餐详情、自定义报名信息填写、拼团参团、限时特价等功能,本人在各个模块都有参与,并且后续都是由本人维护,拓展了公司项目宣传与销售渠道,其中作为核心的支付页面每月流水10万+。
5. 英语天天练微信小程序
后续引入:日历插件、腾讯口语打分、声通科技打分
主要负责首页每日一句,英语口练,制定学习计划并分享生成海报、测试等级等核心页面,后续还引入了腾讯IM技术,可以随时收到消息作出界面上的反馈。该项目基于腾讯口语评测服务实现了用户边听边学英语、练习口语实时评分的学习模式,鼓励用户分享小程序生成个性海报,多渠道为公司平台吸引用户。后面由于用户过多还增加了一些缓存机制来保证小程序的正常运行。
微信小程序开发的英语评分天天练, 英语口练,制定学习计划并分享生成海报、测试等级等核心页面,鼓励用户分享小程序生成个性海报
工区大屏项目,通过ui给的设计图和各种标注以及切图,将页面精准的还原出来,主要使用的是vue +css3+html5+axios等技术