优化页面流畅度

themes/yilia/source-src/js/anm.js

@@ -1,92 +0,0 @@
-function init() {
-  var width, height, largeHeader, canvas, ctx, circles, target, animateHeader = true;
-
-  // Main
-  initHeader();
-  addListeners();
-
-  function initHeader() {
-    width = window.innerWidth;
-    height = window.innerHeight;
-    target = {x: 0, y: height};
-
-    largeHeader = document.getElementById('container');
-    largeHeader.style.height = height+'px';
-
-    canvas = document.getElementById('anm-canvas');
-    canvas.width = width;
-    canvas.height = height;
-    ctx = canvas.getContext('2d');
-
-    // create particles
-    circles = [];
-    for(var x = 0; x < width*0.5; x++) {
-      var c = new Circle();
-      circles.push(c);
-    }
-    animate();
-  }
-
-  // Event handling
-  function addListeners() {
-    window.addEventListener('scroll', scrollCheck);
-    window.addEventListener('resize', resize);
-  }
-
-  function scrollCheck() {
-    if(document.body.scrollTop > height) animateHeader = false;
-    else animateHeader = true;
-  }
-
-  function resize() {
-    width = window.innerWidth;
-    height = window.innerHeight;
-    largeHeader.style.height = height+'px';
-    canvas.width = width;
-    canvas.height = height;
-  }
-
-  function animate() {
-    if(animateHeader) {
-      ctx.clearRect(0,0,width,height);
-      for(var i in circles) {
-        circles[i].draw();
-      }
-    }
-    requestAnimationFrame(animate);
-  }
-
-  // Canvas manipulation
-  function Circle() {
-    var _this = this;
-
-    // constructor
-    (function() {
-      _this.pos = {};
-      init();
-      //console.log(_this);
-    })();
-
-    function init() {
-      _this.pos.x = Math.random()*width;
-      _this.pos.y = height+Math.random()*100;
-      _this.alpha = 0.1+Math.random()*0.3;
-      _this.scale = 0.1+Math.random()*0.3;
-      _this.velocity = Math.random();
-    }
-
-    this.draw = function() {
-      if(_this.alpha <= 0) {
-        init();
-      }
-      _this.pos.y -= _this.velocity;
-      _this.alpha -= 0.0005;
-      ctx.beginPath();
-      ctx.arc(_this.pos.x, _this.pos.y, _this.scale*10, 0, 2 * Math.PI, false);
-      ctx.fillStyle = 'rgba(255,255,255,'+ _this.alpha+')';
-      ctx.fill();
-    };
-  }
-}
-
-export default { init }

themes/yilia/source-src/js/slider.js

@@ -1,12 +1,6 @@
-// 动画
-import Anm from './anm'
-// 浏览器判断
-import Browser from './browser'
-
 import axios from 'axios'
 import Vue from '../lib/vue/vue.min'
 import waifuTips from '../config/waifu-tip.json'
-const isMobile = (Browser.versions.mobile && window.screen.width < 800)
 
 function setScrollZero() {
   let $sct = document.querySelectorAll('.tools-section')
@@ -284,8 +278,4 @@ const waifuTools = {
     // 打开全文检索Modal
     vm.openFullTextSearch()
   }
-}
-
-if (!isMobile) {
-  Anm.init()
-}
+}