JavaScript

跟着老师做的项目，主要实现了根据展示榜单的功能，并且可以播放所选音乐。 主要使用了vue3 axios等成熟的工具实现了此效果。 主要难点为音乐播放器，需要把每个所选的音乐记录下来，存放到store中，并且排序，根据所选的顺序，重新播放。

跟着老师做的项目，主要实现了根据展示榜单的功能，并且可以播放所选音乐。 主要使用了vue3 axios等成熟的工具实现了此效果。 主要难点为音乐播放器，需要把每个所选的音乐记录下来，存放到store中，并且排序，根据所选的顺序，重新播放。

1.负责这个项目的框架搭建，包括常规的请求封装，组件封装，公用方法设置 2.负责统一代码风格等功能 3.负责seo项目的配置等功能

包含通知公告、项目实景、食堂订餐、项目地图等功能。通过项目地图功能，员工可以在手机上实时查看公司的项目地图，了解各个项目的具体位置、占地面积、负责人等信息。同时，我们还支持地图导航功能，员工可以根据地图上的指示快速到达指定项目区域，提高了工作效率和准确性。通过食堂订餐功能，员工可以在手机上随时随地查看食堂的菜单，包括各类主食、小吃、饮品等，并可以根据自己的口味和需求进行个性化选择。员工可以在手机上随时查看这些通知和公告，确保自己能够及时了解公司的最新动态。同时，我们还支持消息推送功能，当有新的通知或公告发布时，系统会自动推送给员工，确保员工不会错过任何重要信息。

灵元素化工电商是一个危化品交易平台，包含电商，采购商供应商和运营平台几个部分。网站主要功能有供应商注册，关键字搜索 普通危化品，实验室试剂，化学品百科搜索及详情，店铺详情，认证中心，商品加购，结算，支付等功能，该项目使用 nuxt 2和 vue 2构建，使用 tailwind，swiper，ant-design-vue，md5，lodash，axios，dayjs 等插件。 负责内容: 1. 登录功能，分为验证码登录，密码登录和扫码登录，验证码登录时需要对发送验证码和账号进行校验，校验通过时发送验证码并 且进入倒计时，且需要对发送验证码按钮防抖处理。登录功能分为登录页和登录弹框，与登录相关的功能作为一个单独的组件进行 复用。登录后要返回登录前页面或者刷新当前页面。 2. 搜索商品，页面公共的搜索框作为组件编写，需要在不同的页面进行复用，所以借助 vuex 缓存当前的搜索关键字，同时与 url 携带的参数保持一致，页面刷新时能保证关键字不会丢失。 3. 购物车模块购物车需要对不同状态的商品进行区分提示，例如失效，库存不足等，在选择商品进行结算时，也需要对商品的数 量进行限制不能超过最大库

1.负责小程序框架搭建，包括请求封装，公用组件封装等常用功能点 2.负责统一团队代码风格 3.负责解决项目中的疑难点

灵元素化工电商是一个危化品交易平台，包含电商，采购商供应商和运营平台几个部分。网站主要功能有供应商注册，关键字搜索 普通危化品，实验室试剂，化学品百科搜索及详情，店铺详情，认证中心，商品加购，结算，支付等功能，该项目使用 nuxt 2和 vue 2构建，使用 tailwind，swiper，ant-design-vue，md5，lodash，axios，dayjs 等插件。 负责内容: 1. 登录功能，分为验证码登录，密码登录和扫码登录，验证码登录时需要对发送验证码和账号进行校验，校验通过时发送验证码并 且进入倒计时，且需要对发送验证码按钮防抖处理。登录功能分为登录页和登录弹框，与登录相关的功能作为一个单独的组件进行 复用。登录后要返回登录前页面或者刷新当前页面。 2. 搜索商品，页面公共的搜索框作为组件编写，需要在不同的页面进行复用，所以借助 vuex 缓存当前的搜索关键字，同时与 url 携带的参数保持一致，页面刷新时能保证关键字不会丢失。 3. 购物车模块购物车需要对不同状态的商品进行区分提示，例如失效，库存不足等，在选择商品进行结算时，也需要对商品的数 量进行限制不能超过最大库

灵元素采购商、供应商是给商家和用户提供的交易管理系统，采购商包含订单中心，询价中心，认证中心等，供应商包含商品中 心，认证中心，店铺装修，询报价，活动设置等其他功能。运营平台包含商品审核，用户管理，订单中心，询报价等功能。 负责内容: 1. 通用组件编写，文件上传、svgicon 、富文本等 2. 系统优化，通过 cdn 替代部分插件，缩小打包体积，提高加载速度。 3. 日常功能维护

