熟悉HTML5、CSS,熟练使用Less、Sass等Css预编译技术提升开发效率;
熟悉JavaScript ,熟练使用常用ES语法(asyns,await,Promise,箭头函数),理解原型链的继承机制;
熟悉Vue框架,使用Pinia、Vue Router 等工具进行模块化开发,熟练使用Axios进行数据交互;
熟悉Node,能熟练使用express框架搭建服务器,及编写中间件;
了解vite,webpack等前端工程化工具。
熟悉uni-app开发微信小程序,熟悉原生小程序开发,并熟练对接微信授权登陆等微信交互接口;
熟悉PHP,能够熟练使用Thinkphp框架开发;
熟练使用git 版本控制器,有良好的代码编程风格与技术文档编写能力等。
有从零到一开发经验
N6 APP
项目描述:基于公司n6应用程序开发的一款手机app,项目包括工作台做单,审批单据,报表等模块。
技术要点:
一、虚拟滚动列表组件开发
1.动态数据加载,实现了无限滚动功能,在用户接近列表底部时自动加载更多数据,减少初始加载时间。
2.虚拟化渲染,通过计算可视化区域内的项,采用绝对定位的方式有效减少DOM元素的数量,显著提升滚动性能。
3.加载指示器,为用户提供加载状态反馈,提升交互体验。
4.通过控制可见项的数量和高效的数据切片操作,使组件在处理数千条数据使依然保持流畅的用户体验。页面加载速度由原来的3-4秒提升到1秒以内。
二、组件化开发
1.模块化结构,项目中有较多的表单,将表单封装成独立的组件,提高了代码的复用率
2.使用插槽,通过插槽机制,允许父组件传入自定义内容,使组件更加灵活,例如,表单组件可以接受不同的输入类型。
3.状态管理,使用Pinia管理状态,将全局状态与组件逻辑分离,减少组件间的耦合,提高可维护性。
三、页面加载优化
1.通过 Vue Router 的动态导入功能,按需加载不同页面组件,显著提高了应用的启动速度和页面切换体验,确保用户在导航时能够快速访问所需内容,减少了不必要的加载时间。
2.通过图片懒加载,减少初始加载时间,提高页面响应速度,提高页面流畅度,使工作台页面的加载时间,由原来的2-3秒,提高到1秒以内加载完成。
前端开发负责人,单独负责此项目,一款手机app,项目包括工作台做单,审批单据,报表等模块, 负责一、虚拟滚动列表组件开发 二、组件化开发 三、页面加载优化
运用uniapp搭建小程序,实现一套代码编译多端,使用了Uniapp,uView,uCharts;在小程序端通过 wx.login 获得临时登录凭证code结合开发者appid和AppSecret在后端获取openid实现账号绑定微信。 1.配合完成模块后端数据接口联调与测试,