ID:309148

追风筝的哈桑🎃 身份已认证

前端开发工程师

  • 公司信息:
  • 上海蝶蜂数据服务有限公司
  • 工作经验:
  • 4年
  • 兼职日薪:
  • 500元/8小时
  • 兼职时间:
  • 下班后
  • 周六
  • 周日
  • 可工作日远程
  • 所在区域:
  • 上海
  • 浦东

技术能力

1、熟练HTML/CSS页面布局,重构,熟悉w3c标准,了解HTML语义化;
2、熟练运用ES6+新标准的语法和编程规范;
3、熟练使用Ajax、JavaScript、JQuery, Less预编译等WEB前端开发技术;
4、熟练运用弹性盒布局,利用 rem、px 和百分比进行移动端的布局;
5、熟练vue3+pinia + typescript进行开发;
6、熟练webpack对项目的打包优化以及 Git 代码托管工具;
7、熟练bootstrap,layui、element-ui、Ant Design、 vant、iview、若依、element-admin等框架的使用;
8、熟练使用ps软件,VS Code, HBuilder x、微信开发者工具;
9、熟练使用echarts图表,根据不同项目进行封装;
10、熟练微信开发框架,熟练微信小程序;
11、熟练使用uniapp进行开发;
12、掌握Node.js(Express)、npm包管理工具,能使用Express进行简易服务器
搭建;
13、掌握Postman的使用,了解njinx本地、远程部署;熟悉MySQL数据库的使用;
14、熟悉React技术,antd框架的使用。

项目经验

项目名称:基金f10
项目描述:这是一款基于vue2+vant组件库开发的H5项目,主要内容以基金、金融产品提供参考数据。该项目的内容模块为、基金详情、基金经理详情、基金PK、经理PK、基金筛选、基金排行。
责任描述:负责基金详情、基金经理详情、基金筛选的开发。
使用技术:
1、使用postcss-pxtorem插件在移动端实现响应式布局,提高网站的可访问性;使用autoprefixer自动补全浏览器私有前缀名保证浏览器的兼容性;
2、封装高可复用性组件,降低组件之间的耦合度,提高项目的可维护性;
3、使用date-fns轻量级日期库, lodash库提高开发效率;
4、配置reset.css文件,重置浏览器的默认样式,解决浏览器兼容问题;
5、使用vant组件库封装全局toast加载提示;
6、搜索功能使用防抖节约请求资源;
7、封装axios, 提高代码质量、让使用更为便利。配置代理和拦截器,在请求头中设置token防止表单重复提交;
8、对数据量大的内容在调用API的同时将数据存取在sessionStorage中进行缓存。避免重复请求数据,提高性能;
9、使用mock.js模拟数据,保证前期开发进度;
10、使用eslint和prettier统一代码风格,减少合并代码时的冲突;
11、将echart中重复的代码全部抽离在一个js文件中,利用vue的混入(mixins)优化代码,提高性能;
12、利用路由配置中台构建etf筛选模块;
13、封装better-scroll在基金筛选模块实现更佳的滚动效果;
14、使用pinyin-match插件在前端实现快速检索功能;
15、利用beforeResolve将主题色存入缓存中,将封装好的主题函数挂载到原型上,全局性统一的改变颜色;
16、在基金筛选中,当用户关闭浏览器时将当前时间存入localStorage中,在用户下次进去页面时,如果关闭浏览器时长超过30秒就立马清除token。避免用户频繁登录,同时保证当前登录用户保存的筛选条件正常展示。

项目名称:蝶蜂营地
项目描述:基于h5嵌入进行开发的公众号,内容主要为理财课程和热门文章。成为营主可通过分享课程,成功销售后可获得佣金奖励。
责任描述:主要负责营地的开发,有首页、资源库、个人中心。
使用技术:
1、 利用vant组件的list列表实现下拉刷新、上拉加载更多数据;
2、 利用vuex实现添加课程功能,将数据存入营主页面进行展示;
3、 对知识中心的课程设置置顶、取消置顶、移除营地等选项;
4、 对基金类型的标签进行封装,提高项目的可维护性;
5、 将基金f10中的模块接入到营主的个人中心;
6、 利用QRCode生成二维码,使用html2canvas插件将html转成canvas,再生成图片,实现长截图的转发和识别图中二维码进入营地。

