Skip to content

Commit d89805d

Browse files
24958677292495867729
committed
💫 workflow(/doc): feat md
1 parent bd6ccbb commit d89805d

File tree

6 files changed

+84
-69
lines changed

6 files changed

+84
-69
lines changed

‎src/assets/doc/m.md

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,31 @@
11

22

33

4-
* 贺子良/男/2019毕业
4+
* 贺子良/男
55

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

8+
* 毕业时间:2019
9+
810
* 工作年限:3年
911

10-
* 技术栈:vue2 | vue3 | react
12+
* 技术栈:`vue2` `vue3` `react`
1113

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

1416
* Tel:18616240038
1517

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

18-
* 居住地区:上海市浦东新区
20+
* 居住地区:上海市浦东新区
21+
22+
* 技能清单:
23+
24+
- 熟练使用es6及es6+语法
25+
- 熟练使用react、vue2、vue3等框架,完成项目从0到1的搭建
26+
- 熟练掌握sass、less等预编译语言,开发遵守BEM命名规范
27+
- 熟练使用axios,、vue-router、vuex、pinia、react-router、redux-toolkit、styled-components等库
28+
- 熟练使用 element-ui、element-ui plus、ant-design for vue、vant、ant-design等ui组件库
29+
- 熟练搭建开发h5、pc 、后台管理系统等项目
30+
- 熟悉webpack、vite等构建工具; 熟悉Git代码管理工具;了解NodeJS、TypeScript
31+
- 具有完备的JS基础,有代码洁癖,开发注重代码质量,提升可维护性

‎src/assets/doc/p1.md

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,18 @@
11

2-
# 一级标题
2+
### [项目名称](https://www.baidu.com/)
33

4-
## 二级标题
4+
* 开发周期: 2022/02 - 2022/02
5+
6+
* 技术栈: `vue2` `vue-router` `vuex` `element-ui` `sass`
7+
8+
* 概览: 此项目作为独立站的后台管理系统,承担了商家管理独立站前台网站的功能。此项目主要包括登录注册、商品管理、订单管理、评价管理、模板配置、营销数据、商店设置、用户设置、店铺管理等功能页面。
9+
10+
* 初期，我主要负责了此项目基于架构层面的整体重构，搭建项目框架工作，中后期则是团队内各模块的协同开发。此项目技术栈基于vue2+element-ui，结合业务特点，部分实现如下:
11+
12+
- 使用webpak require.context api,实现了/components/global下组件全局注册自动化;
13+
- permission.js下通过全局路由守卫BeforeEach,实现登录鉴权、退出登录的缓存清除等系列操作;
14+
- request.js下封装axios实例,实现请求拦截器里的header配置和响应拦截器的错误捕获无权限处理等操作;
15+
- 基于el-upload组件二次封装,实现图片批量上传、拖动排序以及结合aliyun-oss-sdk的视频上传等功能;
16+
- 基于el-tree,el-select,el-input,实现支持树形结构菜单的自定义操作(增删改)组件;
17+
- 基于项目结构,书写了README.md文档,主要包括项目的结构目录、功能模块的说明和风格规范;
518

6-
### 三级标题

‎src/assets/doc/p2.md

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,16 @@
11

2+
### [Buykop Mall](https://www.baidu.com/)
23

3-
# p02
4+
* 开发周期: 2022/02 - Present
5+
6+
* 技术栈: `vue3` `vue-router` `pinia` `vant ui` `sass`
7+
8+
* 概览: 此项目作为buykop的商城网站，是自建站的商城网站。此项目包括首页、商品详情、下单付款、搜索、个人中心和关于我们等功能页面，实现了数据埋点统计及语言翻译功能。
9+
10+
* 我初期主要负责了项目搭建,页面上实现了首页、搜索和个人中心等页面。此项目技术栈基于vue3+vant-ui，结合业务特点，实现如下:
11+
12+
- 使用better-scroll、插槽和van-list封装支持上划加载的公用列表滚动组件;
13+
- 使用google-translate sdk和ip-api，实现不同ip下的对应语言自动翻译功能;
14+
- 使用：root覆盖vant ui底层css变量，从而实现组件库主题的定制；并结合sass,sass-resource-loader，实现全局sass变量和mixin函数封装;
15+
- 使用pinia对首页、留言、账号验证等模块进行扁平化的状态存储管理;
16+
- 使用requestAnimFrame，实现逐帧动画，从而达到更顺滑的页面滚动效果;

‎src/assets/doc/p3.md

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,15 @@
11

2+
### [Buykop OMS](https://www.baidu.com/)
23

