猿急送>

深圳前端兼职程序员

ID：300943

G-Scorpio

前端开发

公司信息：
真选（数据）有限公司

工作经验：
4年

兼职日薪：
500元/8小时

兼职时间：
下班后
周六
周日

所在区域：
深圳
南山

技术能力

我是一名拥有4年丰富前端开发经验的热衷于创造优质用户体验的程序员。我专注于构建现代化的、响应式的Web应用，通过运用最新的前端技术和最佳实践，将设计变成实际的交互体验。

我的专长和特点：

前端技术熟练：我熟练掌握HTML、CSS和JavaScript，并在Vue主流框架上有着丰富的开发经验。我能够将设计稿转化为高质量的、可交互的前端界面。

响应式设计：我的设计理念是确保在不同设备上都能提供一致的用户体验。我熟练运用CSS媒体查询和响应式设计原则，为用户提供适应性强的Web应用。

性能优化：我深知性能对于用户体验的重要性，因此我注重优化前端性能

项目经验

跨境商城PC端+商家管理sass后台+代理以及系统平台：
项目职责：前端开发项目介绍: 该项目为甲方公司代理商管理的后台系统,主要功能有首页、代理商管理、业务员管理、商户管理、设备管理、数据统计等。项目职责: 本人负责,跨境商城: 头部组件,底部组件、搜索框的模糊匹配、商品详情页、店铺首页、商品分类页面等等商家管理后台: 上传附件页面、钱包充值页面、提现页面、订单历史页面等等代理后台: 卖家列表页面、买家列表页面等等技术栈: vue全家桶(Vue+Vue-router+Vuex+Axios)、ElementUI、Less、fastmock.js 实现细节: 1.商城页中搜索框使用防抖函数解决用户搜索栏输入匹配时的查询内容显示延迟问题、并使用路由懒加载来提升主页面加载时间。 2.商户管理中使用elementui实现新增弹窗显示文件上传营业执照功能,为解决通过input标签的accept属性进行限制时遭到破解,通过JS的FileReader方法获取上传文件的头信息进行限制对上传的文件的格式进行限制。 3.封装组件: 代理后台对多处使用的时间选择框,费率页面的导航tab,分页器、table表单等组件封装成全局组件, 便于多处使用,进行配置快速生成组件,常见的功能页提效80%。 4.负责utils工具类库的抽取工作,例如公用搜索条件库、可复用正则库、节流防抖等工具方法的抽取,保证项目中所有复用内容保持一致,在多人员开发过程中保持高效及低错误率,遵循前端工程化原则。 5.按需引入: 使用第三方插件对开发过程中所需要的图标、API、组件库、样式等实现按需引入,避免项目打包体积过大; 6.模拟数据: fastmock.js模拟后端数据进行调试,对axios方法进行二次封装,设置baseURL,在响应拦截中处理后端返回的数据,方便完成对项目中不同类型的请求 7.打包优化: 通过webpack-bundle-analyzer分析项目打包速度与资源体积, 配合CDN抽离Vue、 Lodash、Echarts 等资源包,配合云端OSS静态资源库,iconfont项目图标UI库,分离静态资源,大幅度缩小项目体积,优化渲染与打包速度。

项目2：
锦鲤云商户小程序（微信小程序）
项目职责：前端开发项目介绍: 为品牌方组建自己的私域运营团队的中小商户提供一个一PC端后台为参照的微信小程序版本的商户后台，包含数据看板、报表、商品上下架、发货、配置运费模板等等功能。项目职责: 负责该小程序端的报表页面、订单、我的以及运费模板等等技术栈: 基于uniapp开发，UI框架使用的是uview 实现细节: 1.报表页面: 设计并开发数据可视化报表，使用ECharts图表库展示商户的销售数据、订单量等关键指标。使用uniapp提供的组件和API实现页面的布局和响应式设计，确保报表在不同设备上的良好展示效果。通过HTTP请求与后端API交互，获取报表数据，并进行前端数据处理和展示。 2.订单页面: 构建订单列表，展示商户的所有订单信息，包括订单状态、商品详情、收货地址等。实现订单搜索和筛选功能，让商户能够快速找到特定的订单。添加下拉刷新和上拉加载更多功能，提升用户体验，减少数据加载时间。 3. 我的页面: 创建我的页面，展示商户信息、店铺配置、营销中心、常见问题等。实现修改个人信息和店铺配置等等修改保存的功能，与后端API进行数据交互，确保数据的安全性。 4.运费模板: 开发运费模板配置页面，允许商户创建和管理多个运费模板，以适应不同的商品配送情况。设计运费模板的计费规则和地区限制，确保运费计算的准确性和灵活性。手写了一个省市组件，实现了父子传值，以及城市多选回显。 5.数据交互: 通过uniapp提供的网络请求功能，与后端API进行数据交互，使用RESTful接口规范传递数据;处理API返回的数据，实现前端逻辑和界面展示，确保数据的准确性和合法性;处理请求失败情况，添加错误处理和提示，提高用户体验并帮助商户快速定位问题. 6.兼容性和测试: 在多个不同手机上进行测试，保证小程序在不同手机和版本上的兼容性；使用真实商户账号进行功能测试，模拟真实场景，发现和修复潜在问题