项目名称:易点高校小程序
项目描述:
学生通过手机进入易点高校平台,选择需要的零食或者餐食结算并下单,将由店长最快5分钟内配送到指定宿舍。校园商家入驻平台,打造餐饮配送体系,解决用餐问题。平台提供预订功能,让同学一下课餐饮即达,提供创业机会,在寝室里开便利店。店长负责给本栋楼下单的用户配送。
责任描述:
1、负责店铺列表、店铺详情、个人中心;
2、使用mode=region实现省市县联动,获取地理位置信息;
3、利用小程序button组件的open-type属性获取获取到用户信息;
4、利用wx.login获取登陆凭证,利用登陆凭证和appId以及appsecret获取用户openId;
5、在app.json中配置subpackages做分包和preloadRule分包预下载,提高用户体验;
主包一般是包含启动页,公共资源,TabBar页面,分包包含开发者工作分配的页面,用户使用时才会下载;
6、使用小程序的wx.setStorageSync数据缓存将信息存在本地,从而减少服务器请求压力;
7、通过onPullDownRefresh实现下拉刷新;
8、通过onReachBottom实现上拉触底。

项目名称:域宝贝游乐管理系统
项目描述:
域宝贝游乐管理系统,该项目是对电玩乐园的人员,货品进行统一管理,通过数据的分析从而更好的掌握乐园运营的状态。分别在首页实现了人员管理、权限管理、库存管理、营收分析等功能;人员管理实现了增、删、改、查看人员信息等功能;权限管理实现了添加角色、修改角色、删除角色、分配角色等功能;库存管理实现了对商品的实时统计。营收分析实现了对不同机台的数据收集。
责任描述:
负责登录、注册、用户管理、权限管理页面的开发。
1、配置api代理解决跨域问题,重写路径;
2

案例展示

  • 蝶蜂营地

    蝶蜂营地

    项目描述:基于h5嵌入进行开发的公众号,内容主要为理财课程和热门文章。成为营主可通过分享课程,成功销售后可获得佣金奖励。 责任描述:主要负责营地的开发,有首页、资源库、个人中心。 使用技术: 1、 利用vant组件的list列表实现下拉刷新、上拉加载更多数据; 2、 利用

  • 基金f10

    基金f10

    项目描述:这是一款基于vue2+vant组件库开发的H5项目,主要内容以基金、金融产品提供参考数据。该项目的内容模块为、基金详情、基金经理详情、基金PK、经理PK、基金筛选、基金排行。 责任描述:负责基金详情、基金经理详情、基金筛选的开发。 使用技术: 1、使用postcs

  • 模信管理平台

    模信管理平台

    项目描述: 这是一个基于uniapp开发的APP项目,主要经营模具的销售以及配送。该项目支持首页、列表页、详情页、耗材下单、工作台、登录、注册等功能。 责任描述: 1、根据项目需求和功能搭建项目框架; 2、跟后台协商接口; 3、使用Hbuilder创建uni-app项目

  • 基金筛选中台

    基金筛选中台

    项目描述:基于若依前后端分离版进行快速开发。合理分配权限、避免因权限控制缺失或操作不当引发的风险问题。 责任描述: 1、 根据不同的条件类型动态配置可编辑的分类和选项,从而控制前端页面展示的内容; 2、 定义分布图、涨跌、ETF控件,方便后期开发和迭代; 3、 利用xls

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

信用行为

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

发布任务

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

微信接收人才推送

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

接收人才推送
联系聘用方端客服
联系聘用方端客服