</div> <div class="post-tags-categories"> <div class="tags"> <a href="/tags/%E7%AE%97%E6%B3%95/" class=""> 算法 </a> </div> </div> <div class="copyright"> <ul class="post-copyright"> <li class="post-copyright-author"> <strong>作者: </strong>xaddwell</a> </li> <li class="post-copyright-link"> <strong>文章链接: </strong> <a href="/2022/10/09/fft-kuai-su-fu-li-xie-share/" target="_blank" title="快速傅里叶变换(FFT)—转载">http://xaddwell.github.io/2022/10/09/fft-kuai-su-fu-li-xie-share/</a> </li> <li class="post-copyright-license"> <strong>版权声明: </strong> 本网站所有文章除特别声明外,均采用 <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" title="Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)">CC BY-NC-ND 4.0</a> 许可协议。转载请注明出处! </li> </ul> <div> </article> <!-- 上一篇文章和下一篇文章 --> <!-- 文章详情页的上一页和下一页 --> <div class="post-nav"> <div class="post-nav-prev post-nav-item"> <div class="post-nav-img" style="background-size: cover; background-position: center center;"> <img class="lazyload lazyload placeholder" src="https://picx.zhimg.com/50/v2-0b882320917b506c1145a4d9f9f27a29_720w.jpg" class="lazyload placeholder" data-srcset="https://picx.zhimg.com/50/v2-0b882320917b506c1145a4d9f9f27a29_720w.jpg" srcset="https://pic1.zhimg.com/v2-cd38920285d125be80b3eb504052c550_b.webp" alt=""> </div> <a href="/2022/10/09/zui-mei-de-matlab-hui-tu-share/" class="post-nav-link"> <div class="title"> <i class="fas fa-angle-left"></i> 上一篇: <div class="title-text">Matlab绘玫瑰——转载</div> </div> <!-- <div class="content"> function drawrose2 grid on [x,t]=meshgrid((0:24)./ </div> --> </a> </div> <div class="post-nav-next post-nav-item"> <div class="post-nav-img" style="background-size: cover; background-position: center center;"> <img class="lazyload lazyload placeholder" src="/medias/10.jpg" class="lazyload placeholder" data-srcset="/medias/10.jpg" srcset="https://pic1.zhimg.com/v2-cd38920285d125be80b3eb504052c550_b.webp" src="" alt=""> </div> <a href="/2022/10/09/tian-ya-da-shen-kk-de-fang-jie-yu-yan-zhuan-zai/" class="post-nav-link"> <div class="title"> 下一篇: <i class="fas fa-angle-right"></i> <div class="title-text">天涯大神KK的房价预言——转载记录</div> </div> <!-- <div class="content"> 租房的苦说到租房举个活生生的例子。我有朋友是个房产的死空头，一直租住着北京一套两居室的老公房，租金不高1000多点，所以 </div> --> </a> </div> </div> <!-- 打赏 --> <div id="appDonate" class="post-donate"> <div id="donate_board" class="donate_bar center" ref="donate"> <a id="btn_donate" class="btn_donate" href="javascript:;" title="打赏" @click="showDialogDrawer()"></a> </div> <transition name="fade"> <div class="donate-box-mask" v-cloak v-show="visible" @click="cancelDialogDrawer()" > </div> </transition> <transition name="bounce"> <div class="donate-box" v-cloak v-show="visible"> <div class="donate-box_close"> <i class="fas fa-times" aria-hidden="true" @click="cancelDialogDrawer" pointer></i> </div> <div class="donate-box_title"> <h4> 你的赏识是我前进的动力 </h4> </div> <div class="donate-box_tab"> <div class="Alipay" pointer :class="{'active': tabActive === 'Alipay'}" @click="changeTabActive('Alipay')"> 支付宝 </div> <div class="WeChatpay" pointer :class="{'active': tabActive === 'WeChatpay'}" @click="changeTabActive('WeChatpay')"> 微信 </div> </div> <div class="donate-box_img"> <div class="AlipayImg" v-show="tabActive === 'Alipay'"> <img src="/medias/zfbzf.jpg" class="lazyload placeholder" data-srcset="/medias/zfbzf.jpg" srcset="https://pic1.zhimg.com/v2-cd38920285d125be80b3eb504052c550_b.webp" alt="支付宝打赏" /> </div> <div class="WeChatpayImg" v-show="tabActive === 'WeChatpay'"> <img src="/medias/wxzf.jpg" class="lazyload placeholder" data-srcset="/medias/wxzf.jpg" srcset="https://pic1.zhimg.com/v2-cd38920285d125be80b3eb504052c550_b.webp" alt="微信打赏" /> </div> </div> </div> </transition> </div> <script> var body = document.body || document.documentElement || window; var vm = new Vue({ el: '#appDonate', data: { visible: false, tabActive: 'Alipay', top: 0, }, computed: { }, mounted() { }, methods: { showDialogDrawer() { this.visible = true; // 防止页面滚动，只能让弹框滚动 // function getScroll() { // return { // left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0, // top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0 // }; // } this.top = $(document).scrollTop() // or getScroll().top // console.log('aa', $('.main-content')); body.style.cssText = 'overflow: hidden;'; }, cancelDialogDrawer() { this.visible = false; body.removeAttribute('style'); $(document).scrollTop(this.top) }, changeTabActive(name) { this.tabActive = name; } }, created() {} }) </script> <!-- 分享 --> <!-- https://github.com/overtrue/share.js --> <!-- 文章详情页的分享 --> <div class="social-share" data-sites="twitter,facebook,google,qq,qzone,wechat,weibo,douban,linkedin" data-wechat-qrcode-helper="<p>微信扫一扫即可分享！</p>"></div> <script src="/js/shareJs/social-share.min.js"></script> </script> <style> .social-share { margin: 20px 0; } </style> <!-- 评论 --> <!-- 评论 --> <div id="myComment"> <div id="gitment-container"></div> </div> <!-- comment script in themes\hexo-theme-bamboo\layout\_partial\scripts\index.ejs --> </div> <!-- 目录 --> <!-- 文章详情页右侧目录 --> <div class="toc-aside"> <div class="toc-main"> <div class="toc-aside-title"> <i class="fas fa-list-ul" aria-hidden="true"></i><span>本文目录</span> <div class="toc-open-close">本文目录</div> </div> <div class="toc-content"> <div class="toc"></div> </div> </div> </div> <!-- 手机端目录按钮 --> <div id="toc-mobile-btn"> <i class="fas fa-list-ul" aria-hidden="true"></i> </div> <script> function closeToc(init) { $(".toc-aside").css({'width': 0, 'padding': 0, 'transition': init ? 'noe' : 'width 0.3s' }); $(".toc-content").css({'width': 0}); $(".toc-aside-title span, .toc-aside-title i").css({'display': 'none'}); $(".main-content").css({'width': '75%', 'margin-left': 'auto', 'margin-right': 'auto',}); }; function openToc() { $(".main-content").css({'width': '65%', 'margin-right': '10px', 'margin-left': 'calc(35% - 350px)'}); $(".toc-aside").css({'width': '300px', 'padding': '0 10px', 'transition': 'width 0.3s'}); $(".toc-content").css({'width': '300px'}); $(".toc-aside-title span, .toc-aside-title i").css({'display': 'inline-block'}); } function openBtnClickFn () { let openOrCloseBtn = $('.toc-aside .toc-aside-title .toc-open-close'); let open = eval('' || 'true'); openOrCloseBtn.click(function() { if (open) { closeToc(); open = false; } else { openToc(); open = true; } }); }; openBtnClickFn(); initCloseTocWidth(true); function initCloseTocWidth(init) { if (window.innerWidth >= 992) { let isClose = false; isClose && closeToc(init) } } document.addEventListener('pjax:complete', function () { $(".toc-aside").css({'transition': 'no'}); }) document.addEventListener('pjax:complete', function () { openBtnClickFn(); }) </script> <!-- 图片放大 Wrap images with fancybox support --> <script src="/js/wrapImage.js"></script> </div> <!-- 文章详情页背景图 --> <div id="appBgSwiper" style="position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: -2;" :style="{'background-color': bgColor ? bgColor : 'transparent'}"> <transition-group tag="ul" :name="names"> <li v-for='(image,index) in img' :key='index' v-show="index === mark" class="bg-swiper-box"> <img :src="image" class="bg-swiper-img no-lazy"> </li> </transition-group> </div> <script> var vm = new Vue({ el: '#appBgSwiper', data: { names: '' || 'fade' || 'fade', // translate-fade fade mark: 0, img: [], bgColor: '', time: null }, methods: { //添加方法 change(i, m) { if (i > m) { // this.names = 'fade'; } else if (i < m) { // this.names = 'fade'; } else { return; } this.mark = i; }, prev() { // this.names = 'fade'; this.mark--; if (this.mark === -1) { this.mark = 3; return } }, next() { // this.names = 'fade'; this.mark++; if (this.mark === this.img.length) { this.mark = 0; return } }, autoPlay() { // this.names = 'fade'; this.mark++; if (this.mark === this.img.length) { this.mark = 0; return } }, play() { let bgImgDelay = '' || '180000' let delay = parseInt(bgImgDelay) || 180000; this.time = setInterval(this.autoPlay, delay); }, enter() { clearInterval(this.time); }, leave() { this.play(); } }, created() { this.play() }, beforeDestroy() { clearInterval(this.time); }, mounted() { let prop = '' || ''; let isImg = prop.includes('.bmp') || prop.includes('.jpg') || prop.includes('.png') || prop.includes('.tif') || prop.includes('.gif') || prop.includes('.pcx') || prop.includes('.tga') || prop.includes('.exif') || prop.includes('.fpx') || prop.includes('.psd') || prop.includes('.cdr') || prop.includes('.pcd') || prop.includes('.dxf') || prop.includes('.ufo') || prop.includes('.eps') || prop.includes('.ai') || prop.includes('.raw') || prop.includes('.WMF') || prop.includes('.webp') || prop.includes('.jpeg') || prop.includes('http://') || prop.includes('https://') if (isImg) { let img = prop.split(','); let configRoot = '/' let arrImg = []; img.forEach(el => { var Expression = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/; var objExp = new RegExp(Expression); if (objExp.test(el)) { // http or https arrImg.push(el); } else { // 非http or https开头 // 本地文件 let firstStr = el.charAt(0); if (firstStr == '/') { el = el.substr(1); // 删除第一个字符 '/',因为 configRoot最后一个字符为 / } el = configRoot + el; arrImg.push(el); } }) this.img = arrImg; } else { this.bgColor = prop; } } }) </script> <style> .bg-swiper-box { position: absolute; display: block; width: 100%; height: 100%; } .bg-swiper-img { object-fit: cover; width: 100%; height: 100%; } </style> <script> function loadMermaid() { if (document.getElementsByClassName('mermaid').length) { if (window.mermaidJsLoad) mermaid.init() else { loadScript('https://unpkg.com/mermaid/dist/mermaid.min.js').then(() => { window.mermaidJsLoad = true mermaid.initialize({ theme: 'default', }) if ('true') { mermaid.init(); } }) } } }; document.addEventListener("DOMContentLoaded", function () { loadMermaid(); }) document.addEventListener('pjax:complete', function () { loadMermaid(); }) </script> </main> </div> <!-- 页脚 --> <!-- 底部鱼儿跳动效果，依赖于jquery--> <div id="j-fish-skip" style=" position: relative;height: 153px;width: auto;"></div> <script> var RENDERER = { POINT_INTERVAL: 5, FISH_COUNT: 3, MAX_INTERVAL_COUNT: 50, INIT_HEIGHT_RATE: .5, THRESHOLD: 50, FISH_COLOR: '', init: function () { this.setFishColor(); this.setParameters(), this.reconstructMethods(), this.setup(), this.bindEvent(), this.render() }, setFishColor: function () { let isDark = JSON.parse(localStorage.getItem('dark')) || JSON.parse('false'); if (isDark) { this.FISH_COLOR = '#222'; // 暗黑色，有时间把这整成一个变量 } else { this.FISH_COLOR = '' || '#8abcd1'; } }, setParameters: function () { this.$window = $(window), this.$container = $("#j-fish-skip"), this.$canvas = $("<canvas />"), this.context = this.$canvas.appendTo(this.$container).get(0).getContext("2d"), this.points = [], this.fishes = [], this.watchIds = [] }, createSurfacePoints: function () { var t = Math.round(this.width / this.POINT_INTERVAL); this.pointInterval = this.width / (t - 1), this.points.push(new SURFACE_POINT(this, 0)); for (var i = 1; i < t; i++) { var e = new SURFACE_POINT(this, i * this.pointInterval), h = this.points[i - 1]; e.setPreviousPoint(h), h.setNextPoint(e), this.points.push(e) } }, reconstructMethods: function () { this.watchWindowSize = this.watchWindowSize.bind(this), this.jdugeToStopResize = this.jdugeToStopResize.bind(this), this.startEpicenter = this.startEpicenter.bind(this), this.moveEpicenter = this.moveEpicenter.bind(this), this.reverseVertical = this.reverseVertical.bind(this), this.render = this.render.bind(this) }, setup: function () { this.points.length = 0, this.fishes.length = 0, this.watchIds.length = 0, this.intervalCount = this.MAX_INTERVAL_COUNT, this.width = this.$container.width(), this.height = this.$container.height(), this.fishCount = this.FISH_COUNT * this.width / 500 * this.height / 500, this.$canvas.attr({ width: this.width, height: this.height }), this.reverse = !1, this.fishes.push(new FISH(this)), this.createSurfacePoints() }, watchWindowSize: function () { this.clearTimer(), this.tmpWidth = this.$window.width(), this.tmpHeight = this.$window.height(), this.watchIds.push(setTimeout(this.jdugeToStopResize, this.WATCH_INTERVAL)) }, clearTimer: function () { for (; this.watchIds.length > 0;) clearTimeout(this.watchIds.pop()) }, jdugeToStopResize: function () { var t = this.$window.width(), i = this.$window.height(), e = t == this.tmpWidth && i == this.tmpHeight; this.tmpWidth = t, this.tmpHeight = i, e && this.setup() }, bindEvent: function () { this.$window.on("resize", this.watchWindowSize), this.$container.on("mouseenter", this.startEpicenter), this.$container.on("mousemove", this.moveEpicenter) }, getAxis: function (t) { var i = this.$container.offset(); return { x: t.clientX - i.left + this.$window.scrollLeft(), y: t.clientY - i.top + this.$window.scrollTop() } }, startEpicenter: function (t) { this.axis = this.getAxis(t) }, moveEpicenter: function (t) { var i = this.getAxis(t); this.axis || (this.axis = i), this.generateEpicenter(i.x, i.y, i.y - this.axis.y), this.axis = i }, generateEpicenter: function (t, i, e) { if (!(i < this.height / 2 - this.THRESHOLD || i > this.height / 2 + this.THRESHOLD)) { var h = Math.round(t / this.pointInterval); h < 0 || h >= this.points.length || this.points[h].interfere(i, e) } }, reverseVertical: function () { this.reverse = !this.reverse; for (var t = 0, i = this.fishes.length; t < i; t++) this.fishes[t].reverseVertical() }, controlStatus: function () { for (var t = 0, i = this.points.length; t < i; t++) this.points[t].updateSelf(); for (t = 0, i = this.points.length; t < i; t++) this.points[t].updateNeighbors(); this.fishes.length < this.fishCount && 0 == --this.intervalCount && (this.intervalCount = this.MAX_INTERVAL_COUNT, this.fishes.push(new FISH(this))) }, render: function () { requestAnimationFrame(this.render), this.controlStatus(), this.context.clearRect(0, 0, this.width, this.height), this.context.fillStyle = this.FISH_COLOR; for (var t = 0, i = this.fishes.length; t < i; t++) this.fishes[t].render(this.context); this.context.save(), this.context.globalCompositeOperation = "xor", this.context.beginPath(), this.context.moveTo(0, this.reverse ? 0 : this.height); for (t = 0, i = this.points.length; t < i; t++) this.points[t].render(this.context); this.context.lineTo(this.width, this.reverse ? 0 : this.height), this.context.closePath(), this.context.fill(), this.context.restore() } }, SURFACE_POINT = function (t, i) { this.renderer = t, this.x = i, this.init() }; SURFACE_POINT.prototype = { SPRING_CONSTANT: .03, SPRING_FRICTION: .9, WAVE_SPREAD: .3, ACCELARATION_RATE: .01, init: function () { this.initHeight = this.renderer.height * this.renderer.INIT_HEIGHT_RATE, this.height = this.initHeight, this.fy = 0, this.force = { previous: 0, next: 0 } }, setPreviousPoint: function (t) { this.previous = t }, setNextPoint: function (t) { this.next = t }, interfere: function (t, i) { this.fy = this.renderer.height * this.ACCELARATION_RATE * (this.renderer.height - this.height - t >= 0 ? -1 : 1) * Math.abs(i) }, updateSelf: function () { this.fy += this.SPRING_CONSTANT * (this.initHeight - this.height), this.fy *= this.SPRING_FRICTION, this.height += this.fy }, updateNeighbors: function () { this.previous && (this.force.previous = this.WAVE_SPREAD * (this.height - this.previous.height)), this.next && (this.force.next = this.WAVE_SPREAD * (this.height - this.next.height)) }, render: function (t) { this.previous && (this.previous.height += this.force.previous, this.previous.fy += this.force.previous), this.next && (this.next.height += this.force.next, this.next.fy += this.force.next), t.lineTo(this.x, this.renderer.height - this.height) } }; var FISH = function (t) { this.renderer = t, this.init() }; FISH.prototype = { GRAVITY: .4, init: function () { this.direction = Math.random() < .5, this.x = this.direction ? this.renderer.width + this.renderer.THRESHOLD : -this.renderer.THRESHOLD, this.previousY = this.y, this.vx = this.getRandomValue(4, 10) * (this.direction ? -1 : 1), this.renderer.reverse ? (this.y = this.getRandomValue(1 * this.renderer.height / 10, 4 * this.renderer.height / 10), this.vy = this.getRandomValue(2, 5), this.ay = this.getRandomValue(.05, .2)) : (this.y = this.getRandomValue(6 * this.renderer.height / 10, 9 * this.renderer.height / 10), this.vy = this.getRandomValue(-5, -2), this.ay = this.getRandomValue(-.2, -.05)), this.isOut = !1, this.theta = 0, this.phi = 0 }, getRandomValue: function (t, i) { return t + (i - t) * Math.random() }, reverseVertical: function () { this.isOut = !this.isOut, this.ay *= -1 }, controlStatus: function (t) { this.previousY = this.y, this.x += this.vx, this.y += this.vy, this.vy += this.ay, this.renderer.reverse ? this.y > this.renderer.height * this.renderer.INIT_HEIGHT_RATE ? (this.vy -= this.GRAVITY, this.isOut = !0) : (this.isOut && (this.ay = this.getRandomValue(.05, .2)), this.isOut = !1) : this.y < this.renderer.height * this.renderer.INIT_HEIGHT_RATE ? (this.vy += this.GRAVITY, this.isOut = !0) : (this.isOut && (this.ay = this.getRandomValue(-.2, -.05)), this.isOut = !1), this.isOut || (this.theta += Math.PI / 20, this.theta %= 2 * Math.PI, this.phi += Math.PI / 30, this.phi %= 2 * Math.PI), this.renderer.generateEpicenter(this.x + (this.direction ? -1 : 1) * this.renderer.THRESHOLD, this.y, this.y - this.previousY), (this.vx > 0 && this.x > this.renderer.width + this.renderer.THRESHOLD || this.vx < 0 && this.x < -this.renderer.THRESHOLD) && this.init() }, render: function (t) { t.save(), t.translate(this.x, this.y), t.rotate(Math.PI + Math.atan2(this.vy, this.vx)), t.scale(1, this.direction ? 1 : -1), t.beginPath(), t.moveTo(-30, 0), t.bezierCurveTo(-20, 15, 15, 10, 40, 0), t.bezierCurveTo(15, -10, -20, -15, -30, 0), t.fill(), t.save(), t.translate(40, 0), t.scale(.9 + .2 * Math.sin(this.theta), 1), t.beginPath(), t.moveTo(0, 0), t.quadraticCurveTo(5, 10, 20, 8), t.quadraticCurveTo(12, 5, 10, 0), t.quadraticCurveTo(12, -5, 20, -8), t.quadraticCurveTo(5, -10, 0, 0), t.fill(), t.restore(), t.save(), t.translate(-3, 0), t.rotate((Math.PI / 3 + Math.PI / 10 * Math.sin(this.phi)) * (this.renderer.reverse ? -1 : 1)), t.beginPath(), this.renderer.reverse ? (t.moveTo(5, 0), t.bezierCurveTo(10, 10, 10, 30, 0, 40), t.bezierCurveTo(-12, 25, -8, 10, 0, 0)) : (t.moveTo(-5, 0), t.bezierCurveTo(-10, -10, -10, -30, 0, -40), t.bezierCurveTo(12, -25, 8, -10, 0, 0)), t.closePath(), t.fill(), t.restore(), t.restore(), this.controlStatus(t) } }, $(function () { RENDERER.init() $('.dark').click(function () { setTimeout(() => { RENDERER.setFishColor(); RENDERER.context.fill(); }); }) }); </script> <div class="footer bg-color"> <div class="footer-main"> <div class="link"> </div> <div class="footer-copyright"> <p>Copyright © 2019 - 2020 <a target="_blank" rel="noopener" href="https://github.com/xaddwell">xaddwell</a> | Powered by <a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/">Hexo</a> | Theme <a target="_blank" rel="noopener" href="https://github.com/yuang01/theme">Bamboo</a> </p> </div> <!-- 不蒜子统计 --> <!-- 不蒜子统计 --> <span id="busuanzi_container_site_pv"> <i class="fas fa-eye" aria-hidden="true"></i>本站总访问量：<span id="busuanzi_value_site_pv"></span> 次 </span> <span class="post-meta-divider">|</span> <span id="busuanzi_container_site_uv" style='display:none'> <i class="fas fa-users" aria-hidden="true"></i>本站访客数：<span id="busuanzi_value_site_uv"></span> 人 </span> <div class="footer-custom"> </div> </div> </div> <!-- 渲染暗黑按钮 --> <div class="dark"> <div class="dark-content"> <i class="fas fa-moon" aria-hidden="true"></i> <!-- <span>关灯</span> --> </div> </div> <script> $(function() { let isDark = JSON.parse(localStorage.getItem('dark')) || JSON.parse('false'); if (isDark) { $(".dark-content").replaceWith( ` <div class='dark-content'> <i class="fas fa-lightbulb" aria-hidden="true"></i> </div> ` ); } $('.dark').click(function() { if ($(document.body).is('.darkModel')) { $(document.body).removeClass('darkModel'); localStorage.setItem('dark', false); $(".dark-content").replaceWith( ` <div class='dark-content'> <i class="fas fa-moon" aria-hidden="true"></i> </div> ` ); } else { $(document.body).addClass('darkModel'); localStorage.setItem('dark', true); $(".dark-content").replaceWith( ` <div class='dark-content'> <i class="fas fa-lightbulb" aria-hidden="true"></i> </div> ` ); } }) }) </script> <!-- 渲染回到顶部按钮 --> <div class="goTop top-btn-color" pointer> <i class="fas fa-arrow-up" aria-hidden="true"></i> </div> <script src="/js/goTop.js"></script> <!-- 渲染左下角音乐播放器 --> <link rel="stylesheet" href="/js/aplayer/APlayer@1.10.1.min.css"> <style> .aplayer .aplayer-lrc p { font-size: 12px; font-weight: 700; line-height: 16px !important; } .aplayer .aplayer-lrc p.aplayer-lrc-current { font-size: 15px; color: #42b983; } .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body { left: -66px !important; } .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover { left: 0px !important; } </style> <meting-js class="" server="netease" type="playlist" id="3039291125" fixed='true' autoplay='false' theme='#42b983' loop='all' order='random' preload='auto' volume='0.7' list-folded='true' > </meting-js> <!-- <style> #aplayer { position: fixed; left: 0; bottom: 300px; } </style> --> <script src="https://unpkg.com/aplayer@1.10.1/dist/APlayer.min.js"></script> <script src="https://unpkg.com/meting@2/dist/Meting.min.js"></script> <!-- 图片放大 --> <script src="/js/fancybox/jquery.fancybox.min.js"></script> <!-- 百度解析 --> <!-- Baidu Analytics --> <!-- Baidu Push --> <script> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <!-- 背景彩带 --> <script type="text/javascript" size="100" alpha='0.4' zIndex="-1" src="/js/ribbon.min.js"></script> <script src="/js/utils/index.js"></script> <script src="/js/app.js"></script> <!-- 文章目录所需js --> <link href="/js/tocbot/tocbot.css" rel="stylesheet"> <script src="/js/tocbot/tocbot.min.js"></script> <script> var headerEl = 'h2, h3, h4', //headers content = '.post-detail',//文章容器 idArr = {}; //标题数组以确定是否增加索引id //add #id var option = { // Where to render the table of contents. tocSelector: '.toc', // Where to grab the headings to build the table of contents. contentSelector: content, // Which headings to grab inside of the contentSelector element. headingSelector: headerEl, scrollSmooth: true, scrollSmoothOffset: -80, headingsOffset: -($(window).height() * 0.4 - 45), positionFixedSelector: '.toc-main', positionFixedClass: 'is-position-fixed', fixedSidebarOffset: 'auto', activeLinkClass: 'is-active-link', // onClick: function (e) {}, } if ($('.toc').length > 0) { $(content).children(headerEl).each(function () { //去除空格以及多余标点 var headerId = $(this).text().replace(/[\s|\~|`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\_|\+|\=|\||\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?|\：|\，|\。]/g, ''); headerId = headerId.toLowerCase(); if (idArr[headerId]) { //id已经存在 $(this).attr('id', headerId + '-' + idArr[headerId]); idArr[headerId]++; } else { //id未存在 idArr[headerId] = 1; $(this).attr('id', headerId); } }); document.addEventListener("DOMContentLoaded", function () { tocbot.init(option); mobileTocClick(); }); } window.tocScrollFn = function () { return bamboo.throttle(function () { findHeadPosition(); }, 100)() } window.addEventListener('scroll', tocScrollFn); const findHeadPosition = function (top) { if ($('.toc-list').length <= 0) { return false; } setTimeout(() => { // or DOMContentLoaded autoScrollToc(); }, 0); } const autoScrollToc = function () { const $activeItem = document.querySelector('.is-active-link'); const $cardToc = document.querySelector('.toc-content'); const activePosition = $activeItem.getBoundingClientRect().top const sidebarScrollTop = $cardToc.scrollTop if (activePosition > (document.documentElement.clientHeight - 100)) { $cardToc.scrollTop = sidebarScrollTop + 150 } if (activePosition < 100) { $cardToc.scrollTop = sidebarScrollTop - 150 } } document.addEventListener('pjax:send', function () { if ($('.toc').length) { tocbot.destroy(); } }); document.addEventListener('pjax:complete', function () { if ($('.toc').length) { tocbot.init(option); mobileTocClick(); } }); // 手机端toc按钮点击出现目录 const mobileTocClick = function () { const $cardTocLayout = document.getElementsByClassName('toc-aside')[0]; const $cardToc = $cardTocLayout.getElementsByClassName('toc-content')[0]; let right = '45px'; if (window.innerWidth >= 551 && window.innerWidth <= 992) { right = '100px' } const mobileToc = { open: () => { $cardTocLayout.style.cssText = 'animation: toc-open .3s; opacity: 1; right: ' + right }, close: () => { $cardTocLayout.style.animation = 'toc-close .2s' setTimeout(() => { $cardTocLayout.style.cssText = "opacity:''; animation: ''; right: ''" }, 100) } } document.getElementById('toc-mobile-btn').addEventListener('click', () => { if (window.getComputedStyle($cardTocLayout).getPropertyValue('opacity') === '0') mobileToc.open() else mobileToc.close() }) $cardToc.addEventListener('click', (e) => { if (window.innerWidth < 992) { // 小于992px的时候 mobileToc.close() } }) } </script> <style> .is-position-fixed { position: sticky !important; top: 74px; } .toc-main ul { counter-reset: show-list; } .toc-main ul li::before { content: counter(item)"."; display: block; position: absolute; left: 12px; top: 0; } </style> <!-- 设置导航背景 --> <script> let setHeaderClass = () => { const headerMenuTransparent = true; if (!headerMenuTransparent) { return; } const nav = $('#navHeader'); const navTop = nav.outerHeight(); const winTop = $(window).scrollTop(); if(winTop > navTop) { nav.addClass('header-bg-color'); } else { nav.removeClass('header-bg-color'); } }; let scrollCollect = () => { return bamboo.throttle(function (e) { setHeaderClass(); }, 200)() } let initHeaderBg = () => { setHeaderClass(); } setHeaderClass(); window.addEventListener('scroll', scrollCollect); document.addEventListener('pjax:send', function () { window.removeEventListener('scroll', scrollCollect) }) document.addEventListener('pjax:complete', function () { window.addEventListener('scroll', scrollCollect); setHeaderClass(); }) </script> <!-- 渲染issues标签里的内容 --> <script> function loadIssuesJS() { if ($(".post-detail").find(".issues-api").length == 0) { return; } loadScript('/js/issues/index.js'); }; $(function () { loadIssuesJS(); }); document.addEventListener('pjax:complete', function () { if (typeof IssuesAPI == "undefined") { loadIssuesJS(); } }) </script> <!-- 输入框打字特效 --> <!-- 输入框打字特效 --> <script src="/js/activate-power-mode.js"></script> <script> POWERMODE.colorful = true; // 打开随机颜色特效 POWERMODE.shake = false; // 关闭输入框抖动 document.body.addEventListener('input', POWERMODE);//监听打字事件 </script> <!-- markdown代码一键复制功能 --> <link rel="stylesheet" href="https://unpkg.com/v-plugs-ayu/lib/ayu.css"> <script src="https://unpkg.com/v-plugs-ayu/lib/ayu.umd.min.js"></script> <script src="/js/clipboard/clipboard.min.js"></script> <div id="appCopy"> </div> <script data-pjax> var vm = new Vue({ el: '#appCopy', data: { }, computed: { }, mounted() { const that = this; var copy = '复制'; /* code */ var initCopyCode = function () { var copyHtml = ''; copyHtml += '<button class="btn-copy" data-clipboard-snippet="" style="position:absolute;top:0;right:0;z-index:1;">'; copyHtml += '<i class="fas fa-copy"></i><span>' + copy + '</span>'; copyHtml += '</button>'; $(".post-detail pre").not('.gutter pre').wrap("<div class='codeBox' style='position:relative;width:100%;'></div>") $(".post-detail pre").not('.gutter pre').before(copyHtml); new ClipboardJS('.btn-copy', { target: function (trigger) { return trigger.nextElementSibling; } }); } initCopyCode(); $('.btn-copy').unbind('click').bind('click', function () { doSomething(); }) $(document).unbind('keypress').bind('keypress', function (e) { if (e.ctrlKey && e.keyCode == 67) { doSomething(); } }) function doSomething() { that.$notify({ title: "成功", content: "你是来抄作业的吗>_<？", type: 'success' }) } }, methods: { }, created() { } }) </script> <!-- 图片懒加载 --> <script defer src="https://unpkg.com/vanilla-lazyload@17.1.0/dist/lazyload.min.js"></script> <script> // https://www.npmjs.com/package/vanilla-lazyload // Set the options globally // to make LazyLoad self-initialize window.lazyLoadOptions = { elements_selector: ".lazyload", threshold: 0 }; // Listen to the initialization event // and get the instance of LazyLoad window.addEventListener( "LazyLoad::Initialized", function (event) { window.lazyLoadInstance = event.detail.instance; }, false ); document.addEventListener('DOMContentLoaded', function () { lazyLoadInstance.update(); }); document.addEventListener('pjax:complete', function () { lazyLoadInstance.update(); }); </script> <!-- 卡片滚动动画 --> <!-- 评论所需js --> <script type="text/javascript"> var utteranceCommon = {}; function check_utterance() { let isDark = JSON.parse(localStorage.getItem('dark')) || JSON.parse('false'); if (isDark) { utteranceCommon.Theme = 'github-dark'; } else { utteranceCommon.Theme = 'github-light'; } return document.getElementById("gitment-container"); } comment_el = '#gitment-container'; load_utterance = function () { if ($(comment_el).length) { // 匿名函数，防止污染全局变量 const HEAD = check_utterance(); var utterances = document.createElement('script'); utterances.type = 'text/javascript'; utterances.async = true; utterances.setAttribute('issue-term', 'pathname') utterances.setAttribute('theme', utteranceCommon.Theme) utterances.setAttribute('repo', 'xaddwell/xaddwell.github.io') utterances.crossorigin = 'anonymous'; utterances.src = 'https://utteranc.es/client.js'; // content 是要插入评论的地方 document.getElementById('gitment-container').appendChild(utterances); } } function dark_utterance() { const HEAD = check_utterance(); if (!HEAD) return; const message = { type: 'set-theme', theme: utteranceCommon.Theme }; const utteranceIframe = document.querySelector('iframe'); utteranceIframe.contentWindow.postMessage(message, 'https://utteranc.es'); } $(document).ready(load_utterance); document.addEventListener('pjax:complete', function () { load_utterance(); }); $('.dark').click(function () { setTimeout(() => { dark_utterance(); }); }) </script> <style> .utterances { max-width: inherit !important; } </style> <!-- 鼠标点击特效 --> <!-- 爱心点击 --> <canvas class="fireworks" style="position: fixed;left: 0;top: 0;z-index: 999; pointer-events: none;" ></canvas> <script src="//cdn.bootcss.com/animejs/2.2.0/anime.min.js"></script> <script src="/js/cursor/explosion.min.js"></script> <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" data-pjax></script> <!-- pjax --> <!-- pjax --> <script src="/js/pjax@0.2.8/index.js"></script> <!-- 样式位于：source/css/_third-party/pjaxanimate.styl --> <div class="pjax-animate"> <div class="loading-circle"><div id="loader-circle"></div></div> <script> window.ShowLoading = function() { $(".loading-circle").css("display", "block"); }; window.HideLoading = function() { $(".loading-circle").css("display", "none"); } </script> <script> document.addEventListener('pjax:complete', function () { window.HideLoading(); }) document.addEventListener('pjax:send', function () { window.ShowLoading(); }) document.addEventListener('pjax:error', function () { window.HideLoading(); }) </script> </div> <script> var pjax = new Pjax({ elements: 'a[href]:not([href^="#"]):not([href="javascript:void(0)"]):not([no-pjax])', // 拦截正常带链接的 a 标签 selectors: ["#pjax-container","title"], // 根据实际需要确认重载区域 cacheBust: false, // url 地址追加时间戳，用以避免浏览器缓存 timeout: 5000 }); document.addEventListener('pjax:send', function (e) { try { var currentUrl = window.location.pathname; var targetUrl = e.triggerElement.href; var banUrl = [""]; if (banUrl[0] != "") { banUrl.forEach(item => { if(currentUrl.indexOf(item) != -1 || targetUrl.indexOf(item) != -1) { window.location.href = targetUrl; } }); } } catch (error) {} $(window).unbind('resize'); $(window).unbind('scroll'); $(document).unbind('scroll'); $(document).unbind('click'); $('body').unbind('click'); }) document.addEventListener('pjax:complete', function () { $('script[data-pjax], .pjax-reload script').each(function () { $(this).parent().append($(this).remove()); }); }); document.addEventListener('pjax:error', function (e) { window.location.href = e.triggerElement.href; }) // 刷新不从顶部开始 document.addEventListener("DOMContentLoaded", function () { history.scrollRestoration = 'auto'; }) </script> </body> </html>
