Skip to content

Commit

Permalink
update some files
Browse files Browse the repository at this point in the history
  • Loading branch information
xuqingshan committed Dec 6, 2020
1 parent ece96ee commit fcbf987
Show file tree
Hide file tree
Showing 8 changed files with 485 additions and 58 deletions.
216 changes: 216 additions & 0 deletions banner.bak.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,216 @@
define([
"window",
"jquery",
"Cookies",
"lib/domReady",
"st",
"util/query",
"util/UserManage",
"util/storage",
], (window, $, Cookies, domReady, stOrig, query, UserManage, storage) => {
if (!window.TYC_UI) {
window.TYC_UI = {};
}
/* eslint-disable */
let { BANNER } = window.TYC_UI;
if (!BANNER) {
BANNER = window.TYC_UI.BANNER = {};
}
BANNER.jumpUrl = `${window.serverDomain}/claim/entry`;

const bottomBannerHtml = [];
bottomBannerHtml.push(
'<div id="tyc_banner_bottom" tyc-event-click tyc-event-ch="shouye.Dibubanner.zhankai" class="banner-bottom">'
);
bottomBannerHtml.push("<div class='content' id='js-banner-click'>");
bottomBannerHtml.push(
"<div class='main banner-3d-filp-up' id='js-banner-main'><div class='fix-img'></div></div>"
);
bottomBannerHtml.push("<div class='code'>");
bottomBannerHtml.push("</div>");
bottomBannerHtml.push("</div>");
bottomBannerHtml.push(
"<div id='tyc_banner_close' tyc-event-click tyc-event-ch=\"shouye.Dibubanner.close\" class='close' >" +
"<div class='inner'></div></div>"
);
bottomBannerHtml.push("</div>");

const closeFooterBanner = function () {
changeBannerState(true);
};
const bannerCookieOptions = {
path: "/",
domain: window.cookieServerSuffix.split(":")[0],
};
function changeBannerState (state) {
if (String(state) === "true") {
$(".banner-bottom").removeClass("-show");
setTimeout(() => {
$(".banner-left").removeClass("-leave");
}, 300);
} else {
$(".banner-left").addClass("-leave");
setTimeout(() => {
$(".banner-bottom").addClass("-show");
}, 300);
}
};
let hasBannerCookie = Cookies.get("bannerFlag", bannerCookieOptions) || false;
let isHomePage = window.location.pathname === "/";
console.log(window.location)

$.banner = function (options) {
options = options || {};
const bannerHtml = "<div class='bottom-banner'></div>";
if ($("#banner_web")[0]) {
$("#banner_web").append($(bannerHtml));

query.home_getBottomBanner().then((res) => {
const { data } = res;
const banner_style =
`.bottom-banner {
width: 100%;
position: fixed;
bottom: 0px;
display: flex;
z-index: 9999;
}
.bottom-banner .banner-left {
position: fixed;
left: -20px;
bottom: 48px;
cursor: pointer;
z-index: 200;
width: 80px;
transition: left .3s cubic-bezier(.14,.68,.46,1);
}
.bottom-banner .banner-left:hover {
left: 0;
}
.bottom-banner .banner-left.-leave {
left: -90px;
}
.bottom-banner .banner-bottom {
position: fixed;
text-align: center;
width: 100%;
height: 72px;
z-index: 20000;
cursor: pointer;
transition: left .3s cubic-bezier(.14,.68,.46,1);
background-image: url('${data.imageUrl2}');
background-size: auto 72px;
background-repeat: no-repeat;
background-position: center;
left: -100%;
bottom: 0;
}
.bottom-banner .banner-bottom.-show {
left: 0;
opacity: 1;
}
.bottom-banner .banner-bottom .content {
text-align: center;
height: 72px;
z-index: 20000;
cursor: pointer;
width: 1000px;
display: flex;
left: 0;
right: 0;
margin: auto;
justify-content: space-between;
}
.bottom-banner .close {
width: 72px;
height: 72px;
position: absolute;
z-index: 20001;
right: 0;
top: 0;
opacity: 0.6;
}
.bottom-banner .close:hover {
opacity: 1;
}
.bottom-banner .close .inner {
background: url(https://cdn.tianyancha.com/web-require-js/public/images/banner/dyr/banner_dyr_close.png) no-repeat center;
width: 72px;
height: 72px;
background-size: 72px;
}
.bottom-banner .banner-bottom .code {
width: 160px;
height: 154px;
position: relative;
top: -82px;
background-size: 100%;
background-image: url(https://cdn.tianyancha.com/web-require-js/public/images/banner/dyr/banner-web-qrcode-0320.png);
}
@media (min-width: 1128px) and (max-width: 1186px) {
.bottom-banner .banner-bottom {
display: flex;
justify-content: flex-end;
}
.bottom-banner .banner-bottom .content {
margin: 0 88px 0 0;
}
}
@media (min-width: 1028px) and (max-width: 1128px) {
.bottom-banner .banner-bottom .content{
margin-right:88px;
min-width: 900px;
width: 0;
}
}
@media (max-width: 1028px) {
.bottom-banner .banner-bottom {
min-width: 1028px;
}
.bottom-banner .banner-bottom .content {
margin: 0 88px 0 40px;
width: 900px;
}
.bottom-banner .banner-bottom .close {
right: 10px;
}
}`
window.createStyle(banner_style);
const leftBannerHtml = [];
leftBannerHtml.push(
`<img id='tyc_banner_left' tyc-event-click tyc-event-ch="shouye.Dibubanner.open" class='banner-left' alt='企业认证' src='${data.imageUrl}'>`
);
$(".bottom-banner")[0].innerHTML = leftBannerHtml.join("") + bottomBannerHtml.join("");

// banner 初始化部分。
// false 展示底部
// true 隐藏底部
// 首页且没cookie才展示底部
const isHideBottomBanner = !isHomePage || hasBannerCookie;
changeBannerState(isHideBottomBanner);
Cookies.set('bannerFlag', true, bannerCookieOptions)
$("#tyc_banner_left").on("click", () => {
changeBannerState(false);
});
BANNER.jumpUrl = data.redirectUrl || `${window.serverDomain}/claim/entry`;
});

$("#banner_web").on(
"click.js-banner-click",
"#tyc_banner_bottom",
(event) => {
const evt = event.srcElement ? event.srcElement : event.target;
if ($(evt).hasClass("close") || $(evt).hasClass("inner")) {
closeFooterBanner();
return;
}
window.open(BANNER.jumpUrl, "_blank");
return;
}
);
}
};
$(() => {
$.banner();
});
});
52 changes: 32 additions & 20 deletions resume.md
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,32 @@
## 个人信息

