鍍金池/ 問答/ HTML問答
清夢 回答

這個vue組件有沒有 keep-alive ,或者表單數(shù)據(jù)有沒有存在本地。這兩種會造成你描述的這種情況

笑浮塵 回答

先說原因:map方法遍歷數(shù)組導致this.p被不斷的重新賦值,所以最后在componentDidMount中拿到的永遠都是數(shù)組最后一次遍歷創(chuàng)建的dom節(jié)點。
提供解法:

export default class Content extends Component{
  componentDidMount() {
    console.log(this.p0);
    console.log(this.p1);
    console.log(this.p2);
  }

  render() {
    const arr = [{content:'內容一'},{content:'內容二'},{content:'內容三'}];
    
    const domP = arr.map((item,i) => {
      return <p ref={(dom) => this['p' + i] = dom} key={i}>{item.content}</p>
    });
    retuen (
      <div>
        {domP}
      </div>
    );
  }
}
挽歌 回答

react也是采用類似的管理方式

  1. 可以使用工具,https://juejin.im/entry/586f0...
  2. 方法1本質是用npm link

    1. 首先在git倉庫中的包目錄,執(zhí)行npm link將當前包鏈接到全局
    2. 在應用目錄執(zhí)行npm link 包名將全局的包鏈接到這里,這樣安裝npm install時候就用全局的包
胭脂淚 回答

text-align: center的意思是使該元素內部的行內元素居中。
img一種特殊的行內元素,我們暫且將其視為行內元素。這樣,設置divcenter即設置了圖片在容器中居中。
就像文字在h標簽中居中一樣。

臭榴蓮 回答

你這個文件應該是直接游覽器打開吧?

可以通過配一個靜態(tài)服務器跑比如puer,然后后臺配下cors

心癌 回答
    const arr = [
        [500,1000],
        [2000,4000],
        [5000,8000],
        [8000,9000],
        [10000,12000],
        [14000,20000],
        [23000,30000],
    ];
        let newArr = arr.reduce((a,v)=>{
        if(typeof(a[0])=="number"){
          if(a[1] == v[0]) return [a[0],v[1]]
          //console.log([a,v])
          return [a,v]
        }else{
          if(a[a.length-1][1]!=v[0]) { 
            a.push(v)
          }else{ 
            a[a.length-1][1] = v[1]
          }
          return a
        }
        })
    console.log(newArr) 
    let resArr = newArr.reduce((a,v)=>{
      if(typeof(a[0])=="number"){
        if(a[0]!=0) return [[0,a[0]],[a[1],v[0]],[v[1],v[1]]]
        return [[a[1],v[0]],[v[1],v[1]]] 
      }else{ 
        a[a.length-1][1]  = v[0];
        if(a.length!=newArr.length) a.push([v[1],v[1]])
      }
      return a 
    })
    console.log(resArr)
不舍棄 回答

antd可以用babel-plugin-import來按需打包想要用的組件,不用的組件是不會打包進去的
官方說明

不將就 回答

你不是有this.num 嗎 賦值前的就是上一次被點擊過的li的索引值

執(zhí)念 回答
  1. pc和移動端分別做,最大可能的去利用屏幕空間加優(yōu)化
  2. rem布局,控制font-size大小適應小屏幕,再用媒介查詢給大屏做css適配
  3. 百分比+float+媒介查詢
嫑吢丕 回答

解決

  • 不用添加自定義標簽
  • 只需要設置不認識的標簽不進行提示即可

    • file -> settings -> editor -> inspections -> html -> unkown html tag, unkown html tag attribute
嘟尛嘴 回答

你的post請求的請求體并沒有放在query里而是放在body里,所以你獲取也應該是req.body.type。

玄鳥 回答

應該是IP的問題,你進Ubuntu里ifconfig看看IP多少,不要直接用127.0.0.1

憶往昔 回答

我最近也在研究nuxt,assets我也沒搞明白,我把全局css 放在了static中然后用/引用,例如你的full.css,把它放在static中,用/full.css就應該能引到

掛念你 回答

http://es6.ruanyifeng.com/#do...

模板字符串

const name = 'Tony';

const str = `你好. ${name}`;

注意是 ``

乖乖噠 回答

一般公司的項目都是使用框架寫的,國內用的比較多的都是vue,react之類的,angular學習成本太高,用的不多,找工作的話還是要看下這些東西的,一般面試都會問。

解夏 回答
這兩個object代表什么呢?

object是告訴你基礎類型是object,但是object包含了很多子類型比如Array/Boolean,而第二個Object則告訴你屬于什么子類型。

我為什么不直接prop.toString()這樣寫呢?

因為prop是個不確定的東西,是一個參數(shù),有可能是基礎類型,也就沒有toString,所以用Object.prototype.toString.call避免報錯。

{}.toString() //報錯

{}.toString()報錯是因為{}被解析成代碼塊,你應該改成({}).toString()

熊出沒 回答

BFC(Block formatting context)了解一下,面試必考

你的body與#main的margin重疊了,你可以讓body生成BFC,使兩者邊距不重疊

滿足以下條件之一即可創(chuàng)建BFC(不全)

  • 根元素或其它包含它的元素
  • 浮動元素 (元素的 float 不是 none)
  • 絕對定位元素 (元素具有 position 為 absolute 或 fixed)
  • 內聯(lián)塊 (元素具有 display: inline-block)
  • 表格單元格 (元素具有 display: table-cell,HTML表格單元格默認屬性)
  • 表格標題 (元素具有 display: table-caption, HTML表格標題默認屬性)
  • 具有overflow 且值不是 visible 的塊元素,
  • display: flow-root
  • column-span: all 應當總是會創(chuàng)建一個新的格式化上下文,即便具有 column-span: all 的元素并不被包裹在一個多列容器中
嫑吢丕 回答

f不是空對象,詳情請百度js原型,

故林 回答

我也在尋找,目前并沒找到好辦法....