Help
RSS
API
Feed
Maltego
Contact
Domain > www.ganxb2.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2019-03-12
61.139.126.55
(
ClassC
)
2024-07-19
211.149.140.179
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyServer: wts/1.7.0Date: Fri, 19 Jul 2024 16:28:11 GMTContent-Type: text/htmlContent-Length: 166Connection: keep-aliveLocation: https://www.ganxb2.com/Strict-Transport-Security: max-age31536000 html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>wts/1.7.0/center>/body>/html>
Port 443
HTTP/1.1 200 OKServer: wts/1.7.0Date: Fri, 19 Jul 2024 16:28:12 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-aliveVary: Accept-EncodingLast-Modified: Tue, 02 May 2023 11:24:41 GMTETag: W/80e2edafe87cd91:0Vary: Accept-EncodingStrict-Transport-Security: max-age31536000 !DOCTYPE html>html langzh-CN data-default-color-schemedark data-user-color-schemedark>head>!-- meta http-equivContent-Type contenttext/html; charsetUTF-8 /> -->meta charsetutf-8>meta nameviewport contentwidthdevice-width,initial-scale1>meta namemsvalidate.01 contentD2BC56DEF4B3E10015EE9EAC3CF0522D>meta namebytedance-verification-code contentM+49r6EDb1TKgDjzgl8/>meta namereferrer contentno-referrer>script>(function(){var edocument.createElement(script);e.srchttps://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?46be35bc02316217a6570b679bbcf1a0e60eed4089580108e3856cee2a992e2b30632485602430134f60bc55ca391050b680e2741bf7233a8f1da9902314a3fa,e.idttzz;var tdocument.getElementsByTagName(script)0;t.parentNode.insertBefore(e,t)})(window)/script>script>var _hmt_hmt||;(function(){var edocument.createElement(script);e.srchttps://hm.baidu.com/hm.js?4cb7917c76355f4ef74ab727f4b6d46c;var tdocument.getElementsByTagName(script)0;t.parentNode.insertBefore(e,t)})()/script>title>廿壴(ganxb2)网客互动分享宇宙 - 探讨WEB技术.交流日常生活.感悟短暂人生.分享简单快乐/title>meta namegenerator content廿壴 v3.0.1>meta nameauthor contentganxiaobo>meta namerobots contentindex, follow>meta namegooglebot contentindex, follow>meta namedescription content廿壴(ganxb2.com)原名小波分享圈子,是小波创建于2011年9月网客互动分享平台。作为设计、前端、摄影、SEO、WEB实验性新技术、音乐电影、动漫游戏、等其他爱好的个人小众交流分享圈子。借廿壴互动分享宇宙(小波分享圈子)能交到志同道合、来至全世界的小伙伴。>meta namekeywords content廿壴(GANXB2),廿壴互动分享宇宙,小波,小波分享圈子,VUE3,TS,HEXO,HTML5,CSS3,ES6,SEO,前端,用户体验,设计,图标,壁纸,游戏,动漫,音乐,电影,短文,歌词,编程>meta propertyog:type contentwebsite>meta propertyog:title content廿壴(ganxb2)网客互动分享宇宙 - 探讨WEB技术.交流日常生活.感悟短暂人生.分享简单快乐>meta propertyog:url contenthttps://www.ganxb2.com>meta propertyog:site_name content廿壴(ganxb2)网客互动分享宇宙 - 探讨WEB技术.交流日常生活.感悟短暂人生.分享简单快乐>meta propertyog:description content廿壴(ganxb2.com)原名小波分享圈子,是小波创建于2011年9月网客互动分享平台。作为设计、前端、摄影、SEO、WEB实验性新技术、音乐电影、动漫游戏、等其他爱好的个人小众交流分享圈子。借廿壴互动分享宇宙(小波分享圈子)能交到志同道合、来至全世界的小伙伴。>meta propertyog:locale contentzh_CN>meta propertyarticle:author contentchopin gump>meta propertyarticle:tag content廿壴(GANXB2),廿壴互动分享宇宙,小波,小波分享圈子,VUE3,TS,HEXO,HTML5,CSS3,ES6,SEO,前端,用户体验,设计,图标,壁纸,游戏,动漫,音乐,电影,短文,歌词,编程>meta nametwitter:card contentsummary_large_image>link relapple-touch-icon sizes76x76 hrefhttps://www.ganxb2.com/images/apple-touch-icon.png>link relshortcut icon hrefhttps://www.ganxb2.com/images/favicon.ico typeimage/x-icon>!-- 图片外链可用 -->meta namereferrer contentno-referrer>link crossoriginanonymous integritysha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA hrefhttps://lib.baomitu.com/twitter-bootstrap/5.2.3/css/bootstrap.min.css relstylesheet>link relstylesheet hrefhttps://at.alicdn.com/t/font_1736178_lbnruvf0jn.css>!-- tether-drop start -->link relstylesheet hrefhttps://cdn.bootcdn.net/ajax/libs/tether-drop/1.4.2/css/drop-theme-basic.min.css>link relstylesheet href./css/drop-example-theme-social-sharing.css>style typetext/css>:root{--color-mode:light;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--purple:rgba(133, 52, 175, 1);--dark-blue:rgba(41, 25, 107, 1);--orange:rgba(253, 112, 98, 1);--white:#fff;--teal:#20c997;--bg-color:var(--dark-blue);--scrollbar-color:var(--purple);--scrollbar-hover-color:var(--orange)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover-color)}::-webkit-scrollbar-corner{background-color:transparent}::selection{background:var(--teal);color:var(--white)}.hidden{display:none}.pointer-events-none{pointer-events:none}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.w-full{width:100%}.h-full{height:100%}.w-screen{width:100vw}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-white{background-color:#fff}.bg-dark-blue-purple{background:-webkit-linear-gradient(top,rgba(41,25,107,1),rgba(133,52,175,1) 50%);background:linear-gradient(top,rgba(41,25,107,1),rgba(133,52,175,1) 50%)}.bg-dark-purple-blue{background:-webkit-linear-gradient(top,rgba(133,52,175,1),rgba(41,25,107,1) 80%);background:linear-gradient(top,rgba(133,52,175,1),rgba(41,25,107,1) 80%)}.bg-dark-blue-purple-blue{background:-webkit-linear-gradient(to bottom,rgba(41,25,107,1) 30%,rgba(133,52,175,1),rgba(41,25,107,1));background:linear-gradient(to bottom,rgba(41,25,107,1) 30%,rgba(133,52,175,1),rgba(41,25,107,1))}ul{list-style-type:none;padding:0}@media (prefers-color-scheme:dark){:root{--color-mode:dark}}data-user-color-schemedark{--color-mode:dark;--body-bg-color:#29196b;--text-color:#fff}html{font-size:16px;letter-spacing:.02em;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body,html{height:100%;font-family:var(--font-family-sans-serif);overflow-wrap:break-word}body{transition:color .2s ease-in-out,background-color .2s ease-in-out;background-color:var(--body-bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{object-fit:cover}animate-down{transform:translateY(-4rem)}animate-left{transform:translateX(-4rem)}animate-up{transform:translateY(4rem)}animate-right{transform:translateX(4rem)}animate-down,animate-left-more,animate-left,animate-right-more,animate-right,animate-up,animate{transition:all 1s cubic-bezier(.43,2,.02,1);opacity:0}.is-shown animate-down,.is-shown animate-left,.is-shown animate-right,.is-shown animate-up,.is-shownanimate-down,.is-shownanimate-left,.is-shownanimate-right,.is-shownanimate-up{transform:translateX(0) translateY(0);opacity:1}#first-screen-box{height:calc(100vh - 20px)}#second-screen-box{min-height:1300px}#third-screen-box{min-height:1200px}.md\:block{display:block}.first-screen-white-bg,.second-screen-white-bg{width:100%;height:100%}.first-screen-white-bg{min-width:1080px}.first-screen-white-bg img{width:100%;height:92%}.first-screen-white{height:8%;background-color:#fff}.stars{width:70%;height:80%;background-image:url(https://npm.elemecdn.com/npm-action-test@1.0.2/home/stars.png);background-position:top right;-webkit-animation-name:star;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:star;-moz-animation-duration:2s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:star;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:.880361s;animation-duration:2.64798s}.star-line{width:1000px;height:600px;opacity:.75;left:48%}.star-line img{width:1050px;height:600px}.planet1{left:46%;top:8%}.planet1 animate-down{transition-delay:.7s}.planet1 img{width:508px}.planet2{left:73%;top:4%}.planet2 animate-down{transition-delay:.8s}.planet2 img{width:94px}.planet3{left:84%;top:12%}.planet3 animate-down{transition-delay:.9s}.planet3 img{width:88px}.planet4{left:75%;top:24%}.planet4 animate-down{transition-delay:1s}.planet4 img{width:189px}.planet5{left:80%;top:52%}.planet5 animate-up{transition-delay:1.1s}.planet5 img{width:200px}.astronaut{left:52%;top:38%}.astronaut animate-up{transition-delay:1.2s}.astronaut img{width:480px}.first-screen-content{display:flex;flex-direction:column;height:100%;width:100%;justify-content:space-between;padding:100px;max-height:1250px}h1{color:var(--bg-color);margin-top:50px;font-weight:400;margin-bottom:30px;display:flex;align-items:center}h1 strong{font-weight:600}h1 img{width:60px}h1animate-left{transition-delay:.1s}h2{font-size:2.5rem;margin-bottom:50px}h2animate-left{transition-delay:.3s}h2 p{margin-bottom:1.5rem;color:var(--purple)}h2 p:first-child{font-size:3rem;color:var(--orange);margin-bottom:2rem;font-weight:400}h2 p:last-child{color:var(--orange)}h1 span,h2 span{display:inline-block;animation:5s flip infinite;animation-delay:var(--delay);margin-right:.75rem}nav{font-size:2rem;margin-bottom:150px}navanimate-left{transition-delay:.5s}nav ul{list-style:none;padding:0}nav>ul>li{display:inline-block}nav a{color:var(--dark-blue);text-decoration:none;margin-right:40px}nav a:hover{color:var(--orange)}.second-screen-white-bg img{width:100%;height:100%}.star-line2{top:10%;left:0}.star-line2 img{width:1000px;opacity:.3}.stars2{top:18%;left:28%}.stars2 img{width:70%}.meteor{top:35%;left:15%;transition-delay:.3s}.meteor img{width:160px}.astronaut2{top:60%;left:15%;transition-delay:.4s}.astronaut2 img{width:328px}.planet6{left:36%;top:0;transition-delay:.2s}.planet6 img{width:400px}.planet7{top:52%;left:40%;transition-delay:.5s}.planet7 img{width:190px}.planet8{top:82%;left:4%;transition-delay:.6s}.planet8 img{width:130px}.second-screen-content{padding-left:66%;padding-top:15%;transition-delay:.7s}.carousel-indicators data-bs-target{background-color:var(--purple);margin-right:10px;height:4px}.carousel-indicators button.active{background-color:var(--orange)}.carousel-inner{min-height:530px}.carousel-title h3{font-size:6rem;font-style:italic;background:-webkit-linear-gradient(280deg,rgba(133,52,175,1) 25%,rgba(41,25,107,1));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:flex-end;-webkit-box-reflect:below -8px -webkit-linear-gradient(transparent,transparent 70%,rgba(255,255,255,.2));position:relative;margin-bottom:80px;margin-left:20px}.carousel-title h3:after{content:;width:65%;height:3px;display:inline-block;position:absolute;left:-10px;bottom:4px;background-image:linear-gradient(90deg,rgba(255,255,255,1),rgba(133,52,175,1),rgba(255,255,255,1));border-radius:6px;filter:blur(1px)}.carousel-title .design-title:after,.carousel-title .front-title:after{width:50%}.carousel-title h3 span:first-child{font-weight:700}.carousel-title h3 span:last-child{font-weight:400;font-size:3rem}.carousel-description{background-color:var(--purple);padding:5px 15px;border-radius:10px;font-size:1.8rem;display:inline-block}.carousel-software-grid{list-style-type:none;padding:60px 20px 20px 40px;width:500px}.carousel-software-grid li{border:3px solid var(--purple);border-radius:50%;color:var(--purple);display:inline-flex;align-items:center;justify-content:center;margin-right:30px;margin-bottom:20px;flex-direction:column;font-size:1rem;width:70px;height:70px;text-transform:uppercase}.carousel-software-grid .chatgpt{letter-spacing:-1px}.software-line{border-radius:6px;width:12px;height:4px}.software-line.blue{background-color:#688dff}.software-line.orange{background-color:#ec6726}.software-line.pink{background-color:#fb88f0}.software-line.purple{background-color:#9c67ff}.carousel-indicators{bottom:-100px;left:-45%}.history-box{border:1px solid var(--purple);border-radius:20px;background-color:rgba(41,25,107,.75);padding:30px 40px;display:inline-block;box-shadow:5px 5px 10px rgba(32,18,91,1);margin-left:10%;margin-top:20%;max-width:600px;width:95%;min-width:485px;transition-delay:1.8s}.history-title{font-size:2rem;font-weight:700;margin-bottom:30px;display:flex;align-items:flex-end;font-style:italic}.history-title span:last-child{font-size:1.5rem;font-weight:400;font-style:italic;margin-left:5px;color:var(--purple)}.history-section{font-size:1.5rem}.history-section li{margin-bottom:50px}.history-section li:last-child{margin-bottom:0}.history-section li p{padding-left:15px;width:100%}.history-section li>p:first-child{background-color:var(--purple);padding:5px 15px;border-radius:10px;display:inline-block;min-width:440px;color:var(--white)}.history-section .work-list{font-size:1.3rem}.history-section .work-list p{padding-left:30px;padding-right:30px}#third-screen-box{padding-bottom:650px;min-height:1900px}#third-screen-box .stars{width:80%;right:10%;top:8%}.meteor2{left:65%;top:15%;transition-delay:.1s;filter:drop-shadow(-15px -5px 5px rgba(154, 57, 142, .75)) blur(1px)}.meteor2 img{width:155px}.meteor3{left:5%;top:67%;transition-delay:1.7s;filter:drop-shadow(-15px -5px 5px rgba(154, 57, 142, .75)) blur(1px)}.meteor3 img{width:135px}.icon1{left:51%;top:34%;transition-delay:.2s;filter:drop-shadow(5px 10px 5px rgba(255, 255, 255, .75)) blur(1px)}.icon1 img{width:90px}.icon2{left:76%;top:35%;transition-delay:1.6s;filter:drop-shadow(-5px 5px 5px rgba(255, 196, 107, .75)) blur(1px)}.icon2 img{width:35px}.icon3{left:45%;top:35%;transition-delay:.3s;filter:drop-shadow(5px 5px 5px rgba(255, 196, 107, .75)) blur(1px)}.icon3 img{width:30px}.icon4{left:54%;top:68%;transition-delay:.4s;filter:drop-shadow(3px 10px 5px rgba(255, 196, 107, .75)) blur(1px)}.icon4 img{width:45px}.icon5{left:62%;top:40%;transition-delay:.5s;filter:drop-shadow(-5px 10px 5px rgba(255, 196, 107, .75)) blur(1px)}.icon5 img{width:50px}.icon6{left:52%;top:45%;transition-delay:.6s;filter:drop-shadow(-5px 10px 5px rgba(207, 50, 179, .75)) blur(1px)}.icon6 img{width:140px}.icon7{left:84%;top:45%;transition-delay:.7s}.icon7 img{width:70px}.icon8{left:47%;top:50%;transition-delay:.8s;filter:drop-shadow(-5px 10px 5px rgba(249, 219, 178, .75)) blur(1px)}.icon8 img{width:50px}.icon9{left:54%;top:55%;transition-delay:.9s;filter:drop-shadow(-2px 10px 5px rgba(255, 141, 107, .75)) blur(1px)}.icon9 img{width:90px}.icon10{left:66%;top:70%;transition-delay:1s}.icon10 img{width:200px}.icon11{left:52%;top:75%;transition-delay:1.1s;filter:drop-shadow(-2px 10px 5px rgba(255, 141, 107, .75)) blur(1px)}.icon11 img{width:100px}.planet9{left:62%;top:24%;transition-delay:1.2s}.planet9 img{width:100px}.planet10{left:88%;top:27%;transition-delay:1.3s}.planet10 img{width:70px}.stars3{left:90%;top:75%;transition-delay:1.4s}.stars3 img{width:70px}.stars4{left:73%;top:29%;transition-delay:1.5s}.stars4 img{width:180px}.cloud{width:100%;bottom:150px}.cloud img{width:100%}.footer-white{height:150px}#fourth-screen-box{min-height:2800px}.linear-gradient1{height:900px;background:-webkit-linear-gradient(top,rgba(41,25,107,1),rgba(133,52,175,1));background:linear-gradient(top,rgba(41,25,107,1),rgba(133,52,175,1))}.linear-gradient2{top:900px;background:-webkit-linear-gradient(top,rgba(133,52,175,1),rgba(41,25,107,1) 50%);background:linear-gradient(top,rgba(133,52,175,1),rgba(41,25,107,1) 50%);max-height:1200px}.fourth-right-white-bg{width:70%;top:-1px;min-width:1080px}.fourth-left-white-bg{width:33%;top:1050px;min-width:540px}.fourth-left-white-bg img,.fourth-right-white-bg img{width:100%}.post-list{color:var(--dark-blue);padding-left:55%;padding-right:140px;padding-top:10%}.post-list li{margin-bottom:100px}.post-list li:first-child{transition-delay:.1s}.post-list li:nth-child(2){transition-delay:.3s}.post-list li:last-child{transition-delay:.5s}.post-list li .post-list-title{display:flex;align-items:center}.post-list li .list-star-box{width:60px}.post-list li .list-star-box img{width:35px}.post-list li:first-child .list-star-box img{width:45px}.post-list li h3{font-size:2rem;font-weight:400;flex:1}.post-list li p{padding-left:60px}.post-list li .post-list-description{margin:20px 0;overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:72px}.post-list li .btn{border-radius:20px 0 0 20px;padding:8px 15px 8px 20px;background-image:linear-gradient(90deg,rgba(133,52,175,1),rgba(255,255,255,0));border:none;color:var(--white);min-width:130px;font-size:1.3rem;text-align:left;transition:all .5s}.post-list li .btn:active,.post-list li .btn:hover{background-color:var(--purple);color:var(--white)!important;border-radius:20px;text-indent:25px}#fourth-screen-box .stars{height:35%}.stars5{left:0;top:5%}.stars5 img{width:500px}.stars3{left:35%;top:24%}.planet11{left:30%;top:6%}.planet11 img{width:40px}.stars-line3{top:23%;left:16%}.stars-line3 img{width:1000px}.star-trail{top:24%;left:6%;-webkit-animation:turn_around 5s linear infinite;-moz-animation:turn_around 5s linear infinite;-o-animation:turn_around 5s linear infinite;-ms-animation:turn_around 5s linear infinite;animation:turn_around 5s linear infinite}.star-trail img{width:400px}.woman{top:22%;left:11%;transition-delay:.3s}.woman img{width:300px}.stars-line4{top:36%;left:25%;max-height:1800px}.saying-content{width:28%;padding-top:12%;min-width:410px}.saying-box .quot-icon{position:absolute;left:50px;top:-80px;display:block;width:60px;height:60px}.saying-box:first-child{margin-bottom:100px;transition-delay:.5s}.saying-box:last-child{transition-delay:1s}.saying-box p{color:var(--orange);font-size:2rem;text-align:center}.saying-box p:last-child{color:var(--dark-blue);font-size:1.5rem}.sea-bg{margin-top:700px;bottom:-44px}.sea-bg img{width:100%}.footer-nav{margin-top:600px;display:flex;justify-content:space-evenly;font-size:1.35rem}.footer-nav-box:first-child{transition-delay:.3s}.footer-nav-box:nth-child(2){transition-delay:.5s}.footer-nav-box:nth-child(3){transition-delay:.7s}.footer-nav-box:last-child{transition-delay:.9s}.footer-nav h3{margin-bottom:30px}.footer-nav ul{opacity:.75}.footer-nav ul li{margin-bottom:10px;max-width:280px;overflow:hidden;height:32px;text-overflow:ellipsis;white-space:nowrap}.footer-nav ul li a{color:var(--white);text-decoration:none;text-transform:uppercase}.footer-nav ul li a:hover{color:var(--orange)}.social-media{display:flex}.social-media ul{display:flex;justify-content:space-evenly;margin-right:50px;flex-flow:row wrap;width:280px;margin-bottom:0;align-content:space-between}.social-media ul li{width:60px;height:60px;text-align:center;margin:5px;border-radius:8px;display:flex;justify-content:center;align-items:center}.social-media ul li .iconfont{font-size:1.75rem}.wx-qr-code img{width:160px;height:160px}.wx-qr-code p{position:absolute;width:100%;text-align:center;padding-top:5px}.net-box{background-color:#e60026}.bilibili-box:hover,.douban-box:hover,.gitee-box:hover,.github-box:hover,.net-box:hover,.rss-box:hover,.weibo-box:hover,.wx-box:hover{background-color:var(--white)}.footer-nav .net-box a:hover,.net-box:hover a{color:#e60026}.weibo-box{background-color:#ff8200}.footer-nav .weibo-box a:hover,.weibo-box:hover a{color:#ff8200}.wx-box{background-color:#2aae67}.footer-nav .wx-box a:hover,.wx-box:hover a{color:#2aae67}.bilibili-box{background-color:#00aeec}.bilibili-box:hover a,.footer-nav .bilibili-box a:hover{color:#00aeec}.douban-box{background-color:#072}.douban-box:hover a,.footer-nav .douban-box a:hover{color:#072}.gitee-box{background-color:#c71d23}.footer-nav .gitee-box a:hover,.gitee-box:hover a{color:#c71d23}.github-box{background-color:#131316}.footer-nav .github-box a:hover,.github-box:hover a{color:#131316}.rss-box{background-color:#fba233}.footer-nav .rss-box a:hover,.rss-box:hover a{color:#fba233}.popover-qr-code{width:160px}.footer-line{border-bottom:1px solid var(--purple);margin-top:100px;margin-bottom:30px;margin-left:9%;margin-right:9%}.copyright-beian{display:flex;justify-content:space-between;margin-bottom:-900px;padding:0 9%;font-size:1.35rem;opacity:.75}.copyright-beian img{display:inline-block}.copyright-beian .logo{width:30px;height:30px}.copyright-beian .beian-box,.copyright-beian .copyright-box{display:flex;align-items:center;transition-delay:1.1s}.copyright-beian .police-beian{margin:0 5px}.grid-msnry{margin:0 auto;padding-top:200px}.img-wrap{display:inline-block;position:relative}a.img-wrap:after{content:;position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--purple);opacity:.3}.grid-msnry img{width:100%}.grid__item{width:280px;padding:10px}.description{display:none}.preview{position:fixed;z-index:1000;top:0;left:0;display:-ms-flex;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:50%;height:100vh;pointer-events:none}.preview::before{content:;position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;background:var(--bg-color);-webkit-transition:opacity .6s;transition:opacity .6s}.preview--open{pointer-events:auto}.preview--open::before{opacity:1}.clone{position:fixed;z-index:110;-webkit-transition:-webkit-transform .5s;transition:transform .5s}.original{position:relative;z-index:120;display:block;object-fit:contain;-webkit-transition:opacity .2s;transition:opacity .2s}.preview--open .animate{-webkit-transition:-webkit-transform .6s,opacity .2s;transition:transform .6s,opacity .2s}.animate{-webkit-transition:-webkit-transform .3s,opacity .2s;transition:transform .3s,opacity .2s}.description{color:#fff}.description--preview{font-size:2em;position:absolute;z-index:140;width:100%;left:100%;top:0;height:100%;padding:0 1em;display:-ms-flex;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;opacity:0;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}.preview--open .description--preview{opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.description--preview h3{font-weight:400;margin:0}.description--preview p{font-size:.65em;max-width:100%}.description--preview p em{color:#5d5d5d;display:block;padding:.4em 0 0 0}.action{font-size:1.5em;margin:0;padding:0;cursor:pointer;vertical-align:top;color:#6bd68a;border:none;background:0 0}.action:focus,.action:hover{color:#6bd68a;outline:0}.action--close{position:fixed;z-index:150;top:0;right:0;padding:1em;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:scale3d(.6,.6,1);transform:scale3d(.6,.6,1)}.preview--image-loaded .action--close{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.text-hidden{position:absolute;display:block;overflow:hidden;width:0;height:0;color:transparent}.icon-close::after,.icon-close::before{position:absolute;content: ;background-color:var(--white);left:20px;width:1px;height:20px}.icon-close::before{transform:rotate(45deg)}.icon-close::after{transform:rotate(-45deg)}.details{max-width:100%}.details ul{line-height:1;position:relative;margin:0;padding:0;list-style:none}.details ul li{font-size:.5em;position:relative;display:inline-block;margin:0 1em 0 0;padding:.15em 0;white-space:nowrap;opacity:0;color:#9d9d9d;-webkit-transition:-webkit-transform 1s,opacity 1s;transition:transform 1s,opacity 1s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1);-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.preview--open .details ul li{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.preview--open .details ul li:nth-child(1){-webkit-transition-delay:.2s;transition-delay:.2s}.preview--open .details ul li:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s}.preview--open .details ul li:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s}.preview--open .details ul li:nth-child(4){-webkit-transition-delay:.5s;transition-delay:.5s}.preview--open .details ul li:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.details ul li:first-child{font-weight:700;color:#909090}@media (min-width:641px){#first-screen-box{height:100vh;min-height:1000px}}@media (max-width:2050px){.fourth-left-white-bg{top:900px}.woman{top:18%;left:8%}.saying-content{padding-top:3%}.stars-line3{top:20%;left:14%}.star-trail{top:22%;left:4%}.stars3{top:20%}.footer-line{margin-left:6%;margin-right:6%}.copyright-beian{padding-left:6%;padding-right:6%}}@media (max-width:1900px){.post-list{padding-top:8%}.saying-content{padding-top:2%}}@media (max-width:1800px){.post-list{padding-top:6%}}@media (max-width:1700px){.post-list{padding-top:4%}.saying-content{padding-top:0;margin-top:-50px}.fourth-left-white-bg{top:800px}.woman{top:16%;left:7%}.star-trail{top:20%;left:2%}.stars-line3{top:17%;left:3%}.planet5{left:90%}}@media (max-width:1580px){.post-list{padding-top:1%}.saying-content{margin-top:0}.copyright-beian{padding:0 3%}.footer-line{margin-left:3%;margin-right:3%}}@media (max-width:1436px){.saying-content{margin-top:-30px}.woman{top:17%}.md\:hidden,.planet6{display:none}.planet2{left:83%}.planet3{left:90%}.planet4{left:78%}.second-screen-white-bg .white-bg2{left:-400px;position:relative;width:130%}.second-screen-content{padding-left:56%}.post-list{padding-left:47%}}@media (max-width:1320px){.fourth-left-white-bg,.saying-content,.woman{display:none}.footer-nav-box{width:50%;margin-bottom:50px}.footer-nav{flex-flow:row wrap;padding:0 60px}.first-screen-content{max-height:1400px;padding:100px 50px}.planet2,.planet3{display:none}.planet4{top:30%!important}.second-screen-white-bg .white-bg2{left:-500px;width:150%}.post-list{padding-left:45%}.social-media ul{margin-right:20px}.copyright-beian{flex-direction:column}.beian-box{margin-left:30px}}@media (max-width:1200px){.second-screen-content{padding-left:54%}}@media (max-width:1120px){.first-screen-white-bg img{opacity:.95}.first-screen-white{opacity:.95}.second-screen-white-bg .white-bg2{display:none}.second-screen-content{padding:250px 0 0 50px;margin:0 auto;width:560px}.second-screen-white-bg{background-color:rgba(255,255,255,.95);backdrop-filter:saturate(200%) blur(20px)}.second-screen-white{display:none}.carousel-indicators{left:-20%}.carousel-title h3:after{background:-webkit-linear-gradient(280deg,rgba(255,255,255,0),rgba(133,52,175,.85) 25%,rgba(255,255,255,0));width:70%}#third-screen-box{background-color:rgba(255,255,255,.95)}.history-box{background-color:rgba(255,255,255,.75);box-shadow:none;backdrop-filter:saturate(120%) blur(20px);color:var(--dark-blue);margin-left:13%}.history-title{color:var(--purple)}.cloud,.footer-white{display:none}.fourth-right-white-bg{top:0}.fourth-right-white-bg img{opacity:.95}.post-list{padding-left:34%;padding-right:100px}#fourth-screen-box{min-height:2400px}}@media (max-width:920px){.post-list{padding-left:30%}}@media (max-width:900px){.post-list{padding-left:22%}.social-media{flex-direction:column}.wx-qr-code{width:160px;margin-top:10px}}@media (max-width:769px){.grid-msnry{padding-top:0}.grid__item,.img-wrap{pointer-events:none}.grid__item{width:100%}#third-screen-box{padding-bottom:150px}.post-list{padding-left:10%;padding-right:80px}.second-screen-content{padding-left:25px;padding-top:150px}.carousel-inner{min-height:420px}#second-screen-box{min-height:900px}.first-screen-content{padding:1rem}.first-screen-white-bg img{position:relative;margin-left:-200px}.carousel-description{font-size:calc(1rem + 1.5vw);min-width:360px}h1{margin-top:100px}h1 img{width:40px}h1 strong{top:2px}.carousel-title h3 span:last-child,h2,nav{font-size:calc(1.375rem + 1.5vw)}.post-list li h3,h2 p:first-child{font-size:calc(1.475rem + 1.5vw)}.carousel-title h3{font-size:calc(4rem + 1.5vw);margin-bottom:40px}nav{margin-bottom:0}nav a{margin-bottom:15px;margin-right:20px}.planet1{top:0;left:28%}.planet4{display:none}.second-screen-content{width:96%;padding-left:0}.carousel-software-grid{width:100%;padding:50px 10px 0}.carousel-software-grid li{margin-left:5px;margin-right:5px}.carousel-indicators{left:0}.carousel-title h3:after{width:100%}.carousel-title .design-title:after,.carousel-title .front-title:after{width:70%}.third-screen-content{margin:0 auto;width:96%}.history-box{min-width:auto;padding:1rem;margin:0;width:100%}.history-title{flex-direction:column;align-items:flex-start}.history-section li p:first-child{min-width:auto}.history-section li p{padding-left:0}.history-section .work-list p{padding-left:15px;padding-right:15px}.post-list{padding-left:15px;padding-right:15px}.post-list li h3{word-break:break-word}.icon10{display:none}.post-list li .list-star-box{display:none}.post-list li p{padding-left:0}.footer-nav{padding:0 1rem;margin-top:350px}.footer-nav-box{width:100%}.copyright-beian{z-index:10}.copyright-beian .beian-box{margin-bottom:1rem;margin-left:0}.footer-nav ul li{max-width:360px}}@supports (-webkit-backdrop-filter:saturate(200%) blur(20px)) or (backdrop-filter:saturate(200%) blur(20px)){.history-box{-webkit-backdrop-filter:saturate(120%) blur(3px);backdrop-filter:saturate(120%) blur(3px)}}@keyframes flip{0%,10%{transform:rotateY(0)}5%{transform:rotateY(90deg)}}@keyframes star{0%{opacity:1}30%{opacity:.7}60%{opacity:.35}100%{opacity:1}}@keyframes turn_around{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}/style>/head>body>!-- 总有一天这旖旎的星光,将成为更伟大的存在 -->section classoverflow-hidden>div idfirst-screen-box classrelative w-full>div classhidden md:block absolute inset-0 w-full h-full bg-dark-blue-purple>div classstars bg-no-repeat bg-cover absolute top-0 right-0 bottom-0>/div>div classstar-line absolute top-0 bottom-0 pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/stars-line.png altstar-line>/div>div classplanet1 absolute pointer-events-none>div animate-down>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet1.png altPlanet1>/div>/div>div classplanet2 absolute pointer-events-none>div animate-down>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet2.png altPlanet2>/div>/div>div classplanet3 absolute pointer-events-none>div animate-down>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet3.png altPlanet3>/div>/div>div classplanet4 absolute pointer-events-none>div animate-down>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet4.png altPlanet4>/div>/div>/div>!-- bg-dark-blue-purple end -->div classhidden md:block absolute inset-0 w-full h-full first-screen-white-bg pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/first-screen.png altfirst-screen>div classw-full bg-white first-screen-white>/div>/div>!-- first-screen-white-bg end -->div classhidden md:block md:hidden absolute inset-0 w-full h-full>div classastronaut absolute pointer-events-none>div animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/astronaut.png altastronaut>/div>/div>div classplanet5 absolute pointer-events-none>div animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet5.png altplanet5>/div>/div>/div>!-- astronaut end -->div classrelative first-screen-content>div>h1 animate-left>img srchttps://www.ganxb2.com/images/apple-touch-icon.png alt廿壴(ganxb2) classlogo> strong classrelative>廿壴(GANXB2)/strong>/h1>/div>div>h2 animate-left>p>span style--delay:1s>探/span> span style--delay:1.1s>讨/span> span style--delay:1.2s>W/span> span style--delay:1.3s>E/span> span style--delay:1.4s>B/span> span style--delay:1.5s>技/span> span style--delay:1.6s>术/span>/p>p>span style--delay:1.8s>交/span> span style--delay:1.9s>流/span> span style--delay:2s>日/span> span style--delay:2.1s>常/span> span style--delay:2.2s>生/span> span style--delay:2.3s>活/span>/p>p>span style--delay:2.5s>感/span> span style--delay:2.6s>悟/span> span style--delay:2.7s>短/span> span style--delay:2.8s>暂/span> span style--delay:2.9s>人/span> span style--delay:3s>生/span>/p>p>span style--delay:3.2s>分/span> span style--delay:3.3s>享/span> span style--delay:3.4s>简/span> span style--delay:3.5s>单/span> span style--delay:3.6s>快/span> span style--delay:3.7s>乐/span>/p>/h2>/div>!-- 作品 解决方案 在线工具 博客 关于廿壴 -->div>nav animate-left>ul>!-- dropup-center drop dropdown-menu data-bs-toggledropdown aria-expandedfalse -->li>a hrefjavascript:void(0); typebutton classdrop-target>作品/a>div classdrop-content hidden>ul>li>a classdropdown-item hrefhttps://gitee.com/ganxb2/wx_app target_blank relnoopener noreferrer external nofollow>span>微信小程序(vue3+tsx+taro3+nutui3)/span>/a>/li>li>a classdropdown-item hrefhttps://gitee.com/ganxb2/uniapp_vue3_vite_pinia target_blank relnoopener noreferrer external nofollow>span>uniApp工程(vue3+ts+pinia+vite)/span>/a>/li>li>a classdropdown-item hrefhttps://github.com/gumpBOBO/koa2_puppeteer target_blank relnoopener noreferrer external nofollow>span>nodejs+koa2+puppeteer 截图服务/span>/a>/li>li>a classdropdown-item hrefhttps://www.ganxb2.com/demo/painter/>span>bootstrap 响应式电商站/span>/a>/li>li>a classdropdown-item hrefhttps://www.ganxb2.com/demo/meila/>span>仿美啦/span>/a>/li>/ul>/div>/li>!-- li classdropup-center dropup> a hrefjavascript:void(0); data-bs-toggledropdown aria-expandedfalse typebutton >解决方案/a > ul classdropdown-menu> li> a classdropdown-item href# >WEB全栈/小程序/公众号开发/a > /li> li> a classdropdown-item href#>WEB&APP/PPT/DM设计/a> /li> li> a classdropdown-item href#>搜索引擎优化(SEO)/a> /li> li>a classdropdown-item href#>内容文案/a>/li> li>a classdropdown-item href#>照片/视频后期/a>/li> /ul> /li> -->li>a hrefhttps://blog.ganxb2.com>博客/a>/li>li>a hrefhttps://blog.ganxb2.com/about/>关于廿壴/a>/li>li>a hrefjavascript:void(0);>在线工具/a>/li>/ul>/nav>/div>/div>!-- first-screen-content end -->/div>!-- first-screen-box end -->div idsecond-screen-box classrelative w-screen screen-box>div classhidden md:block absolute inset-0 w-full h-full bg-dark-purple-blue>div classstars bg-no-repeat bg-cover absolute left-0 bottom-0>/div>div classstars2 absolute pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/stars2.png altstars2>/div>div classstar-line2 absolute pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/stars-line2.png altstar-line>/div>div classmeteor absolute pointer-events-none animate-down>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/meteor.png altmeteor>/div>div classastronaut2 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/astronaut2.png altastronaut2>/div>div classplanet7 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet7.png altplanet7>/div>div classplanet8 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet8.png altplanet8>/div>/div>!-- bg-dark-purple-blue end -->div classhidden md:block absolute inset-0 w-full h-full pointer-events-none second-screen-white-bg>div classw-full bg-white first-screen-white second-screen-white>/div>img classwhite-bg2 srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/white-bg2.png altwhite-bg2>/div>!-- second-screen-white-bg end -->div classhidden md:block absolute inset-0 w-full h-full>div classplanet6 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet6.png altplanet6>/div>/div>!-- planet6 end -->div classrelative second-screen-content animate-right>div idcarouselIndicators classcarousel slide>div classcarousel-inner>div classcarousel-item>div classcarousel-title>h3 classdesign-title>span>设计/span>span>DESIGN/span>/h3>!-- div classline->/div> -->/div>div classcarousel-description design-description>WEB&APP设计/PPT设计/DM设计/div>ul classcarousel-software-grid>li>span>PS/span> span classsoftware-line blue>/span>/li>li>span>AI/span> span classsoftware-line orange>/span>/li>li>span>XD/span> span classsoftware-line pink>/span>/li>li>span>AE/span> span classsoftware-line purple>/span>/li>li>span>PIXSO/span> span classsoftware-line purple>/span>/li>li>span>FIGMA/span> span classsoftware-line purple>/span>/li>li>span>Blend./span> span classsoftware-line purple>/span>/li>li>span>Midjo./span> span classsoftware-line purple>/span>/li>/ul>/div>div classcarousel-item active>div classcarousel-title>h3 classfront-title>span>前端/span>span>FRONT/span>/h3>!-- div classline->/div> -->/div>div classcarousel-description design-description>小程序/公众号H5/WEB全栈开发/div>ul classcarousel-software-grid>li>span>VUE3/span> span classsoftware-line blue>/span>/li>li>span>NODEJS/span> span classsoftware-line orange>/span>/li>li>span>TS/span> span classsoftware-line purple>/span>/li>li>span>ES6/span> span classsoftware-line blue>/span>/li>li>span>CSS3/span> span classsoftware-line purple>/span>/li>li>span>HTML5/span> span classsoftware-line purple>/span>/li>li>span>GITHUB/span> span classsoftware-line orange>/span>/li>li>span>REACT/span> span classsoftware-line pink>/span>/li>/ul>/div>div classcarousel-item>div classcarousel-title>h3>span>搜索优化/span>span>SEO/span>/h3>!-- div classline->/div> -->/div>div classcarousel-description design-description>百度/头条/谷歌/BING/360/搜狗/div>ul classcarousel-software-grid>li>span classchatgpt>CHATGPT/span> span classsoftware-line blue>/span>/li>li>span>VS/span> span classsoftware-line orange>/span>/li>li>span>MD/span> span classsoftware-line pink>/span>/li>li>span>HTTP/span> span classsoftware-line purple>/span>/li>/ul>/div>div classcarousel-item>div classcarousel-title>h3>span>影视剪辑/span>span>V.C/span>/h3>!-- div classline->/div> -->/div>div classcarousel-description design-description>bilibili/百家号/抖音/头条/快手/div>ul classcarousel-software-grid>li>span>PS/span> span classsoftware-line blue>/span>/li>li>span>AI/span> span classsoftware-line orange>/span>/li>li>span>AE/span> span classsoftware-line purple>/span>/li>li>span>LR/span> span classsoftware-line purple>/span>/li>/ul>/div>/div>div classcarousel-indicators>button typebutton data-bs-target#carouselIndicators data-bs-slide-to0 aria-currenttrue aria-label设计(design)>/button> button typebutton data-bs-target#carouselIndicators data-bs-slide-to1 aria-label前端(front) classactive>/button> button typebutton data-bs-target#carouselIndicators data-bs-slide-to2 aria-labelSEO>/button> button typebutton data-bs-target#carouselIndicators data-bs-slide-to3 aria-labelV.C>/button>/div>/div>/div>!-- second-screen-content end -->/div>!-- second-screen-box end -->div idthird-screen-box classrelative w-screen screen-box>div classhidden md:block absolute inset-0 w-full h-full>div classstars bg-no-repeat bg-cover absolute>/div>div classmeteor2 absolute pointer-events-none animate-down>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/meteor2.png altmeteor2>/div>div classmeteor2 meteor3 absolute pointer-events-none animate-left>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/meteor2.png altmeteor2>/div>div classicon1 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/iocn1.png altiocn1>/div>div classicon2 absolute pointer-events-none animate-down>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon2.png alticon2>/div>div classicon3 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon3.png alticon3>/div>div classicon4 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon4.png alticon4>/div>div classicon5 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon5.png alticon5>/div>div classicon6 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon6.png alticon6>/div>div classicon7 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon7.png alticon7>/div>div classicon8 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon8.png alticon8>/div>div classicon9 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon9.png alticon9>/div>div classicon10 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon10.png alticon10>/div>div classicon11 absolute pointer-events-none animate-up>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon11.png alticon11>/div>div classplanet9 absolute pointer-events-none animate-down>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet9.png altplanet9>/div>div classplanet10 absolute pointer-events-none animate-down>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet10.png altplanet10>/div>div classstars3 absolute pointer-events-none animate-right>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/stars3.png altstars3>/div>div classstars4 absolute pointer-events-none animate-down>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/stars4.png altstars4>/div>/div>!-- stars-bg end -->div classcloud absolute pointer-events-none left-0>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/cloud.png altcloud>/div>!-- cloud end -->div classw-full bg-white footer-white absolute bottom-0>/div>div classthird-screen-content>div classgrid-msnry animate-up>div classgrid__item data-size1440x4000>a hrefhttps://pic.rmb.bdstatic.com/bjh/35d0910fe5efbcab2f0a4974109638aa9129.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/35d0910fe5efbcab2f0a4974109638aa9129.jpeg alt海外版综合服务电商平台>div classdescription description--grid>h3>海外版综合服务电商平台/h3>p>海外版综合服务电商平台!-- em>— Gary L. Francione/em> -->/p>div classdetails>ul>li>span>php/span>/li>li>span>eshop mall/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size1863x2651>a hrefhttps://pic.rmb.bdstatic.com/bjh/42257f285768d9e936d6c8587b5baf115355.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/42257f285768d9e936d6c8587b5baf115355.jpeg alt深圳野生动物园售票系统>div classdescription description--grid>h3>深圳野生动物园售票系统/h3>p>深圳野生动物园售票系统!-- em>— Gary L. Francione/em> -->/p>div classdetails>ul>li>span>.net/span>/li>li>span>css3/span>/li>li>span>html5/span>/li>/ul>/div>/div>/a>/div>div classgrid__item data-size1863x2525>a hrefhttps://pic.rmb.bdstatic.com/bjh/24f0530372b9d59064887d122d715a4a7190.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/24f0530372b9d59064887d122d715a4a7190.jpeg alt深圳野生动物园售票系统>div classdescription description--grid>h3>深圳野生动物园售票系统/h3>p>深圳野生动物园售票系统!-- em>— Gary L. Francione/em> -->/p>div classdetails>ul>li>span>.net/span>/li>li>span>css3/span>/li>li>span>html5/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size1920x1080>a hrefhttps://pic.rmb.bdstatic.com/bjh/80fe517c550545a232ac32727deb21124047.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/80fe517c550545a232ac32727deb21124047.jpeg alt一体化通关平台>div classdescription description--grid>h3>一体化通关平台/h3>p>一体化通关平台/p>div classdetails>ul>li>span>.net/span>/li>li>span>layui/span>/li>li>span>vue2/span>/li>li>span>vue3/span>/li>/ul>/div>/div>/a>/div>div classgrid__item data-size1920x1080>a hrefhttps://pic.rmb.bdstatic.com/bjh/c2da646ac4b036cf2d7a4298bfd4b4b8692.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/c2da646ac4b036cf2d7a4298bfd4b4b8692.jpeg alt一体化通关平台>div classdescription description--grid>h3>一体化通关平台圣诞节版/h3>p>一体化通关平台圣诞节版/p>div classdetails>ul>li>span>.net/span>/li>li>span>layui/span>/li>li>span>vue2/span>/li>li>span>vue3/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size1600x3860>a hrefhttps://pic.rmb.bdstatic.com/bjh/f79dbf121ef606426361d004fdf5a5b57061.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/f79dbf121ef606426361d004fdf5a5b57061.jpeg alt物流企业官网>div classdescription description--grid>h3>物流企业官网/h3>p>物流企业官网/p>div classdetails>ul>li>span>.net/span>/li>li>span>css3/span>/li>li>span>html5/span>/li>li>span>bootstrap/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size1538x3307>a hrefhttps://pic.rmb.bdstatic.com/bjh/c17ece613cc1fea2b90253d60832ef381484.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/c17ece613cc1fea2b90253d60832ef381484.jpeg alt物流企业官网>div classdescription description--grid>h3>物流企业官网/h3>p>物流企业官网/p>div classdetails>ul>li>span>.net/span>/li>li>span>css3/span>/li>li>span>html5/span>/li>li>span>bootstrap/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size2680x1168>a hrefhttps://pic.rmb.bdstatic.com/bjh/85810a208f8a8f2693271f916de03afc8316.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/85810a208f8a8f2693271f916de03afc8316.jpeg altPPT设计>div classdescription description--grid>h3>PPT设计/h3>p>PPT设计/p>div classdetails>ul>li>span>ps/span>/li>li>span>ppt/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size1863x3860>a hrefhttps://pic.rmb.bdstatic.com/bjh/99c8af6b39bbcf75f90d83d10989be5e5524.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/99c8af6b39bbcf75f90d83d10989be5e5524.jpeg alt仿天猫油画电商平台>div classdescription description--grid>h3>仿天猫油画电商平台/h3>p>仿天猫油画电商平台/p>div classdetails>ul>li>span>ps/span>/li>li>span>css3/span>/li>li>span>html5/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size1529x1434>a hrefhttps://pic.rmb.bdstatic.com/bjh/9481380b980855d25d43011e3206f3bb8324.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/9481380b980855d25d43011e3206f3bb8324.jpeg alt物流官网中文版>div classdescription description--grid>h3>物流官网中文版/h3>p>物流官网中文版/p>div classdetails>ul>li>span>ps/span>/li>li>span>css3/span>/li>li>span>html5/span>/li>li>span>bootstrap/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size1529x1450>a hrefhttps://pic.rmb.bdstatic.com/bjh/9ef0e89c16c9dfa1337c076515a5fbd44145.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/9ef0e89c16c9dfa1337c076515a5fbd44145.jpeg alt物流官网英文版>div classdescription description--grid>h3>物流官网英文版/h3>p>物流官网英文版/p>div classdetails>ul>li>span>ps/span>/li>li>span>css3/span>/li>li>span>html5/span>/li>li>span>bootstrap/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size1920x1080>a hrefhttps://article.biliimg.com/bfs/article/51592ed7966f92db826496b22f790eb80f788892.jpg@1e_1c.webp classimg-wrap>img srchttps://article.biliimg.com/bfs/article/51592ed7966f92db826496b22f790eb80f788892.jpg@1e_1c.webp alt廿壴博客小程序设计>div classdescription description--grid>h3>廿壴博客小程序设计/h3>p>廿壴博客小程序设计/p>div classdetails>ul>li>span>ps/span>/li>li>span>css3/span>/li>li>span>html5/span>/li>li>span>vue3/span>/li>li>span>taro3/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size1916x6500>a hrefhttps://pic.rmb.bdstatic.com/bjh/28e9f0b1cc3ebac30745d145115f7f09500.jpeg classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/28e9f0b1cc3ebac30745d145115f7f09500.jpeg alt廿壴博客首页设计>div classdescription description--grid>h3>廿壴博客首页设计/h3>p>廿壴博客首页设计/p>div classdetails>ul>li>span>ps/span>/li>li>span>css3/span>/li>li>span>html5/span>/li>li>span>bootstrap/span>/li>li>span>hexo/span>/li>/ul>/div>/div>/a>/div>div classgrid__item grid-item--width2 data-size2993x11124>a hrefhttps://pic.rmb.bdstatic.com/bjh/5c54d86bfa20a85f26be737c31be36f13935.jpeg?x-bce-processimage/resize,m_lfit,w_1242 classimg-wrap>img srchttps://pic.rmb.bdstatic.com/bjh/5c54d86bfa20a85f26be737c31be36f13935.jpeg?x-bce-processimage/resize,m_lfit,w_1242 alt廿壴首页设计>div classdescription description--grid>h3>廿壴首页设计/h3>p>廿壴首页设计/p>div classdetails>ul>li>span>ps/span>/li>li>span>css3/span>/li>li>span>html5/span>/li>li>span>bootstrap/span>/li>li>span>es6/span>/li>/ul>/div>/div>/a>/div>/div>div classpreview>button classaction action--close>i classicon-close>/i>span classtext-hidden>Close/span>/button>div classdescription description--preview>/div>/div>!-- div classhistory-box animate-left> h3 classhistory-title> span>工作经历/span>span>occupational history/span> /h3> ul classhistory-section> li> p>2015 - 2022 深圳泰洲科技有限公司/p> p>『前端攻城狮』/p> div classwork-list> p>1. 微信H5/小程序开发(UNIAPP/VUE3+TARO+TSX)/p> p> 2. 一体化通关平台后台管理系统开发(VUE2/3+ELEMENTUI2/3/LAYUI) /p> p>3. 船舶货代平台后台管理系统开发(VUE3+ELEMENTUI3+JSX)/p> p>4. 官网和其他业务网站设计&前端开发/指导PPT&DM设计/p> /div> /li> li> p>2012 - 2013 深圳信游科技有限公司/p> p>『前端攻城狮』/p> div classwork-list> p>1. 信游网站/其他业务网站前端开发/p> /div> /li> li> p>2010 - 2011 厦门鑫点击网络有限公司/p> p>『美工』/p> div classwork-list> p>1. 55la在线生成图片网站前端开发/p> /div> /li> /ul> /div> -->/div>!-- third-screen-content end -->/div>!-- third-screen-box -->div idfourth-screen-box classrelative w-screen>div classmd:block absolute inset-0 w-full linear-gradient1>/div>!-- bg-dark-purple-blue end -->div classmd:block absolute inset-0 w-full h-full linear-gradient2>/div>!-- bg-dark-purple-blue end -->div classmd:block absolute inset-0 w-full h-full>div classstars bg-no-repeat bg-cover absolute left-0 top-0>/div>div classstars5 absolute pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/stars5.png altstars5>/div>div classstars3 absolute pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/stars3.png altstars3>/div>div classplanet11 absolute pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/planet11.png altplanet11>/div>div classstars-line3 absolute pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/stars-line3.png altstars-line3>/div>div classstar-trail absolute pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/star-trail.png altStar-trail>/div>div classyellow-star absolute pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/yellow-star.png altyellow-star>/div>div classstars-line4 absolute pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/stars-line4.png altstars-line4>/div>/div>!-- bg-star end -->div classabsolute right-0 pointer-events-none fourth-right-white-bg>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/white-bg3.png altwhite-bg3>/div>div classabsolute left-0 pointer-events-none fourth-left-white-bg>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/white-bg4.png altwhite-bg4>/div>!-- fourth-white-bg end -->div classwoman absolute pointer-events-none animate-left>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/woman.png altwoman>/div>!-- woman end -->div classrelative fourth-screen-content>ul classpost-list>li animate-right>div classpost-list-title>div classlist-star-box pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon2.png altlist-star>/div>h3>微信/头条小程序APP博客免费开源:taro3+vue3+typescript+nutui3+pnpm+pinia/h3>/div>p classpost-list-description>🙂前言 小波原计划是想把廿壴博客做到全平台的覆盖,即PC端响应式hexo+github+vercel+leancloud,taro3+vue3+leancloud微信小程序APP,微信公众号h5。 奈何微信小程序个人是无法成功审核通过,那就干脆开源分享出来,有需要的童鞋请自便吧。 暂时因为个人时间原因,todo的/p>p>a hrefhttps://blog.ganxb2.com/48056.html typebutton classbtn>阅读/a>/p>/li>li animate-right>div classpost-list-title>div classlist-star-box pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon2.png altlist-star>/div>h3>hexo+github+leancloud纯前端全栈搭建免费个人博客2022(一)/h3>/div>p classpost-list-description>小波原计划用vuePress+github来搭建一个免费个人博客,但是后来发现hexo+github+leancloud搭建免费个人博客也挺香,遂下定决心完成 廿壴(GANXB2) - 小波个人分享圈子的第三次改版,也终于实现了纯前端全栈,和wordpress说再见了/p>p>a hrefhttps://blog.ganxb2.com/23535.html typebutton classbtn>阅读/a>/p>/li>li animate-right>div classpost-list-title>div classlist-star-box pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon2.png altlist-star>/div>h3>win11终端美化:fluent terminal+oh my posh/h3>/div>p classpost-list-description>高情商说法:所谓工欲善其事,必先利其器,身为一枚小小前端攻城狮的小波花费了点时间把win11终端美化fluent terminal+oh my posh的详细步骤总结出来分享给小伙伴们,提升下win11的终端用户体验~ 低情商说法:纯纯小波个人强迫症,win11自/p>p>a hrefhttps://blog.ganxb2.com/45601.html typebutton classbtn>阅读/a>/p>/li>/ul>/div>!-- fourth-screen-content end -->div classrelative saying-content>div classsaying-box relative animate-left>i classabsolute pointer-events-none quot-icon>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon12.png alticon12>/i>p>活到老,学到老,改造到老/p>p>knowledge is infinite/p>p>- 周总理/p>/div>div classsaying-box relative animate-left>i classabsolute pointer-events-none quot-icon>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/icon12.png alticon12>/i>p>总有一天,这旖旎的星光/p>p>将成为更伟大的存在/p>p>one day,these tantalizing points of light will become something greater/p>/div>/div>!-- saying-content end -->div classfooter-nav relative w-full>div classfooter-nav-box animate-up>h3>解决方案/h3>ul>li>小程序/公众号H5/WEB全栈开发/li>li>WEB&APP/PPT/DM设计/li>li>搜索引擎优化(SEO)/li>li>内容文案/li>li>照片/视频后期/li>/ul>/div>div classfooter-nav-box animate-up>h3>实验室/h3>ul>li>a hrefhttps://gitee.com/ganxb2/wx_app target_blank relnoopener noreferrer external nofollow>VUE3+TSX+TARO3+NUTUI3 微信小程序/a>/li>li>a hrefhttps://blog.ganxb2.com/36879.html>NODEJS+KOA2+PUPPETEER 截图服务/a>/li>li>MY ADMIN 后台管理系统/li>li>MY BOOKS/li>li>MY MUSIC/li>/ul>/div>div classfooter-nav-box animate-up>h3>快速链接/h3>ul>li>a hrefhttps://blog.ganxb2.com/3462.html>VUE3+VITE+TS+PINIA+UNI-UI+PNPM创建UNI-APP多端小程序工程/a>/li>li>a hrefhttps://blog.ganxb2.com/35139.html>WALINE部署VERCEL邮件通知模版配置/a>/li>li>a hrefhttps://blog.ganxb2.com/40110.html>VSCODE插件:STYLUS和MANTAS STYLUS SUPREMACY/a>/li>li>a hrefhttps://blog.ganxb2.com/5897.html>控制台报错CANNOT READ PROPERTIES OF UNDEFINED/a>/li>!-- li>隐私策略/li> -->li>a hrefhttps://blog.ganxb2.com/50772.html>hexo个人博客利用github自动化actions实现手机发说说/a>/li>/ul>/div>div classfooter-nav-box animate-up>h3>社交媒体/h3>div classsocial-media>ul>li classnet-box>a hrefjavascript:void(0); idnet-box>i classiconfont icon-music>/i>/a>/li>li classweibo-box>a hrefjavascript:void(0); idweibo-box>i classiconfont icon-weibo-fill>/i>/a>/li>li classwx-box>a hrefjavascript:void(0); idwx-box>i classiconfont icon-wechat-fill>/i>/a>/li>li classbilibili-box>a hrefjavascript:void(0); idbilibili-box>i classiconfont icon-bilibili>/i>/a>/li>li classdouban-box>a hrefhttps://www.douban.com/people/ganxb2 target_blank relnoopener noreferrer external nofollow>i classiconfont icon-douban-fill>/i>/a>/li>li classgitee-box>a hrefhttps://gitee.com/ganxb2 target_blank relnoopener noreferrer external nofollow>i classiconfont icon-gitee-fill>/i>/a>/li>li classgithub-box>a hrefhttps://github.com/gumpBOBO target_blank relnoopener noreferrer external nofollow>i classiconfont icon-github-fill>/i>/a>/li>li classrss-box>a hrefhttps://blog.ganxb2.com/rss/atom.xml target_blank>i classiconfont icon-rss>/i>/a>/li>/ul>div classwx-qr-code relative>img srchttps://www.ganxb2.com/images/wxgzh2.webp alt廿壴微信公众号>p>关注廿壴公众号/p>/div>/div>/div>/div>!-- footer-nav end -->div classfooter-line relative>/div>div classcopyright-beian relative w-full>div classcopyright-box animate-left>img srchttps://www.ganxb2.com/images/apple-touch-icon.png alt廿壴(ganxb2) classlogo> 廿壴(GANXB2) 版权所有 © 2011-2023 DESIGN&FRONT BY 甘小波/div>div classbeian-box animate-right>img srchttps://www.ganxb2.com/images/police_beian.png altpolice_beian classpolice-beian>粤公网安备 44030902003502号 蜀ICP备19026443号/div>/div>!-- copyright-beian end -->div classsea-bg w-full h-full relative pointer-events-none>img srchttps://npm.elemecdn.com/npm-action-test@1.0.2/home/sea.png altsea>/div>/div>!-- fourth-screen-box -->/section>script crossoriginanonymous integritysha512-i9cEfJwUwViEPFKdC1enz4ZRGBj8YQo6QByFTF92YXHi7waCqyexvRD75S5NVTsSiTv7rKWqG9Y5eFxmRsOn0A srchttps://lib.baomitu.com/twitter-bootstrap/5.2.3/js/bootstrap.bundle.min.js>/script>!-- bs总包 end-->!-- script srchttp://prinzhorn.github.io/skrollr/dist/skrollr.min.js>/script> -->!-- 分包 -->!-- script srchttps://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js integritysha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3 crossoriginanonymous>/script> script srchttps://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js integritysha384-ep+dxp/oz2RKF89ALMPGc7Z89QFa32C8Uv1A3TcEK8sMzXVysblLA3+eJWTzPJzT crossoriginanonymous>/script> -->!-- 瀑布流插件 -->script crossoriginanonymous integritysha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D srchttps://lib.baomitu.com/masonry/4.2.2/masonry.pkgd.min.js>/script>!-- 判断兼容 -->script src./js/modernizr-custom.js>/script>!-- 判断图片加载插件 -->script src./js/imagesloaded.pkgd.min.js>/script>!-- 判断class小插件 -->script src./js/classie.js>/script>!-- 自定义点击图片展开和瀑布流 -->script src./js/main.js>/script>!-- drop 依赖于 tether.js -->script src./js/tether.js>/script>script srchttps://cdn.bootcdn.net/ajax/libs/tether-drop/1.4.2/js/drop.min.js>/script>script typetext/javascript>// const _skrollr skrollr.init(); // 社会媒体弹出 const bsArray { id: net-box, content: img srchttps://blog.ganxb2.com/img/about/163.webp alt网易云-廿壴博客 classpopover-qr-code />, }, { id: weibo-box, content: img srchttps://blog.ganxb2.com/img/about/weibo_gump.webp alt微博-廿壴博客 classpopover-qr-code />, }, { id: wx-box, content: img srchttps://blog.ganxb2.com/img/about/weixin_gump.webp alt微信-廿壴博客 classpopover-qr-code />, }, { id: bilibili-box, content: img srchttps://blog.ganxb2.com/img/about/bilibili_gump.webp altb站-廿壴博客 classpopover-qr-code />, }, ; // popover官网: https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements const handlePopover (item) > { const element document.getElementById(item.id); const popover new bootstrap.Popover(element, { // title: h4 classcustom-title>i classbi-info-circle-fill>/i> Popover info/h4>, content: item.content, //img srchttps://blog.ganxb2.com/img/wxgzh2.webp alt廿壴微信公众号 classpopover-qr-code />, html: true, placement: top, }); }; /** * Handles debouncing of events via requestAnimationFrame * @see http://www.html5rocks.com/en/tutorials/speed/animations/ * @param {Function} callback The callback to handle whichever event */ function Debouncer(callback) { this.callback callback; this.ticking false; } Debouncer.prototype { constructor: Debouncer, /** * dispatches the event to the supplied callback * @private */ update: function () { this.callback && this.callback(); this.ticking false; }, /** * ensures events dont get stacked * @private */ requestTick: function () { if (!this.ticking) { requestAnimationFrame( this.rafCallback || (this.rafCallback this.update.bind(this)) ); this.ticking true; } }, /** * Attach this as the event listeners */ handleEvent: function () { this.requestTick(); }, }; // 滚动监控 const listenScroll (callback) > { let dbc new Debouncer(callback); window.addEventListener(scroll, dbc, false); dbc.handleEvent(); return dbc; }; // 根据滚动高度给元素增加动画 const cardAddClass () > { let scrollHeight document.body.scrollTop + document.documentElement.scrollTop; // if (scrollHeight ! 0 && animateThat.offsetTop - scrollHeight 560) { // animateThat.classList.add(is-shown); // } let fourthRightContent document.querySelector( .fourth-screen-content ); let fourthLeftContent document.querySelector(.saying-content); let fourthWoman document.querySelector(.woman); let fourthFooterNav document.querySelector(.footer-nav); let fourthCopyright document.querySelector(.copyright-beian); let fourthBoxTop document.querySelector(#fourth-screen-box).offsetTop; if (scrollHeight ! 0 && fourthBoxTop - scrollHeight 560) { fourthRightContent.classList.add(is-shown); } if ( scrollHeight ! 0 && fourthBoxTop + fourthLeftContent.offsetTop - scrollHeight 560 ) { fourthLeftContent.classList.add(is-shown); fourthWoman.classList.add(is-shown); } if ( scrollHeight ! 0 && fourthBoxTop + fourthFooterNav.offsetTop - scrollHeight 560 ) { fourthFooterNav.classList.add(is-shown); fourthCopyright.classList.add(is-shown); } }; // 弹出2级下拉 const handleDrop () > { const _Drop Drop.createContext({ classPrefix: drop, }); const target document.querySelector(.drop-target); const content document.querySelector(.drop-content).innerHTML; const drop new _Drop({ target: target, classes: drop-example-theme-social-sharing, position: top left, constrainToWindow: true, constrainToScrollParent: false, openOn: click, // hover content: content, }); }; const handleMsnry () > { // 瀑布流 var msnry new Masonry(.grid-msnry, { // options itemSelector: .grid__item, columnWidth: 240, // percentPosition: true, horizontalOrder: true, }); }; (function () { handleDrop(); }).call(this); // 页面加载完成执行 window.addEventListener(load, (event) > { document.querySelector(#first-screen-box).classList.add(is-shown); // 瀑布流 // handleMsnry(); // 滚动监控 listenScroll(() > { // cardAddClass(animateSelector); document.querySelectorAll(.screen-box).forEach((element) > { // cardAddClass(element); let scrollHeight document.body.scrollTop + document.documentElement.scrollTop; if (scrollHeight ! 0 && element.offsetTop - scrollHeight 560) { element.classList.add(is-shown); } }); cardAddClass(); }); bsArray.forEach((item) > { handlePopover(item); }); }); (function () { // 判断兼容 var support { transitions: Modernizr.csstransitions }, // transition end event name transEndEventNames { WebkitTransition: webkitTransitionEnd, MozTransition: transitionend, OTransition: oTransitionEnd, msTransition: MSTransitionEnd, transition: transitionend, }, transEndEventName transEndEventNamesModernizr.prefixed(transition), onEndTransition function (el, callback) { var onEndCallbackFn function (ev) { if (support.transitions) { if (ev.target ! this) return; this.removeEventListener(transEndEventName, onEndCallbackFn); } if (callback && typeof callback function) { callback.call(this); } }; if (support.transitions) { el.addEventListener(transEndEventName, onEndCallbackFn); } else { onEndCallbackFn(); } }; new GridFx(document.querySelector(.grid-msnry), { imgPosition: { x: -0.5, y: 1, }, onOpenItem: function (instance, item) { instance.items.forEach(function (el) { if (item ! el) { var delay Math.floor(Math.random() * 50); el.style.WebkitTransition opacity .5s + delay + ms cubic-bezier(.7,0,.3,1), -webkit-transform .5s + delay + ms cubic-bezier(.7,0,.3,1); el.style.transition opacity .5s + delay + ms cubic-bezier(.7,0,.3,1), transform .5s + delay + ms cubic-bezier(.7,0,.3,1); el.style.WebkitTransform scale3d(0.1,0.1,1); el.style.transform scale3d(0.1,0.1,1); el.style.opacity 0; } }); }, onCloseItem: function (instance, item) { instance.items.forEach(function (el) { if (item ! el) { el.style.WebkitTransition opacity .4s, -webkit-transform .4s; el.style.transition opacity .4s, transform .4s; el.style.WebkitTransform scale3d(1,1,1); el.style.transform scale3d(1,1,1); el.style.opacity 1; onEndTransition(el, function () { el.style.transition none; el.style.WebkitTransform none; }); } }); }, }); })();/script>/body>/html>!-- picture width1920 height576> source media(max-width: 799px) data-srcsethttps://bud.agency/wp-content/uploads/2019/08/home-foliage-768x230.png 768w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-480x144.png 480w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-375x113.png 375w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-1536x461.png 1536w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-960x288.png 960w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-750x225.png 750w typeimage/jpeg /> source media(min-width: 800px) data-srcsethttps://bud.agency/wp-content/uploads/2019/08/home-foliage-200x60.png 200w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-1024x307.png 1024w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-768x230.png 768w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-1920x576.png 1920w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-1600x480.png 1600w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-1440x432.png 1440w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-100x30.png 100w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-400x120.png 400w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-65x20.png 65w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-130x39.png 130w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-80x24.png 80w, https://bud.agency/wp-content/uploads/2019/08/home-foliage-160x48.png 160w typeimage/jpeg /> img classobject-cover w-full h-full srchttps://bud.agency/wp-content/uploads/2019/08/home-foliage.png.webp alt width1920 height576 />/picture> -->
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]