css

为公司打造的产品介绍官网网页，采用了Nuxt.js框架进行开发。包括了：首页: 展示产品的特色和优势，引导用户进入其他页面。产品介绍页面: 详细介绍产品的功能、特点、优势等信息，以吸引用户了解产品。案例展示: 展示产品的成功案例或客户案例，以及客户对产品的评价和反馈。联系我们页面: 提供联系方式，包括电话、邮箱、地址等，方便用户与厂商进行沟通和联系，等等。通过Nuxt.js框架实现了页面路由、组件化开发、SEO优化等功能，以提供良好的用户体验和搜索引擎友好性。

项目描述: 新零售平台负责售卖智能设备产品, 整个项目主要负责销售中台的搭建与开发， 整个中台又分为商品，订单，营销，商户，资产等模块的开发，本人主要负责商品模块的开发 项目架构: 1.商城的后端使用Spring Boot+Spring Cloud的微服务架构，整个微服务架构包括:商品, 订单, 营销, 商户, 资产等模块。商品模块的功能主要包括商品的信息，商品审核操作，商品的运营和供应商信息，商品库存相关的操作 2.商品库存主要包括库存锁定, 库存释放, 通过分布式锁来保证并发操作，同时保证接口的幂等性 3.ORM框架使用MyBatis,MyBatis-Plus 框架, 后台数据库使用Mysql数据库, 并使用Redis作为缓存服务器

产品链接： https://matrix-mes.cqqsonline.com 产业方阵 MES可以为企业提供包括制造数据管理、计划排程管理、生产调度管理、质量管理、 工作中心/设备管理、成本管理、生产看板管理、生产过程控制、底层数据集成分析、 上层数据集成分解等管理模块，为企业打造一个扎实、可靠、全面、可行的制造协同管理平台。

1.项目为内嵌爱山东的政策兑现模块，包含爱山东小程序及app; 2.负责政策匹配，政策页面展示，申报、深度测评等; 3.难点：对接爱山东用户登录；解决：根据爱山东提供的令牌获取token调用爱山东的用户信息接口；申报根据获取的uuid拼接并转义链接地址完成特殊的申报地址需求；

1.集成sw2ts-generate，减少typescript 类型编码，且可提示前端当前有接口修改，进行持续迭代，目前可支持生成typescript、javascript版本API，预估最大提升20% 开发效率； 2.负责调研数据报表插件，并在项目中集成，通过阅读luckyexcel源码，解决当表格数据过多卡死的问题； 负责样式、数据前后分离的报表查看功能开发，需对数据与样式进行关联处理，并对相关代码进行部分优化；

月野兔运动小程序是一款可以在线上根据视频进行运动也可以进行预约线 下场馆运动的小程序；月野兔小程序主要涵盖了：用户模块、课程模块、视频模块、 以及线下授课的预约模块等；其中我负责的模块是用户模块 1. 用户权限：在用户点击某个视频或者课程的时候，会进行判断，判断改用是否用权 限浏览该信息，如果没有就是对用进行提示；如果有那么就跳转指定的页面并且把对 应的数据渲染到页面上 2. 用户视频数据保存：在组件进行销毁之前duration保存用户已经观看视频的时长再 调用相对应的后端接口把该当前视频的类似id的唯一标识传和保存的视频市场传送到后 端进行保存； 3. 个人中心：会从状态机中，调用相关的方法，获取到该登录用户的信息，然后展示 在页面上 4. 用户信息的修改：该功能使用u-view中的表单组件进行快速布局，并且对表单面的 组件进行回显，然后根据组件中提供的按钮submit属性的按钮提交数据调用对应的后 端接口，根据后端接口返回的数据，进行验证判断是否修改成功

1.项目分为产品和需求发布、需求信息匹配、重点企业等模块；为企业提供一个供需对接平台，使用户可以在平台上发布自己的产品和需求，提供便捷的供货或订单需求； 2.负责整个前台网站的开发，包括网站前台及会员中心；

项目使用uniapp等多种技术，对小程序的项目中的过渡进行了测试， 点击按钮出现过渡效果，以及点击上浮下拉过渡效果

