ID:217506

reality.

前端开发工程师

  • 公司信息:
  • 上海钢银电子商务股份有限公司
  • 工作经验:
  • 5年
  • 兼职日薪:
  • 500元/8小时
  • 兼职时间:
  • 下班后
  • 周六
  • 周日
  • 所在区域:
  • 南昌
  • 全区

技术能力

熟练掌握各类前端存储方案,如Cookie、localStorage、sessionStorage等,并能灵活运 用于项目中。
具备深入的Vue框架理解和应用能力,能够利用Vue及相关生态技术完成项目搭建和部署。
熟练使用Element-UI、AntDesign以及VantUI等主流前端UI库,并能根据项目需求选择合 适的UI库进行快速开发。
掌握小程序开发技术,熟练使用uni-app等跨端开发框架,实现多平台应用开发。
对浏览器原理和计算机网络有深入理解,具备丰富的性能优化实践经验,能有效解决前端 性能问题。
理解前端工程模块化的重要性,熟练使用gulp、Webpack、vite等打包工具,并能根据项 目需求进行个性化配置。
了解并有一定实践经验的React框架技术,能根据项目需求进行技术选型。
了解并能应用Node.js服务端语言构建后端接口和处理服务器端逻辑。

项目经验

钢银云贸易(SaaS)
项目描述:钢银云贸易项目是一个针对钢铁贸易商的云管理平台。通过集成采购、库存、销售、 财务和风控等核心功能,该项目帮助钢铁贸易商实现业务流程的数字化管理,提高工作效率,降 低运营成本,并增强市场竞争力。 项目职责:主要负责通用版工程配送板块和钢银云定制版项目的前端开发工作。 技术栈和工具:Vue.js 2.6、qiankun、Element-UI、Axios、SCSS、pnpm、js-cookie、 dayjs、vxe-table、AG-Grid、ECharts。

工作内容:
1. 微前端架构实施。采用qiankun微前端架构,将复杂的业务模块拆分成多个独立子应用,每个 子应用都可以独立开发、测试和部署,极大地提升了项目管理的灵活性和维护的便捷性,同时也 支持了局部更新发布,降低了更新风险。
2. 单体仓库管理。针对微应用项目多仓库开发带来的依赖管理问题,使用pnpm创建单体仓库, 统一管理项目应用代码和依赖,显著减少了磁盘内存占用,提高了开发效率。
3. 性能优化。利用vxe-table进行表格编辑,提升了页面交互性能;同时,使用AG-Grid实现了 列表页字段分组功能并支持海量数据渲染,大幅提升了页面渲染性能,为用户提供了流畅的使用 体验。
4. 组件封装与复用。根据业务需求,封装近50个基础组件和业务组件,这些组件不仅满足了全 局子系统的应用需求,还引入了公司内部公共组件库和工具类包,并定期更新维护,确保组件的 稳定性和可用性。
5. 代码冗余度降低。为了减少代码冗余,将组件的公共逻辑或配置抽取成mixins文件,并通过 pnpm创建的components文件存放公共组件和方法,供全局子应用使用,从而大幅度缩减了重 复性代码,提高了代码质量。
山西建投数智交易管理平台
项目描述:一个定制版钢贸交易平台的开发,该项目旨在为客户提供一个高效、便捷的在线交易 解决方案。该平台的前台网站分为采购商和供应商两大板块,每个板块都拥有独特的功能和界面 设计。
项目职责:主要负责系统管理和供应商板块的前端开发工作及后期迭代维护。 技术栈和工具:Vue.js 2.6、Element-UI、Axios、SCSS、ECharts、vxe-table。
工作内容:
1. 系统审批功能开发。通过组件自调用和递归处理技术,实现了自定义审批工作流程的设置功 能。这一功能能够灵活处理复杂的审批流程,以树状结构进行直观展示和操作,显著提升了审批 工作的效率和准确性。 2.模板打印预览功能开发。通过html2canvas和jspdf技术的结合,实现了网页内容的打印预览 功能。这一功能允许用户将页面内容以PDF格式进行预览和打印,便于用户保存和分享重要信 息。 3.组件二次封装。对Element-UI的表格、表单和选择器组件进行了二次封装。通过封装,增强 了这些组件的通用性和复用性,减少了重复代码的编写,提高了开发效率。 4.Element-UI组件库源码修改。根据项目需求和用户体验的考量,对Element-UI组件库的源码 进行了修改。修改了部分组件的交互行为,使其更加符合项目需求,进一步提升了用户的使用体 验。
钢银云贸易(APP)
项目描述:钢银云贸易APP是钢银云SaaS系统的重要组成部分,专注于为用户提供便捷的手机端 操作体验。该应用主要聚焦在报表查看、审批操作以及快速下单功能,旨在提升用户的工作效率 和体验。 项目职责:作为开发团队的一员,主要负责报表模块、系统审批流程以及项目和计划单的快捷下 单功能的开发与优化。
技术栈和工具:uni-app、uView、dayjs。
工作内容:
1. 报表开发。封装了多个可复用的表单、选择器和列表组件,这些组件能够满足不同报表的展示 需求。实现了数据的动态加载和展示,确保报表数据的实时性和准确性。
2. 审批功能开发。审批页面通过webview技术嵌入了H5页面,实现了原生应用与Web技术的结 合。利用postcss对H5页面进行了样式匹配和兼容性处理,确保审批页面在手机端显示正常。
3. 快捷下单选址功能。集成了高德地图SDK,实现了地图拖拽选址的功能。用户可以通过地图快 速定位到所需位置,并直接进行下单操作。

