應該是先查詢這個人是否已經(jīng)點贊，如果沒有，設置點贊+1，如果已經(jīng)點贊了，設置-1，當然要根據(jù)后臺相應的配合

解決了，是我的Schema結(jié)構(gòu)問題。。

.jpg 文件的路徑存在中文字符

只有插入操作的時候才會自動創(chuàng)建集合。 new mongoose.Schema（{}）這個還沒有真正插入操作呢，只是定義。

你這種修改索引的行為，需要重建索引才能生效
mongodb文檔

1.首先看iconfont.css有沒有加載進來
2.根據(jù)icon是字符的特性設定 font-size大小看看

前端如何通過后臺提供的接口文檔將數(shù)據(jù)接好？
1、接口地址、端口問清楚
2、是否跨域，跨域如何解決
3、接口異常、報錯、404、500等情況怎么給出相應的提示或其他改善用戶體驗的措施

react為什么不適合用在web端的項目上？
誰說的。。。

為什么有的項目有數(shù)據(jù)接口，有的項目數(shù)據(jù)由后臺寫到前端的頁面？
有的是項目歷史遺留問題
有的是因為seo的需求，需要直出頁面
有的是因為異步請求對用戶的體驗更友好

參見

• 檢測到目標URL存在http host頭攻擊漏洞怎么修復？
• 檢測到目標URL存在http host頭攻擊漏洞

Apache：
增加配置

UseCanonicalName On

動手把多余的那行刪掉呀。
總不會 API 返回的數(shù)據(jù)就是這樣吧- -

var htmlstr = template('fcat-tpl',{fcatData:fcatData});

value 指定選中項目的 value 值，可以使用 v-model 雙向綁定數(shù)據(jù)。單選時只接受 String 或 Number，多選時只接受 Array（v-model綁定也就是當前默認顯示哪一個option 是通過value決定的)

key是為了給 Vue 一個提示，以便它能跟蹤每個節(jié)點的身份，從而重用和重新排序現(xiàn)有元素，你需要為每項提供一個唯一 key 屬性

vue.js的官方中文教程的[自定義指令](https://cn.vuejs.org/v2/guide/custom-directive.html)部分恰巧就和你的情形很相似，當然本質(zhì)上就是直接調(diào)用focus獲取焦點。至于滾動窗口，用window.scrollTo就好啦(????-)?

具體scroll到哪，計算思路是獲取以下兩個關(guān)鍵的值：

1. 屏幕大??；
2. 你要顯示的元素的位置

如果你只想要保證縱向的位置合適，那只用獲取縱向上的值就行了。其中第二條好像比較難獲取，給你查了一下，自己參看吧！

1. https://www.cnblogs.com/wujin...
2. https://www.cnblogs.com/wujin...

不過我剛剛突然想到，你可以給你要活動到中央的元素加個name然后window.location.href += '#name'類似這樣的即可。關(guān)鍵詞：錨點。如果滾動的位置仍然不太合適——一般是會偏上——這時候你可以同時獲取當前窗口滾動高度，并使用window.scrollTo把滾動位置向下再滾動一點（例如滾動半個屏幕的高度）。

程序發(fā)生了沖突。

應該沒有這樣的功能。

A===B這條就不成立了，雖然B已經(jīng)改變了

A===B這條為什么不成立呢？是因為你網(wǎng)絡請求太慢了？然后A早已超過這個值了？

html

<div class="container">
  <div class="left">
  </div>
  <div class="right-1">
  </div>
  <div class="right-2">
  </div>
  <div class="right-3">
  </div>
  <div class="right-4">
  </div>
  <div class="right-5">
  </div>
  <div class="right-6">
  </div>
  <div class="right-7">
  </div>
  <div class="right-8">
  </div>
  <div class="right-9">
  </div>
  <div class="right-10">
  </div>
  <div class="right-11">
  </div>
</div>

css

.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  grid-auto-rows: 50px;
}

.container div {
  background-color: #1c78d0;
}

.left {
  grid-column: 1 / 2;
  grid-row: 1 / 18;
}

.right-1 {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
}

.right-2 {
  grid-column: 3 / 4;
  grid-row: 1 / 3;
}

.right-3 {
  grid-column: 4 / 5;
  grid-row: 1 / 3;
}