技术栈：React+Antd+JavaScript+Umi+Echart 描述：该项目属于新项目，需要从0到1进行开发，面向客户为住建局、建筑公司以及建筑工地。我主要负责整个项目的设计开发与维护，运用Echart图表工具实时展示当前工地内工人的工种、性别、人数、大门车辆人员进出的详细数据；运用定时器技术不断向服务器请求数据实时监控工地内各项指标数据，确保施工安全；使用弹性盒布局+rem来进行响应式设计适配客户设备的不同屏幕大小。

小程序大致分为以下几个模块：门店列表、商品列表、下单和支付、订单记录。 小程序的目标用户群体为卡车司机，主要功能是为司机筛选卡车维修保养门店，在线选购维修保养零部件/商品，预约到店进行维修/保养。 这些模块基本上由我一个人负责，使用微信小程序原生开发，部分UI组件使用小程序原生组件，部分使用vant-weapp组件，整体没什么难度，主要在支付流程上，使用的是公司统一封装的支付组件。

灵元素采购商、供应商是给商家和用户提供的交易管理系统，采购商包含订单中心，询价中心，认证中心等，供应商包含商品中 心，认证中心，店铺装修，询报价，活动设置等其他功能。运营平台包含商品审核，用户管理，订单中心，询报价等功能。 负责内容: 1. 通用组件编写，文件上传、svgicon 、富文本等 2. 系统优化，通过 cdn 替代部分插件，缩小打包体积，提高加载速度。 3. 日常功能维护

技术栈：React+Hooks+TypeScript+Antd+Umi 描述：合规溯源是一个短期项目，时间紧迫，一切从0到1进行敏捷开发。我主要负责参与平台的外部溯源模块、全面溯源模块、我的任务模块、绿色电力信息调查模块的开发。在外部溯源模块中负责外部溯源任务首页、主任务详情页以及子任务详情页，涉及的功能点主要有：1.每个页面根据不同角色展示不同UI界面；2.任务列表内容部分根据任务等级判断使用下拉滚动加载分页还是正常分页功能；3.根据不同任务状态展示不同操作按钮进行相应操作（弹出抽屉、弹窗或跳转链接）；4.使用虚拟列表来提高性能

1.负责前端框架技术搭建，包括前端框架选型，各种功能组件封装，疑难点处理 2.负责主要模块建设 3.前后台可以一起完成 4.能按时完成项目

技术栈：React+Hooks+JavaScript+Rax 描述：先后参与开发有好货的好货清单模块、手淘首页的云主题清单模块以及其他天马模块开发，参与618、双11之类的购物节活动，负责开发其中部分功能模块确保能够及时正常上线供用户使用。

1.负责这个项目的框架搭建，包括常规的请求封装，组件封装，公用方法设置 2.负责统一代码风格等功能 3.负责seo项目的配置等功能

跟着老师一起做的项目，对使用者来说能实现根据所选位置，推送相关地区的旅馆。 主要负责项目的整体搭建，主要用到了vue框架和axios网络请求，Ant Design这些成熟的设计，把请求到的数据展示出来。 难点主要是数据的传输，使用了pinia，让数据能灵活的使用。

1.用了ruoyi框架，实现了一套基础的后台管理系统 2.具备常规后台管理系统的绝大部分功能 3.包括图片音视频等各类文件的上传下载及预览 4.百度地图webGL的使用 5.该系统由本人及一同事共同开发

官网项目使用 nuxt2、vue 2和 tailwind 构建，使用i18n插件实现多语言，使用 nuxt-link 组件代替函数跳转页面，以便于网站更 好的被搜索引擎收录。通过函数 getLocaleCookie和 setLocaleCookie在 cookie 上添加当前语言字段，同时和后端约定，来实现 不同语言接口返回不同的内容。通过 nuxt的 asyncdata 生命周期请求页面的数据后，return 一个对象，此对象数据会合并到 data中，由于 nuxt的 asyncdata 生命周期处于 vue 生命周期之前，所以此时的数据会被直接渲染到页面，方便实现服务端渲 染。

1. 项目分为活动、帖子、俱乐部、商城、个人中心等模块，帮助用户实现创建组织发布活动，分享帖子并且可以进入商城购买相关东西。 2. 我主要负责了除商城之外的其他所有模块。 3. 难点：都是比较常规的功能，暂时没有遇到太大难点

该项目是一个商城管理后台，主要功能包括用户管理、角色管理、菜单管理，商品管理、数据大屏等，其中用户通过角色管理限制页面展示的权限，通过商品管理添加、删除、修改商品列表，可下载商品订单列表文件