项目:咸阳职教中心智慧校园平台、商城后台管理系统 (Vue)
项目核心技术栈:Vue3+Vite+ElementUi+ 网易IM+Echart+Threejs +Puppeteer
1. 使用Vue3+ElementUi, 实现高效的组件化和响应式用户界面
2. 使用Echart 进行数据可视化, 实现用户直观了解数据
3. 使用Promise函数配合Async/Await解决了接口响应顺序问题
4. 使用网易IM开发智能客服, 对接AI模型解答问题
5. 使用Threejs 构建3D可交互模型, 解决用户对硬件数据的直接交互
6. 使用Node编写测试脚本配合Puppeteer无头浏览器, 实现了自动化测试网页性能
1. 删除无用组件和合并重复代码片段, 优化项目相似功能组件, 减少了代码冗余
2. 使用KeepAlive 缓存组件, 优化了页面重复渲染需要频繁访问的组件
3. Pinia 对用户数据集中式存储, 减少组件间的不必要通信
4. 使用Vue路由懒加载, 优化了路由加载方式, 减少应用的初始加载时间和提高性能
项目:校园社交平台 、折扣网站 (React)
项目核心技术栈:React+Next+Antd
前端:使用 Next.js 框架,结合 AntDesignMobileI 等优秀的 UI 库,打造了一个美观、动态和响
应式的用户界面。前端支持服务端渲染(SSR),提高了页面的加载速度和 SEO 效果。
多语言支持:使用 i18n 库,实现了多语言功能,确保了应用的国际化和本地化。应用可以根据用
户的语言偏好,自动切换到相应的语言环境,提供了一个包容性和友好性的导航。
项目:酷聊商城、耐思商城、斗战圣律师、聚谷认养、相伴医路 (Uniapp)
项目核心技术栈:Uniapp+ 百度地图Api+I18n+Nvue
1. 使用Uniapp内置Api, 实现用户线上支付
2. 使用百度地图Api的鹰眼轨迹, 实现移动端展现物流数据
3. 使用I18n开发多语言, 实现跨国用户多语言切换
4. 使用Nvue开发遮罩, 解决了App中普通遮罩无法覆盖菜单栏问题
5. 使用插件播放HLS直播流, 实现项目中的直播功能
1. 通过小程序代码分包, 优化首次启动的下载时间,提高用户体验
2. 使用Css的Transition 代替Animation 实现简单动画, 提升页面动画性能
3. 优化长列表分页加载, 确保每个列表项是一个单独的组件, 以便进行差量更新实现高效的滚动
列表