页面刷新载入卡顿

我在运行过程中会遇到一种情况，就是刷新页面时，必定卡顿

我使用vue2.0，导入方式也是vue import的方式

利用浏览器性能定位，发现是下面这一段代码卡顿，我的理解这段是寻找引入的js脚本，但是我采用的是vue引入方式

不知道什么情况，请给予支持，谢谢

实际卡顿语句
```
RegExp: (?:[^\n]+?\n){0,-1}[^<]*<script>([\d\D]*?)<\/script>[\d\D]*
```

代码位置
```
var t = Object.getOwnPropertyDescriptor(document, "currentScript");
if (!t && "currentScript"in document && document.currentScript)
    return document.currentScript;
if (t && t.get !== e && document.currentScript)
    return document.currentScript;
try {
    throw new Error
} catch (f) {
    var r, n, i, a = /.*at [^(]*$(.*):(.+):(.+)$$/gi, A = /@([^@]*):(\d+):(\d+)\s*$/gi, o = a.exec(f.stack) || A.exec(f.stack), c = o && o[1] || !1, s = o && o[2] || !1, u = document.location.href.replace(document.location.hash, ""), l = document.getElementsByTagName("script");
    c === u && (r = document.documentElement.outerHTML,
    n = new RegExp("(?:[^\\n]+?\\n){0," + (s - 2) + "}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),
    i = r.replace(n, "$1").trim());
```

这段代码来自

https://github.com/amiller-gh/currentScript-polyfill

added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505

源码是这样:

```js
// IE 8-10 support script readyState
    // IE 11+ & Firefox support stack trace
    try {
      throw new Error();
    }
    catch (err) {
      // Find the second match for the "at" string to get file src url from stack.
      var ieStackRegExp = /.*at [^(]*$(.*):(.+):(.+)$$/ig,
        ffStackRegExp = /@([^@]*):(\d+):(\d+)\s*$/ig,
        stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),
        scriptLocation = (stackDetails && stackDetails[1]) || false,
        line = (stackDetails && stackDetails[2]) || false,
        currentLocation = document.location.href.replace(document.location.hash, ''),
        pageSource,
        inlineScriptSourceRegExp,
        inlineScriptSource,
        scripts = document.getElementsByTagName('script'); // Live NodeList collection
  
      if (scriptLocation === currentLocation) {
        pageSource = document.documentElement.outerHTML;
        inlineScriptSourceRegExp = new RegExp('(?:[^\\n]+?\\n){0,' + (line - 2) + '}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*', 'i');
        inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();
      }
  
      for (var i = 0; i < scripts.length; i++) {
        // If ready state is interactive, return the script tag
        if (scripts[i].readyState === 'interactive') {
          return scripts[i];
        }
  
        // If src matches, return the script tag
        if (scripts[i].src === scriptLocation) {
          return scripts[i];
        }
  
        // If inline source matches, return the script tag
        if (
          scriptLocation === currentLocation &&
          scripts[i].innerHTML &&
          scripts[i].innerHTML.trim() === inlineScriptSource
        ) {
          return scripts[i];
        }
      }
  
      // If no match, return null
      return null;
    }
```

麻烦告知一下你使用的浏览器和版本号，是否是 IE 或者 FireFox，用 新版本或者 Chrome 测试一下再反馈。

网安科技前端组/vue-datepicker

内容风险标识

评论 (3)