3-
# p03
4+
* 开发周期: 2021/07 - Present
5+
6+
* 技术栈: `vue2` `vue-router` `ant design for vue` `antv/g2` `less`
7+
8+
* 概览: 此项目作为buykop的运营管理平台，包括运营分析、客户管理、推广营销、品牌站管理等功能页面。
9+
10+
* 我初期主要负责了项目搭建,之后主要负责首页dashboard、推广营销等模块页面。此项目技术栈基于vue2、ant-design for vue，团队协同开发完成。实现如下:
11+
12+
- 使用 @antv/g2实现首页各类数据图表展示
13+
- 配置babel.config.js,生产环境下添加 transform-remove-console ;
14+
- 使用 debounce 优化推广营销模块中渠道的搜索查询;
15+
- 实现 utils.js工具函数、requet.js http请求封装、filters.js 过滤器等；

‎src/assets/doc/p4.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
2+
### [Buykop Meta](https://meta.prd.buykop.com)
3+
4+
* 开发周期: 2022/01 - 2022/01
5+
6+
* 技术栈: `react` `react-router` `mobx` `ant design` `styled-components`
7+
8+
* 概览: 此项目作为buykop的广告投放合作平台，此项目技术栈基于react、ant-design，团队协同开发完成。
9+
10+
* 我主要负责了广告创建修改页、广告搜索查询页，实现如下:
11+
12+
- 使用styled-components书写样式，并通过attrs和$回调实现样式的动态更改；
13+
- 封装排序sorter组件，实现条件列表的自定义传入；并使用propTypes对传入属性进行函数校验；
14+
- 使用 createContext 实现深层组件的数据共享;

‎src/assets/doc/w.md

Lines changed: 12 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,73 +1,24 @@
1-
# Project1
21

3-
`react-markdown` is a markdown component for React.
2+
### [某某公司](https://www.baidu.com/)
43

5-
👉 Changes are re-rendered as you type.
4+
工作时间: 2021/03 - Present
65

7-
👈 Try writing some markdown on the left.
6+
职位: 前端开发
87

9-
## Overview
8+
职责: 请问请问其二请问请问切勿去而且为去
109

11-
* Follows [CommonMark](https://commonmark.org)
12-
* Optionally follows [GitHub Flavored Markdown](https://github.github.com/gfm/)
13-
* Renders actual React elements instead of using `dangerouslySetInnerHTML`
14-
* Lets you define your own components (to render `MyHeading` instead of `h1`)
15-
* Has a lot of plugins
10+
### [某某公司](https://www.baidu.com/)
1611

17-
## Table of contents
12+
工作时间: 2020/12 - 2021/03
1813

19-
Here is an example of a plugin in action
20-
([`remark-toc`](https://github.com/remarkjs/remark-toc)).
21-
This section is replaced by an actual table of contents.
14+
职位: 前端开发
2215

23-
## Syntax highlighting
16+
职责: 请问请问其二请问请问切勿去而且为去
17+
### [某某公司](https://www.baidu.com/)
2418

25-
Here is an example of a plugin to highlight code:
26-
[`rehype-highlight`](https://github.com/rehypejs/rehype-highlight).
19+
工作时间: 2019/06 - 2020/12
2720

28-
```js
29-
import React from 'react'
30-
import ReactDOM from 'react-dom'
31-
import ReactMarkdown from 'react-markdown'
32-
import rehypeHighlight from 'rehype-highlight'
21+
职位: 前端开发
3322

34-
ReactDOM.render(
35-
<ReactMarkdown rehypePlugins={[rehypeHighlight]}>{'# Your markdown here'}</ReactMarkdown>,
36-
document.querySelector('#content')
37-
)
38-
```
23+
职责: 请问请问其二请问请问切勿去而且为去
3924

40-
Pretty neat, eh?
41-
42-
## GitHub flavored markdown (GFM11111111111)
43-
44-
For GFM, you can *also* use a plugin:
45-
[`remark-gfm`](https://github.com/remarkjs/react-markdown#use).
46-
It adds support for GitHub-specific extensions to the language:
47-
tables, strikethrough, tasklists, and literal URLs.
48-
49-
These features **do not work by default**.
50-
👆 Use the toggle above to add the plugin.
51-
52-
| Feature | Support |
53-
| ---------: | :------------------- |
54-
| CommonMark | 100% |
55-
| GFM | 100% w/ `remark-gfm` |
56-
57-
~~strikethrough~~
58-
59-
* [ ] task list
60-
* [x] checked item
61-
62-
https://example.com
63-
64-
## HTML in markdown
65-
66-
⚠️ HTML in markdown is quite unsafe, but if you want to support it, you can
67-
use [`rehype-raw`](https://github.com/rehypejs/rehype-raw).
68-
You should probably combine it with
69-
[`rehype-sanitize`](https://github.com/rehypejs/rehype-sanitize).
70-
71-
<blockquote>
72-
👆 Use the toggle above to add the plugin.
73-
</blockquote>

0 commit comments

Comments
 (0)