* 贺子良/男/2019毕业

* 贺子良/男

* 本科/中南林业科技大学

* 毕业时间:2019

* 工作年限:3年

* 技术栈:vue2 |vue3 |react

* 技术栈:`vue2``vue3``react`

* Github:https://github.com/coderzii

* Tel:18616240038

* 期望职位:Web前端工程师

* 居住地区:上海市浦东新区

* 居住地区:上海市浦东新区

* 技能清单:

- 熟练使用es6及es6+语法

- 熟练使用react、vue2、vue3等框架,完成项目从0到1的搭建

- 熟练掌握sass、less等预编译语言,开发遵守BEM命名规范

- 熟练使用axios,、vue-router、vuex、pinia、react-router、redux-toolkit、styled-components等库

- 熟练使用 element-ui、element-ui plus、ant-design for vue、vant、ant-design等ui组件库

- 熟练搭建开发h5、pc 、后台管理系统等项目

- 熟悉webpack、vite等构建工具; 熟悉Git代码管理工具;了解NodeJS、TypeScript

- 具有完备的JS基础,有代码洁癖,开发注重代码质量,提升可维护性

* 开发周期: 2022/02 - 2022/02

* 技术栈:`vue2``vue-router``vuex``element-ui``sass`

* 概览: 此项目作为独立站的后台管理系统,承担了商家管理独立站前台网站的功能。此项目主要包括登录注册、商品管理、订单管理、评价管理、模板配置、营销数据、商店设置、用户设置、店铺管理等功能页面。

* 初期，我主要负责了此项目基于架构层面的整体重构，搭建项目框架工作，中后期则是团队内各模块的协同开发。此项目技术栈基于vue2+element-ui，结合业务特点，部分实现如下:

- 使用webpak require.context api,实现了/components/global下组件全局注册自动化;

- permission.js下通过全局路由守卫BeforeEach,实现登录鉴权、退出登录的缓存清除等系列操作;

- request.js下封装axios实例,实现请求拦截器里的header配置和响应拦截器的错误捕获无权限处理等操作;

- 基于el-upload组件二次封装,实现图片批量上传、拖动排序以及结合aliyun-oss-sdk的视频上传等功能;

- 基于el-tree,el-select,el-input,实现支持树形结构菜单的自定义操作(增删改)组件;

- 基于项目结构,书写了README.md文档,主要包括项目的结构目录、功能模块的说明和风格规范;

* 开发周期: 2022/02 - Present

* 技术栈:`vue3``vue-router``pinia``vant ui``sass`

* 概览: 此项目作为buykop的商城网站，是自建站的商城网站。此项目包括首页、商品详情、下单付款、搜索、个人中心和关于我们等功能页面，实现了数据埋点统计及语言翻译功能。

* 我初期主要负责了项目搭建,页面上实现了首页、搜索和个人中心等页面。此项目技术栈基于vue3+vant-ui，结合业务特点，实现如下:

- 使用better-scroll、插槽和van-list封装支持上划加载的公用列表滚动组件;

- 使用google-translate sdk和ip-api，实现不同ip下的对应语言自动翻译功能;

- 使用：root覆盖vant ui底层css变量，从而实现组件库主题的定制；并结合sass,sass-resource-loader，实现全局sass变量和mixin函数封装;

- 使用pinia对首页、留言、账号验证等模块进行扁平化的状态存储管理;

- 使用requestAnimFrame，实现逐帧动画，从而达到更顺滑的页面滚动效果;

* 开发周期: 2021/07 - Present

* 技术栈:`vue2``vue-router``ant design for vue``antv/g2``less`

* 概览: 此项目作为buykop的运营管理平台，包括运营分析、客户管理、推广营销、品牌站管理等功能页面。

* 我初期主要负责了项目搭建,之后主要负责首页dashboard、推广营销等模块页面。此项目技术栈基于vue2、ant-design for vue，团队协同开发完成。实现如下:

- 使用@antv/g2实现首页各类数据图表展示

- 配置babel.config.js,生产环境下添加 transform-remove-console ;

- 使用 debounce 优化推广营销模块中渠道的搜索查询;

- 实现 utils.js工具函数、requet.js http请求封装、filters.js 过滤器等；

* 开发周期: 2022/01 - 2022/01

* 技术栈:`react``react-router``mobx``ant design``styled-components`

* 概览: 此项目作为buykop的广告投放合作平台，此项目技术栈基于react、ant-design，团队协同开发完成。

* 我主要负责了广告创建修改页、广告搜索查询页，实现如下:

- 使用styled-components书写样式，并通过attrs和$回调实现样式的动态更改；

- 封装排序sorter组件，实现条件列表的自定义传入；并使用propTypes对传入属性进行函数校验；

- 使用 createContext 实现深层组件的数据共享;

* Follows[CommonMark](https://commonmark.org)

* Optionally follows[GitHub Flavored Markdown](https://github.github.com/gfm/)

* Renders actual React elements instead of using`dangerouslySetInnerHTML`

* Lets you define your own components (to render`MyHeading` instead of`h1`)

* Has a lot of plugins

Here is an example of a plugin in action

([`remark-toc`](https://github.com/remarkjs/remark-toc)).

This section is replaced by an actual table of contents.

职位: 前端开发

职责: 请问请问其二请问请问切勿去而且为去

Here is an example of a plugin to highlight code:

[`rehype-highlight`](https://github.com/rehypejs/rehype-highlight).

工作时间: 2019/06 - 2020/12

职位: 前端开发

ReactDOM.render(

<ReactMarkdown rehypePlugins={[rehypeHighlight]}>{'# Your markdown here'}</ReactMarkdown>,

document.querySelector('#content')

)

职责: 请问请问其二请问请问切勿去而且为去

Pretty neat, eh?

For GFM, you can*also* use a plugin:

[`remark-gfm`](https://github.com/remarkjs/react-markdown#use).

It adds support for GitHub-specific extensions to the language:

tables, strikethrough, tasklists, and literal URLs.

These features**do not work by default**.

👆 Use the toggle above to add the plugin.

| Feature| Support|

| ---------:| :-------------------|

| CommonMark| 100%|

| GFM| 100% w/`remark-gfm`|

~~strikethrough~~

*[ ] task list

*[x] checked item

⚠️ HTML in markdown is quite unsafe, but if you want to support it, you can

use[`rehype-raw`](https://github.com/rehypejs/rehype-raw).

You should probably combine it with

[`rehype-sanitize`](https://github.com/rehypejs/rehype-sanitize).

<blockquote>

👆 Use the toggle above to add the plugin.

</blockquote>