马心悦

- 求职意向:前端开发 -

  • 联系方式
    呼叫📲18991132972
    bubbling_m3cury
    发邮件📩jayce_ma.xa@foxmail.com
    我的博客
  • 基本信息
    马心悦/女/26岁
    本科/西安工业大学/英语6级/计算机二级
  • Work experience. 工作经验
    • 有赞信息技术-sass营销顾问 2018.09~2019.07

      顾问式销售:从全渠道的进销存管理、客户管理系统、丰富的营销插件、门店的收银硬件系统等各方面,并结合有赞的微商城体系和商家的具体画像,输出个性化的定制方案,并从获客、成交转化、客户留存、复购、裂变这5个运营维度为商家提供经营建议指导;
      市场推广:参加有赞举办的5.8门罗发布会,到场商家达1600+,线上直播观众达6万+,除了发布零售产品新功能,同时为到场商家答疑解惑、实操讲解硬件的使用方法和软件功能;参加4.19深圳内衣展,负责展位布置和产品推广,为前来咨询的客户提供产品功能讲解和硬件操作展示;
      营销任务:通过每日电话量70通+每周面谈客户2家+方案输出+跟单及服务等环节,成交新签客户5家、升级客户3家、续费及增购3家;
      工作业绩:在职期间加入百万营销俱乐部,每月业绩完成额达6万+;

      小鹅通-web前端开发 2020.09~2021.03

      进行移动端页面的项目开发:独立负责超级会员,c端用户个人中心界面的升级和改版,手机支付页面的逻辑实现等;
      参与小鹅通双十二暨两周年的营销活动页面制作,包括知识付费的大V宣传页及老带新活动页,保障项目上线后用户的正常使用及bug的修复;
      进行b端(PC端)组件的搭建:运用vue技术栈,以组件化的形式进行升级开发,负责订单管理、用户管理、服务订购等项目,增强代码可读性及模块复用性;
      o端的维护与开发:为内部管理台提供技术支持、参与管理者页面的制作,包括后台数据的读取与展示,辅助运营同事更便捷地管理后台店铺;

  • Project experience. 项目经历
    • 咸鱼记账app

      项目描述:1. 咸鱼记账是一款极简的记账应用,它是基于Vue和TypeScript的单页面应用,界面样式参考了“鲨鱼记账”,同时部分实现了其中功能;
      2. 项目采用组件化的开发方式,使用TS代替JS作为主力开发语言,并且用到了装饰器语法;
      3. 项目中还应用到了许多vue.js提供的新特性,包括slot插槽、mixin混入等;
      4. 引入svg-sprite-loader处理并展示Icon,引入echarts展示折线图数据;
      技术栈:Vue + VueRouter + VueX + TypeScript + echarts
      预览链接:https://jaycemxy.github.io/money-bag-website/#/money
      源码地址:https://github.com/jaycemxy/money-bag

    • 木马UI

      项目描述:1. muma-ui是一个基于Vue3+TypeScript的小型UI框架,涵盖了button、switch、tabs、dialog等常见的UI组件;
      2. 学习研究了Vue3,使用了setup、onMounted、watchEffect、computed等Composition API;
      3. 每个组件采用模块化的书写方式,源码简洁明了、易于阅读;
      4. 可在线查看示例代码,并支持移动端和PC端的预览;
      技术栈:Vue3 + TypeScript + vite
      预览链接:jaycemxy.github.io/muma-ui/index.html#/
      源码地址:https://github.com/jaycemxy/muma-ui-test

    • 大屏可视化

      项目描述:1. 该项目是我在学习前端可视化与echarts时的练习项目;
      2. 页面整体布局采用grid和flex布局,同时为了适配不同屏幕,采用了动态rem方案,元素宽高均由px()函数计算得出;
      3. 项目中展示的有柱形图、饼图、折线图、表格和地图,且每个图例均可动态修改数据添加动画交互;
      技术栈:React + ReactRouter + Echarts
      预览链接:https://jaycemxy.github.io/bigScreen/index.html#/
      源码地址:https://github.com/jaycemxy/bigScreen-code

    • 会动的蜡笔小新

      项目描述:该项目是以动态的形式将卡通人物展示出来,适配移动端和PC端;
      技术栈:原生JavaScript + css
      预览链接:https://jaycemxy.github.io/labixiaoxin-animation/src/test.html
      源码地址:https://github.com/jaycemxy/labixiaoxin-animation

  • Skills. 技能描述
    • 熟悉页面制作能还原设计稿,掌握传统布局、flex布局、grid布局技巧,以及移动端适配方案

      Vue技术栈使用,包括Vue-Router、Vuex、Vue-CLI及相关流行库的使用,理解其中重要概念

      ES6重要关键字的使用,包括let、const、Promise、析构赋值等

      了解基础的TypeScript的使用,基本类型声明及转译方式

      前后端分离技术,包括AJAX、跨域以及同源策略、前端路由、cookie和session等

      了解webpack的相关配置及优化、能使用vite等工具进行项目搭建