前端开发10年,熟悉前端各种技术Vue、React、JavaScript、TypeScript、HTML5、CSS3、Less/Sass 等前端技术,个人的独立开发解决能力很强,哪怕不熟悉有问题也能快速解决,有需要请联系
inse人工智能后台管理
针对香港教育线上平台的后台管理,项目采用vue+element框架开发
1. 登录功能:利用Vue的响应式数据和路由守卫实现安全的登录流程。在登录页面,通过表单验证(可使用ElementUI的表单验证规则)确保用户输入的用户名和密码符合要求。
2、权限功能:基于Vue的动态路由功能,结合从后端获取的用户权限信息构建个性化的菜单和页面访问权限。
3、Echarts报表:熟练运用Echarts库进行数据可视化展示。能够根据后台系统中的业务数据,灵活配置Echarts的各种图表类型(柱状图、折线图、饼图等)。
4、菜单:使用ElementUI的菜单组件构建后台系统的导航菜单。通过Vue的数据驱动特性,动态生成菜单结构。
inse人工智能指导自学平台(PC&H5)
针对香港教育线上平台,项目采用vue+element框架开发
1. 富文本:采用CKEditor4编辑器,教学人员能够便捷地上传和编辑题目内容,操作简单灵活,大大提高了内容管理的效率。MathLive引入,可精准解析和编辑各类数学题目,为学生解决数学学习过程中的难题提供有力工具。
2. AI智能交互辅导:整合ChatGpt、豆包等AI技术实现写作与阅读训练功能。学生可通过拍照上传题目,AI会对题目进行解析,并且在问答交互过程中给予个性化学习辅导。
3. 实时信息交互保障:利用WebSocket技术构建高效的信息交互机制。在用户与AI交互期间,无论是题目上传后的快速解析响应,还是问答交互中的即时反馈,都能确保实时性,显著减少等待时间。
在涉及发音指导(如在阅读训练中对单词、句子发音指导)时,WebSocket可稳定传输音频数据。AI能依据用户发音实时纠错,指出音节、语调等问题,还能提供标准发音示范音频供用户对比学习,有效提升阅读能力。
4. AI-說話:融合前端语音采集(火山引擎)与后端大模型 API,设计并实现支持 AI 角色扮演、小组讨论及 TTS 朗读的智能对话系统,提升用户沉浸式交互体验。
5. 多元支付集成:平台集成支付宝、微信、信用卡等多种支付方式,方便学生进行付费服务,满足不同学生的支付习惯。
6. 高效评估训练:具备倒计时做题功能,有助于学生合理掌握时间并提高解题速度;同时实现发音功能,让学生通过发音更好地理解题意,进而提升解题的准确性和效率。
7. HKDSE模拟辅助:支持上传文件,借助AI技术对文件内容进行批改、评级和修正等操作,为学生备考HKDSE提供模拟训练环境。
澳门停车(APP)
澳门客户的停车场运营应用,主要功能模块包括查找车位、泊车支付、缴费管理和我的账户。该项目采用了UniApp框架进行开发,可以同时在安卓和苹果设备上运行。
技术 要点:
1、查找车位:使用高德地图定位功能,可以搜索附近的停车场。可以利用高德地图的API来获取附近停车场的位置信息,并在应用中展示给用户。
2、导航定位:可以调用手机地图的导航功能,帮助用户准确找到停车场的位置。可以使用手机地图的API来实现导航功能,并将用户当前位置和停车场位置作为导航的起点和终点。
3、首页地图层级优化:对于地图在首页显示时,可能会出现层级过高的问题,可以使用subNVues来解决。subNVues是UniApp提供的组件,可以将页面分割成多个子页面,避免地图等组件在层级过高时出现的性能问题。
4、uview组件优化:如果在项目中使用了uview组件库,可以对车牌号码和上传图片等功能进行二次封装,提高代码的复用性和可维护性。
5、车场支付:使用webview组件完成车场支付功能。可以在应用中嵌入一个webview组件,加载车场支付的网页,使用户可以在应用内完成支付操作。
星物场(微信小程序)
公司搭建一个微信小商城,可通过抖音来免费领取或购买商品
技术要点:
1、商城列表展示:考虑使用分页加载或懒加载的方式,以提高页面加载速度和用户体验。同时,可以使用图片懒加载技术,只在图片进入可见区域时加载图片。
2、我的模块:优化用户信息的获取和展示,减少不必要的网络请求和数据加载时间。可以考虑使用本地缓存技术,将用户信息存储在本地,减少每次打开页面时的请求次数。
3、抖音授权登录:确保授权登录的流程简洁明了,用户体验良好。同时,注意保护用户隐私,合理使用用户授权的权限。
4、微信支付功能:确保支付流程安全可靠,遵循相关支付规范和安全要求。同时,考虑使用异步通知机制,及时更新订单状态,提高支付成功率。
4S店门禁系统(H5)
项目介绍:项目主要功能模块由首页、授权申请、我的三大模块组成,首页根据每家4S店的业务实现进场、授权、售后数据的可视化分析。授权申
inse人工智能指导自学平台(PC&H5) 针对香港教育线上平台,项目采用vue+element框架开发 1. 富文本:采用CKEditor4编辑器,教学人员能够便捷地上传和编辑题目内容,操作简单灵活,大大提高了内容管理的效率。MathLive引入,可精准解析和编
这是一个面向股票量化分析的可视化系统,主要用于把市场数据、涨停数据、竞价数据和资讯数据集中展示,帮助用户快速观察市场情绪和个股机会。 系统主要功能包括: 市场概览 展示每日市场涨跌、涨停/跌停数量、连板高度、热门概念等核心指标,方便快速判断当天市场强弱。 涨停