鍍金池/ 問答
熟稔 回答

我也遇到了你這個問題,我刪除 node_modules 的原因是因為 我安裝另一個模塊后代碼引入始終提示不存在,但是在 node_modules 文件夾中是可以找到的,于是我刪除了整個 node_modules 文件夾然后重新 cnpm install 安裝,就出現了如你題目中的問題,盡管 stackoverflow 上有人也遇到了這種錯誤提示,但是完全不是刪除 node_modules引起的(在刪除node_module前項目可以運行)
我解決辦法是最后使用 npm install 來安裝 而不是 cnpm install, 安裝后 run-android 界面開始可能會出現黑屏,關掉再運行一次 run-android 即可正常

風畔 回答

你最后一幀margin-left: 0;,所以圖片一輪滾動完后,圖片就會回滾;
如果你用css3做,那就從右往左,用0%-50%,然后設置成左往右,用50%-100%;這樣的話就不會出現6張圖一起回滾的結果;

陪我終 回答
function findWhere(list, properties) {
  const propertiesArray = Object.entries(properties)
  return list.find(item => {
    return propertiesArray.every(pair => {
      const key = pair[0]
      const value = pair[1]
      return item[key] && item[key] === value
    })
  })
}

const result = findWhere(shoppinglists, {id: 'clothes', title: 'Clothes'}) // result就是你要的對象,然后對其進行賦值操作。

說一下缺陷。

  1. 只會返回一個滿足條件的對象,如果滿足條件的對象不止一個,你可以用forEach的方法改寫一下。
  2. 如果值是引用類型,則無法判斷,需要額外的邏輯。
舊酒館 回答

http://www.cnblogs.com/longm/...
計算白屏時間

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>白屏</title>
  <script type="text/javascript">
    // 不兼容performance.timing 的瀏覽器,如IE8
    window.pageStartTime = Date.now();
  </script>
  <!-- 頁面 CSS 資源 -->
  <link rel="stylesheet" href="common.css">
  <link rel="stylesheet" href="page.css">
  <script type="text/javascript">
    // 白屏時間結束點
    window.firstPaint = Date.now();
  </script>
</head>
<body>
  <!-- 頁面內容 -->
</body>
</html>

因此白屏時間則可以這樣計算出:

可使用 Performance API 時

白屏時間 = firstPaint - performance.timing.navigationStart;

首屏時間
通常計算首屏的方法有

首屏模塊標簽標記法
統計首屏內加載最慢的圖片的時間
自定義首屏內容計算法

1、首屏模塊標簽標記法

首屏模塊標簽標記法,通常適用于首屏內容不需要通過拉取數據才能生存以及頁面不考慮圖片等資源加載的情況。我們會在 HTML 文檔中對應首屏內容的標簽結束位置,使用內聯的 JavaScript 代碼記錄當前時間戳。如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>首屏</title>
  <script type="text/javascript">
    window.pageStartTime = Date.now();
  </script>
  <link rel="stylesheet" href="common.css">
  <link rel="stylesheet" href="page.css">
</head>
<body>
  <!-- 首屏可見模塊1 -->
  <div class="module-1"></div>
  <!-- 首屏可見模塊2 -->
  <div class="module-2"></div>
  <script type="text/javascript">
    window.firstScreen = Date.now();
  </script>
  <!-- 首屏不可見模塊3 -->
  <div class="module-3"></div>
    <!-- 首屏不可見模塊4 -->
  <div class="module-4"></div>
</body>
</html>

時首屏時間等于 firstScreen - performance.timing.navigationStart;

事實上首屏模塊標簽標記法 在業(yè)務中的情況比較少,大多數頁面都需要通過接口拉取數據才能完整展示,因此我們會使用 JavaScript 腳本來判斷首屏頁面內容加載情況。

2、統計首屏內圖片完成加載的時間