- 姓名：许青山
- 性别：男
- 出生年份： 1992 年
- 学校专业： 硕士/通信工程/西安电子科技大学大学
- 期望职位：前端工程师
- 期望城市: 南京
- 期望薪资：面议

## 联系方式

- 手机: 157-7191-0973
- 邮箱: [email protected]
<html>
<table style="margin-left: auto; margin-right: auto; border: 0px;">
<tr style="border:0px;">
<td style="width: 50%; border: 0px;">
姓名：许青山
</td>
<td style="width: 50%; border: 0px;">
性别：男
</td>
</tr>
<tr style="border:0px;">
<td style="width: 50%; border: 0px; background: #fff;">
出生年份： 1992 年
</td>
<td style="width: 50%; border: 0px; background: #fff;">
学校专业： 硕士 / 通信工程 / 西安电子科技大学大学
</td>
</tr>
<tr style="border:0px;">
<td style="width: 50%; border: 0px;">
手机: 157-7191-0973
</td>
<td style="width: 50%; border: 0px;">
邮箱: [email protected]
</td>
</tr>
</table>
</html>

## 自我简介

Expand All @@ -28,9 +43,7 @@

#### 天眼查web

- 项目地址

- https://www.tianyancha.com
- 项目地址 https://www.tianyancha.com

- 项目简介

Expand All @@ -43,8 +56,7 @@

#### 大米网校H5主站

- 项目地址
- [https://m.damiwangxiao.com/selling/](https://m.damiwangxiao.com/selling/)
- 项目地址 [https://m.damiwangxiao.com/selling/](https://m.damiwangxiao.com/selling/)
- 项目简介
- 大米网校m站是大米网校的h5项目，项目包含选课，订单、支付和添加辅导老师等功能。
- 项目采用 Vue + webpack 来进行开发，是一个完整的配置化的商品售卖系统。
Expand All @@ -55,6 +67,6 @@

- 项目简介
- 基于公司各个项目的公共业务，抽离组件，提升开发效率。H5主站项目，活动项目等各种项目都需要有登陆，选课菜单，页面分享，资料列表等类似功能，每个项目重新过于低效，且不利于迭代，针对这种问题，分离出相关组件，打包成内部组件库供各端使用。
- 基于运营方的强烈需求，封装了神策打点工具包。页面的访问效果对项目迭代的方向至关重要，运营活动效果的分析更加离不开用户对页面的访问数据。根据这一需求，封装了打点工具包。通过打点，可以很方便的分析页面的pv/uv 和各点击事件，以及漏斗。
- 基于运营方的强烈需求，封装了神策打点工具包。页面的访问效果对项目迭代的方向至关重要，运营活动效果的分析更加离不开用户对页面的访问数据。根据这一需求，封装了打点工具包。通过打点，可以很方便的分析页面的pv/uv 和各点击事件分析。
- 项目职责
- 负责登陆组件、选课组件库的开发，负责神策打点包。
- 负责登陆组件、选课组件库的开发，负责神策打点包开发。
13 changes: 13 additions & 0 deletions svgWithD3/1.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
41 changes: 41 additions & 0 deletions svgWithD3/2.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit fcbf987

Please sign in to comment.