1. 项目介绍：怡升助手Web前端开发项目涵盖了提现、支付和测水模块，我主要负责 测水和提现模块的开发和实现。 2. 测水模块：通过蓝牙技术，与指定设备进行连接，从设备上获取数据并进行保存， 为用户提供便捷的数据读取功能。 3. 提现模块：考虑到项目中存在大量的分佣结算需求，设计了提现功能，用户可以根 据自己的需求选择不同的提现方式，通过调用对应的API进行快速提现。

产品链接：https://zhaoyu.cqqsonline.com 曌宇学习平台主要用作道路运输安全知识学习，平台通过上传相关道路运输安全知识视频或者文档，驾驶员通过平台登录学习

1.负责razor组件库的定制化、缺陷修复与公共组件开发，如tabs、dialog等，减少引用代码编写； 2.开发sw2ts-generate，用于解析swagger数据，生成API，从而提高开发效率； 3.使用mapbox进行地图组件开发，使用zrender 进行路口渠化展示； 4.为提高代码合并效率，开发通知提示工具，接入gitlab hooks + 企业微信消息功能；

1，该项目有新闻，案例，设计师等11个模块。方便客户更加清楚地了解该公司的优势。 2，该项目无难点 3，页面整体还原度高

1:进销存管理功能 2:动态菜单用户可以根据情况释放对应角色可以访问菜单的权限 3:动态按钮权限:用户可以根据情况释放对应角色操作数据的按钮权限 4:产品进出库:移动端用到的支付都是先获取产品进行支付价格，这样做的好处在于可以动态配置价格

1、与设计师沟通，通过蓝湖进行项目协作，搭建网站基本架构 2、使用vue-cli创建项目 配置基础页面 3、使用less语言进行页面样式的搭建以及全局样式的配置 4、使用rem和媒体查询，完成移动端适配 5、通过i18n完成中英文切换功能 6、封装全局axios方法对axios进行相应请求拦截以及相应拦截 7、通过反向代理进行跨域处理

一个面向教育知识领域的在线学习平台，为用户提供高质量的教育视频资源，涵盖各种学科和知识领域。负责网站前端开发工作，使用HTML5、JavaScript和CSS3等技术，采用Vue.js作为前端框架。实现了用户注册、登录和权限控制功能，保障用户信息安全和权限管理，同时提供了个性化的用户体验，如收藏视频、订阅频道等功能。与后端合作，设计并实现了视频上传和管理功能，包括视频的存储、转码和处理，以及视频资源的分类和检索。

OTC后台管理系统主要涉及板块有用户分权限登录、兑换中心、跨链中心等 项目职责： 1.使用vue-cli创建项目 配置基础页面 2.使用less语言进行页面样式的搭建以及全局样式的配置 3.引入element-ui组件库 使用内部组件快速搭建页面 4.封装全局axios方法对axios进行相应请求拦截以及相应拦截 5.通过反向代理进行跨域

测试用页面，简单制作部署了一个页面，解决跨域数据库部署问题的项目 项目使用了多种技术，有一些简单的路由功能，

1.组件实现了分页显示以及改页跳转。只要把列表的全部数据以及需要显示的页码数字传入到接口中，就能返回对应页码的显示数据。 2.独立完成组件的全部功能，使用了ASP.NET、C#.NET、JavaScript、CSS

1.负责营销模块业务的开发，含九宫格抽奖、裂变有礼等模块，基于用户配置生成预览效果图； 2.参与商品模块的开发，含商品库编辑、详情、展示列表等模块； 3.参与C端小程序开发，提取小程序公共组件，如用户信息，订单信息、地址管理等； 4.通过动态计算页面尺寸，使用canvas绘制海报，在微信分享时可将整个页面生成图片进行分享；

ICW去中心化交易所主要涉及板块有连接ICW钱包，显示主币和代币余额，主币和代币兑换，代币和代币兑换，增加流动性，解除流动性 项目职责： 1.使用vue-cli创建项目 配置基础页面 2.使用less语言进行页面样式的搭建以及全局样式的配置 3.引入element-ui组件库 使用内部组件快速搭建页面 4.封装全局axios方法对axios进行相应请求拦截以及相应拦截 5.通过反向代理进行跨域 6.通过vuex配置全局变量，通过持续化插件，将vuex的内容存入localStorage 7.通过i18n完成中英文切换