鍍金池/ 問答/ HTML問答
話寡 回答

在進(jìn)程里把 node 的進(jìn)程給關(guān)了,在重啟就能成功啟動(dòng)了,直接重啟失敗是因?yàn)槎丝诒徽加昧恕?/p>

鹿惑 回答

已經(jīng)解決了,根據(jù)別人的提提醒,我發(fā)現(xiàn)這個(gè)綁定是不合理的,所以我通過getCheckNodes跟tags兩個(gè)數(shù)組循環(huán)對(duì)比,將新添加的push進(jìn)數(shù)組中,將點(diǎn)掉的splice調(diào)

厭惡我 回答

大致思路是,通過在工程目錄下增加一個(gè)webpack.config.js來對(duì)roadhog的webpack配置進(jìn)行擴(kuò)展。給resolve配置的extensions添加.less文件后綴,使其能夠處理.less文件的引用。
默認(rèn)情況下,less-loader在給出了paths配置的情況下,不會(huì)使用webpack resolver進(jìn)行文件解析。因此,別名配置在該情況下無效。

實(shí)際解決方案:
在roadhog配置.webpackrc.js中:

alias: {
    '@': path.resolve('./src'),
    assets: path.resolve('./public/assets/'),
},

在webpack.config.js中:

module.exports = function(webpackConfig, env) {
  webpackConfig.resolve.extensions.push('.less');

  return webpackConfig;
};

在項(xiàng)目任意位置的.less文件:

// 能夠引入工程目錄下的./src/styles/vars.less文件
@import '~@/styles/vars';
她愚我 回答

各有各的好處,但是雪碧圖用在rem布局中,很難計(jì)算,還有另外一點(diǎn)就是用圖片的缺陷,可能在高分辨率下,圖片會(huì)模糊。而用字體文件的缺陷也很明顯,比如,多色圖標(biāo)的支持還不完善,如果需要色彩燦爛的icon,用字體文件就不合適啦??辞闆r選擇雪碧圖、字體文件或者單張圖片。沒有說哪種是最好的,只有哪種方式更適合你的項(xiàng)目。
推薦你看看:Iconfont 多色圖標(biāo)和漸變色圖標(biāo)的應(yīng)用

夢囈 回答

tooltip有一個(gè)confine屬性,設(shè)置為true就可以

孤星 回答
<script>
    import xx from '/static/xx.js'
<script>
<style>
    @import "xx.css";
</style>
菊外人 回答

你這個(gè)題有點(diǎn)問題吧
輸出這句console.log(a);//a=0是你測試的結(jié)果還是面試題上寫的 是不對(duì)的a未定義會(huì)報(bào)錯(cuò)
不是太清楚你這個(gè)問題的邏輯
這道題應(yīng)該考的是對(duì)象引用的知識(shí) 最后輸出 console.log(o.a)//10

疚幼 回答

仔細(xì)閱讀webpack-DevServer文檔,可以發(fā)現(xiàn)發(fā)現(xiàn)配置中加入index: '',即可代理根目錄,所以只需在代理中再配置一個(gè)根目錄,代碼如下

const cookieMap = {};
module.exports = {
  devServer: {
    index: '',// specify to enable root proxying
    historyApiFallback: true,
    hot: true,
    inline: true,
    progress: true,
    openPage: 'login',
    proxy: [ {
      context: ['/api'],
      target: "http://api.example.com",
      changeOrigin: true,
      onProxyReq(proxyReq, req, res) {
        let cookie = cookieMap[req.get('User-Agent')] || '';
        proxyReq.setHeader('Cookie', cookie);
      }
    }, {
      context: ['/login'],
      target: "http://login.example.com",
      changeOrigin: true,
      onProxyRes(proxyRes, req, res) {
        if(proxyRes.statusCode === 302) {
          if(proxyRes.headers['set-cookie']) {
            cookieMap[req.get('User-Agent')] = proxyRes.headers['set-cookie'].join(';');
          }
          proxyRes.headers['Location'] = '/';
        }
      }
    }, {
      context: ['/'],
      bypass: function(req, res, proxyOptions) {
        if (req.url === '/' && !cookieMap[req.get('User-Agent')]) {
          res.redirect('/login');
          return true;
        }
      }
    }]
  }
}
熟稔 回答

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

風(fēng)畔 回答

你最后一幀margin-left: 0;,所以圖片一輪滾動(dòng)完后,圖片就會(huì)回滾;
如果你用css3做,那就從右往左,用0%-50%,然后設(shè)置成左往右,用50%-100%;這樣的話就不會(huì)出現(xiàn)6張圖一起回滾的結(jié)果;

陌上花 回答

找到了 是在我的vscode中配置項(xiàng)的用戶設(shè)置路徑寫錯(cuò)了。。。下圖是寫對(duì)的。

eslint.options: { "configFile": "/Users/yangfan/wechat/WeChat_App/.eslintrc.js"}

空白格 回答

不知道你想問什么,處理什么?
建立兩個(gè)表的關(guān)系嗎?

const Script = require('../model/Script'), // Script--model
  Project = require('../model/Project'); // Project--model

// 定義project & script兩個(gè)model間的關(guān)系
Script.belongsTo(Project);
Project.hasMany(Script);
嘟尛嘴 回答

..., watch: { 'params.limit': function (newValue, oldValue) { }, name: function (newValue, oldValue) { } },

假設(shè)你的ViewModel里面有一個(gè)對(duì)象是 { params: { limit: '' }, name: '' }

哚蕾咪 回答

感覺應(yīng)該是gradle的問題,個(gè)人建議是新建一個(gè)空白的android項(xiàng)目,使用本地的環(huán)境看是否可以跑起來,假如不行,那么就是android開發(fā)環(huán)境配置的問題,假如可以,再來看ionic的設(shè)置。

陪我終 回答
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就是你要的對(duì)象,然后對(duì)其進(jìn)行賦值操作。

說一下缺陷。

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

http://www.cnblogs.com/longm/...
計(jì)算白屏?xí)r間

<!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">
    // 白屏?xí)r間結(jié)束點(diǎn)
    window.firstPaint = Date.now();
  </script>
</head>
<body>
  <!-- 頁面內(nèi)容 -->
</body>
</html>

因此白屏?xí)r間則可以這樣計(jì)算出:

可使用 Performance API 時(shí)

白屏?xí)r間 = firstPaint - performance.timing.navigationStart;

首屏?xí)r間
通常計(jì)算首屏的方法有

首屏模塊標(biāo)簽標(biāo)記法
統(tǒng)計(jì)首屏內(nèi)加載最慢的圖片的時(shí)間
自定義首屏內(nèi)容計(jì)算法

1、首屏模塊標(biāo)簽標(biāo)記法

首屏模塊標(biāo)簽標(biāo)記法,通常適用于首屏內(nèi)容不需要通過拉取數(shù)據(jù)才能生存以及頁面不考慮圖片等資源加載的情況。我們會(huì)在 HTML 文檔中對(duì)應(yīng)首屏內(nèi)容的標(biāo)簽結(jié)束位置,使用內(nèi)聯(lián)的 JavaScript 代碼記錄當(dāng)前時(shí)間戳。如下所示:

<!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>

時(shí)首屏?xí)r間等于 firstScreen - performance.timing.navigationStart;

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

2、統(tǒng)計(jì)首屏內(nèi)圖片完成加載的時(shí)間

通常我們首屏內(nèi)容加載最慢的就是圖片資源,因此我們會(huì)把首屏內(nèi)加載最慢的圖片的時(shí)間當(dāng)做首屏的時(shí)間。

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

此時(shí)首屏?xí)r間等于 加載最慢的圖片的時(shí)間點(diǎn) - performance.timing.navigationStart;

3、自定義模塊內(nèi)容計(jì)算法

由于統(tǒng)計(jì)首屏內(nèi)圖片完成加載的時(shí)間比較復(fù)雜。因此我們在業(yè)務(wù)中通常會(huì)通過自定義模塊內(nèi)容,來簡化計(jì)算首屏?xí)r間。如下面的做法:

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

淚染裳 回答

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

ajax 就可以,此處以 fetch 為例

fetch("csv.csv")
  .then(v => v.text())
  .then(data => console.log(data))

clipboard.png