跨讯ERP
项目描述:跨讯ERP是一款专为跨境电商打造的精简高效管理系统,旨在帮助卖家优化业务流 程、降低运营成本。该系统涵盖了产品开发、产品刊登、在线管理、订单处理、财务管理、采购 管理等一系列全流程功能,为用户提供了一站式的管理服务。 项目职责:主导前端设计和开发工作,协同后端团队完成API接口对接;主要负责在线产品、订 单、财务和三方平台对接的工作。
技术栈和工具:Vue.js 2.x、Element-UI、Webpack、Axios、SCSS、VueRouter 、 ECharts。
工作内容:
1. 性能优化。针对系统中海量商品数据渲染效率低下的问题,引入pl-table插件来替代el- table。通过利用虚拟滚动技术,大幅提升了列表页面的加载速度和性能表现,从而显著改善了 用户体验。
2. 商品搭配选型处理。针对商品搭配选型的复杂性,我封装了笛卡尔积函数来有效处理这一问 题。该函数能够高效地生成所有可能的商品搭配组合,为卖家提供了更加灵活和便捷的选型方 式。
3. 组件封装与复用。根据业务场景的需求,封装了一系列基础组件和业务组件。这些组件不仅提 高了代码的复用率,还降低了维护成本。同时,通过组件化开发,我们能够更快地响应业务需求 的变化,提升了开发效率。
易果生鲜
项目描述:易果生鲜是一个专注于进口生鲜水果食品的移动端网络购物平台。通过该平台,用户 可以轻松浏览和购买来自世界各地的优质生鲜产品。 项目职责:作为前端开发工程师,我主要负责了以下模块的开发工作。
1. 首页模块:设计并实现了一个用户友好的首页界面,展示了精选商品、促销活动等信息。
2. 城市选择模块:设计并开发了城市选择器,使用户能够方便地切换和选择配送城市。 3. 商品分类模块:根据商品属性进行分类展示,提供了清晰的商品分类导航。
4. 商品详情模块:为用户提供了详细的商品信息、购买选项和评价等。 技术栈和工具:Vue.js 2.x、Vant、Webpack、SCSS。
工作内容:
1. 视图层与模型层分离。利用Vue框架的特性,实现了视图层与模型层的分离。这不仅简化了代 码结构,还通过双向数据绑定降低了页面维护的难度。
2. 响应式页面设计。采用Flex弹性布局技术,结合基于rem的适配方案,确保平台在不同移动终 端上都能呈现出良好的视觉效果和用户体验。同时,使用vue-devtools工具进行调试和开发, 提高了开发效率。
3. 页面性能优化。通过引入vue-lazyload组件,实现了图片的懒加载功能。

案例展示

  • 钢银云贸易

    钢银云贸易

    项目描述:钢银云贸易项目是一个针对钢铁贸易商的云管理平台。通过集成采购、库存、销售、 财务和风控等核心功能,该项目帮助钢铁贸易商实现业务流程的数字化管理,提高工作效率,降 低运营成本,并增强市场竞争力。 项目职责:主要负责通用版工程配送板块和钢银云定制版项目的前端开发工作。 技术

  • 钢银云app

    钢银云app

    项目描述:钢银云贸易APP是钢银云SaaS系统的重要组成部分,专注于为用户提供便捷的手机端操作体验。该应用主要聚焦在报表查看、审批操作以及快速下单功能,旨在提升用户的工作效率和体验。 项目职责:作为开发团队的一员,主要负责报表模块、系统审批流程以及项目和计划单的快捷下 单功能

查看案例列表(含更多 0 个案例)

信用行为

  • 接单
    0
  • 评价
    0
  • 收藏
    0
微信扫码,建群沟通

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服