Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitfb6eb26

Browse files
committed
💫 workflow(all): fix details
1 parentd89805d commitfb6eb26

File tree

15 files changed

+92
-72
lines changed

15 files changed

+92
-72
lines changed

‎src/App.jsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
import{useEffect}from"react";
2+
13
import{Routes,Route}from"react-router-dom";
24
import"./App.css";
35

@@ -9,7 +11,10 @@ import ProjectsDetail from "./pages/projects/detail";
911
importWorkfrom"./pages/work";
1012
importNoMatchfrom"./pages/nomatch";
1113

14+
import{printLog}from"./utils/screenlog.js";
15+
1216
functionApp(){
17+
useEffect(printLog,[]);
1318
return(
1419
<Routes>
1520
<Routepath="/"element={<Layout/>}>

‎src/assets/doc/m.md

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,11 @@
1313

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

16-
* Tel:18616240038
16+
* Tel:17091248698
1717

1818
* 期望职位:Web前端工程师
19+
20+
* 期望薪资:面谈
1921

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

@@ -28,4 +30,12 @@
2830
- 熟练使用 element-ui、element-ui plus、ant-design for vue、vant、ant-design等ui组件库
2931
- 熟练搭建开发h5、pc 、后台管理系统等项目
3032
- 熟悉webpack、vite等构建工具; 熟悉Git代码管理工具;了解NodeJS、TypeScript
31-
- 具有完备的JS基础,有代码洁癖,开发注重代码质量,提升可维护性
33+
- 具有完备的JS基础,有代码洁癖,开发注重代码质量,提升可维护性
34+
35+
* 一些补充:
36+
37+
- 此次寻找新的工作机会,主要是追求新的技术台阶和更快的技术成长
38+
- 性格温和,能在工作中保持学习的自驱力,热爱前端事业;
39+
- 喜欢尝试新技术,2021通过自学，主导尝试了vue3和react的项目开发。
40+
并且2022技术目标是NodeJS和TypeScript;
41+
- 此项目使用react、react-markdown完成,并通过gh-pages部署在github;

‎src/assets/doc/p1.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11

2-
###[项目名称](https://www.baidu.com/)
2+
###[Buykop Admin 后台管理系统](https://oms.prd.buykop.com/)
33

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

@@ -9,10 +9,10 @@
99

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

12-
-使用webpakrequire.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文档,主要包括项目的结构目录、功能模块的说明和风格规范;
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` 文档,主要包括项目的结构目录、功能模块的说明和代码的风格规范;
1818

‎src/assets/doc/p2.md

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

2-
###[Buykop Mall](https://www.baidu.com/)
2+
###[Buykop Mall 商城](https://www.buykop.com/)
33

44
* 开发周期: 2022/02 - Present
55

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

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

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

1212
- 使用better-scroll、插槽和van-list封装支持上划加载的公用列表滚动组件;
1313
- 使用google-translate sdk和ip-api，实现不同ip下的对应语言自动翻译功能;
14-
- 使用：root覆盖vant ui底层css变量，从而实现组件库主题的定制；并结合sass,sass-resource-loader，实现全局sass变量和mixin函数封装;
14+
- 使用:root覆盖vant ui底层css变量，从而实现组件库主题的定制；并结合sass,sass-resource-loader，实现全局sass变量和mixin函数封装;
1515
- 使用pinia对首页、留言、账号验证等模块进行扁平化的状态存储管理;
1616
- 使用requestAnimFrame，实现逐帧动画，从而达到更顺滑的页面滚动效果;

‎src/assets/doc/p3.md

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

2-
###[Buykop OMS](https://www.baidu.com/)
2+
###[Buykop OMS 运营管理系统](https://oms.prd.buykop.com/)
33

44
* 开发周期: 2021/07 - Present
55

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

8-
* 概览: 此项目作为buykop的运营管理平台，包括运营分析、客户管理、推广营销、品牌站管理等功能页面。
8+
* 概览: 此项目作为buykop的运营管理平台，是给buykop运营人员对独立站和商城进行管理的平台。包括运营分析、客户管理、推广营销、品牌站管理等功能页面。
99

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

12-
- 使用@antv/g2实现首页各类数据图表展示
13-
-配置babel.config.js,生产环境下添加 transform-remove-console ;
14-
- 使用 debounce 优化推广营销模块中渠道的搜索查询;
15-
- 实现 utils.js工具函数、requet.js http请求封装、filters.js 过滤器等；
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: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11

2-
###[Buykop Meta](https://meta.prd.buykop.com)
2+
###[Buykop Meta 广告平台](https://meta.prd.buykop.com)
33

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

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

8-
* 概览: 此项目作为buykop的广告投放合作平台，此项目技术栈基于react、ant-design，团队协同开发完成。
8+
* 概览: 此项目作为buykop的广告投放合作平台，此项目作为buykop的广告投放合作平台,是开放给自建站用户进行广告分发合作的平台。此项目技术栈基于react、ant-design，团队协同开发完成。此项目技术栈基于`react`、`ant-design`，团队协同开发完成。
99

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

12-
-使用styled-components书写样式，并通过attrs和$回调实现样式的动态更改；
13-
-封装排序sorter组件，实现条件列表的自定义传入；并使用propTypes对传入属性进行函数校验；
14-
- 使用 createContext 实现深层组件的数据共享;
12+
-使用`styled-components` 书写样式，并通过attrs和$回调实现样式的动态更改；
13+
-封装排序`sorter` 组件，实现条件列表的自定义传入；并使用`propTypes` 对传入属性进行函数校验；
14+
- 使用`createContext` 实现深层组件的数据共享;

‎src/assets/doc/w.md

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

2-
###[某某公司](https://www.baidu.com/)
2+
###[馥润信息科技](https://www.buykop.com/)
33

44
工作时间: 2021/03 - Present
55

66
职位: 前端开发
77

8-
职责:请问请问其二请问请问切勿去而且为去
8+
职责:工作初期主要负责独立站后台管理系统的重构工作,中后期同团队协同开发了10余个子项目,包括H5、PC、后台管理系统等项目,并持续进行迭代和维护;
99

10-
###[某某公司](https://www.baidu.com/)
10+
###[艾洛互动](http://www.elloworld.com/)
1111

1212
工作时间: 2020/12 - 2021/03
1313

1414
职位: 前端开发
1515

16-
职责:请问请问其二请问请问切勿去而且为去
17-
###[某某公司](https://www.baidu.com/)
16+
职责:负责H5项目的开发工作
17+
###不凡网络科技
1818

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

2121
职位: 前端开发
2222

23-
职责:请问请问其二请问请问切勿去而且为去
23+
职责:外包项目性质,负责各类项目的开发工作
2424

‎src/assets/images/admin-logo.png

13.3 KB
Loading

‎src/assets/images/log-avatar.jpg

14.5 KB
Loading

‎src/assets/images/meta-logo.png

10 KB
Loading

‎src/components/Markdown.jsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@ export const MarkdownNavWrapper = styled.div`
3131

3232
constmarkdownMap=newMap();
3333
markdownMap.set("p1",p1);
34-
markdownMap.set("p2",p1);
35-
markdownMap.set("p3",p1);
34+
markdownMap.set("p2",p2);
35+
markdownMap.set("p3",p3);
3636
markdownMap.set("w",w);
3737
markdownMap.set("m",m);
3838

@@ -52,13 +52,13 @@ export function Markdown(props) {
5252
.then((txt)=>{
5353
setMd(txt);
5454
});
55-
console.log("useEffect=>",md);
55+
//console.log("useEffect=>", md);
5656
},[md]);
5757
return(
5858
<>
59-
<MarkdownNavWrapperclassName="markdown-nav">
59+
{/*<MarkdownNavWrapper className="markdown-nav">
6060
<MarkNav source={md} />
61-
</MarkdownNavWrapper>
61+
</MarkdownNavWrapper>*/}
6262
<ReactMarkdown
6363
className="markdown-body"
6464
children={md}

‎src/layout/index.jsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -94,10 +94,10 @@ export default function Layout() {
9494
</div>
9595
</div>
9696
<divclassName="footer-nav">
97-
<aclassName="footer-nav__link">contact</a>
97+
{/*<a className="footer-nav__link">contact</a>
9898
<a className="footer-nav__link">github</a>
9999
<a className="footer-nav__link">dribbble</a>
100-
<aclassName="footer-nav__link">stack overflow</a>
100+
<a className="footer-nav__link">stack overflow</a>*/}
101101
</div>
102102
</div>
103103
</div>

‎src/pages/projects/list/index.jsx

Lines changed: 16 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,12 @@
33
*@Description:
44
*/
55
import{ProjectsListWrapper,ProjectItemWrapper}from"./styles";
6-
import{Link}from"react-router-dom";
6+
//import { Link } from "react-router-dom";
77
import{useNavigate}from"react-router";
88

9+
importp1from"../../../assets/images/admin-logo.png";
10+
importp4from"../../../assets/images/meta-logo.png";
11+
912
exportdefaultfunctionProjectsList(){
1013
constnavigate=useNavigate();
1114

@@ -15,7 +18,7 @@ export default function ProjectsList() {
1518

1619
return(
1720
<ProjectsListWrapper>
18-
<ProjectItemWrapperindex={0}>
21+
<ProjectItemWrapperindex={0}p={p1}>
1922
<div
2023
className="section"
2124
onClick={()=>onClickProjectItem("p1")}
@@ -27,21 +30,17 @@ export default function ProjectsList() {
2730
<divclassName="section-text">
2831
<h2className="section-text__title">
2932
<span>
30-
tandem exchange
33+
Buykop Admin
3134
<figureclassName="line line3"></figure>
3235
</span>
3336
</h2>
3437
<pclassName="section-text__description">
35-
A few years back, my brother was living in Berlin
36-
and learning German. After trying a bunch of
37-
different language learning tools and systems, he
38-
found that while traditional approaches like
39-
textbooks and tools like Rosetta Stone are good for…
38+
此项目作为buykop的商城网站，包括PC和移动端两个端的项目。此项目包括首页、商品详情、下单付款、商品搜索、个人中心和关于我们等功能页面，实现了数据埋点统计及语言翻译功能。
4039
</p>
4140
</div>
4241
</div>
4342
</ProjectItemWrapper>
44-
<ProjectItemWrapperindex={1}>
43+
<ProjectItemWrapperindex={1}p={p1}>
4544
<div
4645
className="section"
4746
onClick={()=>onClickProjectItem("p2")}
@@ -53,21 +52,17 @@ export default function ProjectsList() {
5352
<divclassName="section-text">
5453
<h2className="section-text__title">
5554
<span>
56-
tandem exchange
55+
Buykop Mall
5756
<figureclassName="line line3"></figure>
5857
</span>
5958
</h2>
6059
<pclassName="section-text__description">
61-
A few years back, my brother was living in Berlin
62-
and learning German. After trying a bunch of
63-
different language learning tools and systems, he
64-
found that while traditional approaches like
65-
textbooks and tools like Rosetta Stone are good for…
60+
此项目作为buykop的商城网站，包括PC和移动端两个端的项目。此项目包括首页、商品详情、下单付款、搜索、个人中心和关于我们等功能页面，实现了数据埋点统计及语言翻译功能。
6661
</p>
6762
</div>
6863
</div>
6964
</ProjectItemWrapper>
70-
<ProjectItemWrapperindex={2}>
65+
<ProjectItemWrapperindex={2}p={p1}>
7166
<div
7267
className="section"
7368
onClick={()=>onClickProjectItem("p3")}
@@ -79,21 +74,17 @@ export default function ProjectsList() {
7974
<divclassName="section-text">
8075
<h2className="section-text__title">
8176
<span>
82-
tandem exchange
77+
Buykop OMS
8378
<figureclassName="line line3"></figure>
8479
</span>
8580
</h2>
8681
<pclassName="section-text__description">
87-
A few years back, my brother was living in Berlin
88-
and learning German. After trying a bunch of
89-
different language learning tools and systems, he
90-
found that while traditional approaches like
91-
textbooks and tools like Rosetta Stone are good for…
82+
此项目作为buykop的运营管理平台，是给buykop运营人员对独立站和商城进行管理的平台。包括运营分析、客户管理、推广营销、品牌站管理等功能页面。
9283
</p>
9384
</div>
9485
</div>
9586
</ProjectItemWrapper>
96-
<ProjectItemWrapperindex={3}>
87+
<ProjectItemWrapperindex={3}p={p4}>
9788
<div
9889
className="section"
9990
onClick={()=>onClickProjectItem("p4")}
@@ -105,16 +96,12 @@ export default function ProjectsList() {
10596
<divclassName="section-text">
10697
<h2className="section-text__title">
10798
<span>
108-
tandem exchange
99+
Buykop Meta
109100
<figureclassName="line line3"></figure>
110101
</span>
111102
</h2>
112103
<pclassName="section-text__description">
113-
A few years back, my brother was living in Berlin
114-
and learning German. After trying a bunch of
115-
different language learning tools and systems, he
116-
found that while traditional approaches like
117-
textbooks and tools like Rosetta Stone are good for…
104+
此项目作为buykop的广告投放合作平台，此项目作为buykop的广告投放合作平台,是开放给自建站用户进行广告分发合作的平台。此项目技术栈基于react、ant-design，团队协同开发完成。此项目技术栈基于`react`、`ant-design`，团队协同开发完成。
118105
</p>
119106
</div>
120107
</div>

‎src/pages/projects/list/styles.js

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -53,16 +53,19 @@ export const ProjectItemWrapper = styled.div.attrs(({ index }) => ({
5353
order:${({ isEven})=>(isEven ?0 :1)};
5454
filter: none;
5555
background-color: rgb(243, 243, 243);
56-
background-image: url(${p1});
56+
background-image: url(${({ p})=>p});
57+
background-position: center center;
58+
background-size: 60% auto;
59+
background-repeat: no-repeat;
5760
5861
/* c */
5962
position: relative;
6063
flex: 0 0 auto;
6164
width: 68%;
6265
max-width: 447px;
6366
height: 276px;
64-
background-size: cover;
65-
background-position: 50%;
67+
/*background-size: cover;*/
68+
/*background-position: 50%;*/
6669
}
6770
6871
.section-text {
@@ -77,8 +80,8 @@ export const ProjectItemWrapper = styled.div.attrs(({ index }) => ({
7780
}
7881
}
7982
.section-text__description {
80-
line-height:1.5;
81-
font-size:12.8px;
83+
line-height:2;
84+
font-size:14px;
8285
color: #9b9b9b;
8386
-webkit-transition: all 0.25s;
8487
transition: all 0.25s;

‎src/utils/screenlog.js

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
/*
2+
*@Date: 2022-03-16
3+
*@Description:
4+
*/
5+
6+
exportfunctionprintLog(){
7+
console.log("[resumer] created");
8+
9+
console.log(
10+
"%c ",
11+
"background: url(https://img.bosszhipin.com/beijin/upload/avatar/20220315/607f1f3d68754fd05ef7d5a912f04ae8da9c4365fa5e2dfb802dfdb9bdf7eb28ace1fd7312e0f24a_s.jpg) no-repeat left center;font-size: 160px;",
12+
"\n"
13+
);
14+
console.log("[resumer] Thanks!");
15+
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp