💫 workflow(/doc): feat md

src/assets/doc/m.md

@@ -1,18 +1,31 @@
 
 
 
-* 贺子良/男/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基础,有代码洁癖,开发注重代码质量,提升可维护性

src/assets/doc/p1.md

@@ -1,6 +1,18 @@
 
-# 一级标题
+###  [项目名称](https://www.baidu.com/)
 
-## 二级标题
+ * 开发周期: 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文档,主要包括项目的结构目录、功能模块的说明和风格规范;
 
-### 三级标题

src/assets/doc/p2.md

@@ -1,3 +1,16 @@
 
+###  [Buykop Mall](https://www.baidu.com/)
 
-# p02
+ * 开发周期: 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，实现逐帧动画，从而达到更顺滑的页面滚动效果;

src/assets/doc/p3.md

@@ -1,3 +1,15 @@
 
+###  [Buykop OMS](https://www.baidu.com/)
 
-# p03
+ * 开发周期: 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 过滤器等；

src/assets/doc/p4.md

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

src/assets/doc/w.md

@@ -1,73 +1,24 @@
-# Project1
 
-`react-markdown` is a markdown component for React.
+###  [某某公司](https://www.baidu.com/)
 
-👉 Changes are re-rendered as you type.
+ 工作时间: 2021/03 - Present
 
-👈 Try writing some markdown on the left.
+ 职位: 前端开发
 
-## Overview
+ 职责: 请问请问其二请问请问切勿去而且为去
 
-* 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
+###  [某某公司](https://www.baidu.com/)
 
-## Table of contents
+ 工作时间: 2020/12 - 2021/03
 
-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.
+ 职位: 前端开发
 
-## Syntax highlighting
+ 职责: 请问请问其二请问请问切勿去而且为去
+###  [某某公司](https://www.baidu.com/)
 
-Here is an example of a plugin to highlight code:
-[`rehype-highlight`](https://github.com/rehypejs/rehype-highlight).
+ 工作时间: 2019/06 - 2020/12
 
-```js
-import React from 'react'
-import ReactDOM from 'react-dom'
-import ReactMarkdown from 'react-markdown'
-import rehypeHighlight from 'rehype-highlight'
+ 职位: 前端开发
 
-ReactDOM.render(
-  <ReactMarkdown rehypePlugins={[rehypeHighlight]}>{'# Your markdown here'}</ReactMarkdown>,
-  document.querySelector('#content')
-)
-```
+ 职责: 请问请问其二请问请问切勿去而且为去
 
-Pretty neat, eh?
-
-## GitHub flavored markdown (GFM11111111111)
-
-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
-
-https://example.com
-
-## HTML in markdown
-
-⚠️ 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>