.right-4 {
  grid-column: 2 / 5;
  grid-row: 3 / 4;
}

.right-5 {
  grid-column: 2 / 5;
  grid-row: 4 / 6;
}

.right-6 {
  grid-column: 2 / 5;
  grid-row: 6 / 8;
}

.right-7 {
  grid-column: 2 / 5;
  grid-row: 8 / 10;
}

.right-8 {
  grid-column: 2 / 5;
  grid-row: 10 / 12;
}

.right-9 {
  grid-column: 2 / 5;
  grid-row: 12 / 14;
}

.right-10 {
  grid-column: 2 / 5;
  grid-row: 14 / 16;
}

.right-11 {
  grid-column: 2 / 5;
  grid-row: 16 / 18;
}

說明

grid-column以及grid-row后面的2 / 3，不是三分之二的意思，是指從第2列開始，到第3列結(jié)束。搞明白這個意思，就知道grid該怎么做了。

效果

https://codepen.io/fengerzh/p...

參考資料

• https://developer.mozilla.org...
• https://css-tricks.com/snippe...

你把兩個交換一下位置，絕對就行了。媒體查詢在使用時，對同一個元素改變樣式，媒體查詢要放到后面，是有先后順序的，CSS在權(quán)重相同的情況下，會使用后一個的樣式。 就拿你這個來講，假設我現(xiàn)在屏幕縮小到1000px，它滿足你媒體查詢的條件是吧？但是當媒體查詢那個代碼過后，執(zhí)行下面的代碼，它也滿足條件吶，這不就覆蓋了嘛

flexable.js 和 安裝第三方ui庫 以及px2rem 第三方?jīng)_突，引起第三方庫無法使用的問題

npm install lib-flexible--save- dev npm install px2rem --save -dev
main.js 中引入 import 'lib-flexible' 在 /build/unit.js 中加入

var px2remLoader = {
  loader: 'px2rem-loader',
  options: {
    remUnit: 75     // 750的設計圖
  }
}

  //把剛加的loader注冊進去 
 const loaders = options.usePostCSS ? [cssLoader,     postcssLoader,px2remLoader] : [cssLoader]
 //const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
 

然后直接再css 文件里面寫設計圖上的px單位 ，會自動轉(zhuǎn)換成rem，同步出現(xiàn)的問題，是ui庫上的css 文件也被轉(zhuǎn)換成rem ，導致樣式變亂

變小的主要原因是第三庫 css一依據(jù) data-dpr="1" 時寫的尺寸

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

這時我們使用的flexible引入時 data-dpr不是一個寫死了的，是一個動態(tài)的；就導致這個問題

解決辦法

我們可以把第三方庫的css代碼px統(tǒng)一擴大2倍，聽起來很蠢對吧，我一開始也是折磨想的，有的小伙伴就該說這個的改多少，代碼少就無所謂，可是代碼不就的累死了。。。
我使用的地vscode這個編輯器有個擴展程序小叫 px-to-rem 這個可算是救世主了 他可以讓你在2分鐘改完所有的代碼

• 下載 改默認配置 (路徑：/Application Support/Code/User/settings.json)

"px-to-rem.px-per-rem": 0.5, // 第一步 主要是讓1rem 等于0.5px
全選你要改的代碼 option+Z 快捷鍵。（windows我不知道）你會發(fā)現(xiàn)所有的px變rem

• 改默認配置

"px-to-rem.px-per-rem": 1, //第二步
然后在全選你要改的代碼 option+Z 快捷鍵。你會發(fā)現(xiàn)所有的rem變px 這個px的值比是原來的2倍

• 將修改后的css文件引入

但是運行之后發(fā)現(xiàn)，放在head里面是不行的

我測試了，是可以了，但js代碼必須放到.js文件中，而不能直接放到head里。

但是我在網(wǎng)上看了一圈，從來沒有看到有哪個網(wǎng)站用過這個attr

看一個瀏覽器兼容性就知道了，IE11以下都不支持，加上使用這個屬性也沒有很大的必要，把js放到最后不就行了，為什么一定要放到head中呢？

jq框架可以試試$(dom).attr(),原生js中也有dom.getAttribute();
如果是延時加載,不妨可以試試node模擬加載;或者延時加載思路