通常我們首屏內容加載最慢的就是圖片資源,因此我們會把首屏內加載最慢的圖片的時間當做首屏的時間。

由于瀏覽器對每個頁面的 TCP 連接數有限制,使得并不是所有圖片都能立刻開始下載和顯示。因此我們在 DOM樹 構建完成后將會去遍歷首屏內的所有圖片標簽,并且監(jiān)聽所有圖片標簽 onload 事件,最終遍歷圖片標簽的加載時間的最大值,并用這個最大值減去 navigationStart 即可獲得近似的首屏時間。

此時首屏時間等于 加載最慢的圖片的時間點 - performance.timing.navigationStart;

3、自定義模塊內容計算法

由于統計首屏內圖片完成加載的時間比較復雜。因此我們在業(yè)務中通常會通過自定義模塊內容,來簡化計算首屏時間。如下面的做法:

忽略圖片等資源加載情況,只考慮頁面主要 DOM
只考慮首屏的主要模塊,而不是嚴格意義首屏線以上的所有內容

淚染裳 回答

你的意思應該是這樣吧
$parent.on('touch', '.child', function() {});
然后你刪除對應dom再添加的時候事件會自動加上

青黛色 回答

css3 column 了解一下(ie9不支持)

.column{
  height: 200px;
 -webkit-column-width: 150px;
 -moz-column-width: 150px;
 column-width: 150px;
}
瘋子范 回答

看這個報錯信息應該是vue-tinymce-editor不支持服務器端渲染

在這個組件外部dom元素上加一個判斷

<div v-if="!$isServer">這里放vue-tinymce-editor試試</div>
陪妳哭 回答

最好貼一些代碼

局外人 回答
body{
    zoom:0.8;
}

或者

body{
    transform: scale(0.8);
}
未命名 回答

能來個具體例子嗎?

看看你想要什么樣的數據結構

還有你把html轉成json是為了什么?想要實現什么功能?

舊螢火 回答

第一個問題 JSON傳到VUE中

可以直接用
var _this = this //寫在$.getJSON前
_this.catalogList = JSON.parse(json)

第二個問題 level=1放在哪兒

如果list-ol是一個通用的組件,通用的組件只需要傳給它不同的數據源,就會顯示值,我一般是直接給它要顯示的數據,這樣更通用,如果只是給它一個level值,里面需要寫獲取數據的代碼,這個組件就變成一個專用的了

陪我終 回答

給個思路

  1. 執(zhí)行 build 腳本編譯文件
  2. build 執(zhí)行完之后,調用 scp 直接把文件 copy 到服務目錄上

寫了個簡單的 sync 腳本,可以參考一下

var fs = require('fs')
var path = require('path')
var cp = require('child_process')

function release(src, dist, remote) {
  var script = `scp ${src} ${remote}/${dist}`
  cp.exec(script, function (err, stdout, stderr) {
      if (err) {
        console.log(`error: ${err}`)
        return
      }
      console.log(`stdout: ${stdout}`)
      console.log(`stderr: ${stderr}`)
  })
}
乞許 回答

已解決
依賴引入和配置問題

愛礙唉 回答

clipboard.png

GCC表示沒有這個問題

猜測是你IDE的問題,不知道你什么IDE,估計是啟用了默認庫文件的選項

題目的代碼格式難以入目

吃藕丑 回答

給你寫了一個。你看看
鏈接描述

雅痞 回答

感覺這是webpack的工作,跟vue無關吧,我看webpack文檔有一部分你的需求有點像,你看看
懶加載: https://www.webpackjs.com/gui...

clipboard.png

代碼分離: https://www.webpackjs.com/gui...

clipboard.png

孤巷 回答

Python 有一個叫filter()的函數,用于自定義過濾掉某些元素

挽歌 回答

el-table-column設置min-width 官網api寫的很清楚element UI Table

孤星 回答

在開頭處申明全局變量:

obj = {'s': []}
global sunlight
sunlight = 0

圖片描述