成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

知識(shí)點(diǎn)小記

shery / 1209人閱讀

摘要：箭頭函數(shù)我們來(lái)看一下箭頭函數(shù)的效果箭頭函數(shù)是無(wú)法通過(guò)來(lái)修改作用域的這個(gè)需要切記。所以切記在需要的時(shí)候使用箭頭函數(shù)。

這是一些小問(wèn)題的記錄和總結(jié)：

1. vue serve和build

在vue-cli3.0中可以快速的開發(fā)原型。
通過(guò)全局安全@vue/cli-service-global

npm i -g @vue/cli-service-global

那么就可以使用vue serve xx.vue起服務(wù)和vue build xx.vue打包。
當(dāng)然打包的話還有更多的配置項(xiàng)：命名，打包模式等。

2. es6箭頭函數(shù)

我們來(lái)看一下箭頭函數(shù)的效果:

var num = 10
var getNum =  function() { return this.num; }
var getNum2 = () => {return this.num;}

var c = {
  num: 11
}

console.log(getNum.bind(c)()) // 11


console.log(getNum2.bind(c)()) // 10

箭頭函數(shù)是無(wú)法通過(guò)bind、apply、call來(lái)修改作用域的
這個(gè)需要切記。
因?yàn)槲覀兞?xí)慣使用箭頭后，會(huì)忘記為什么使用。在有些場(chǎng)景，我們自定義的函數(shù)，可能會(huì)因?yàn)榱?xí)慣而使用箭頭函數(shù)；
而使得作用域錯(cuò)誤。所以切記在需要的時(shí)候使用箭頭函數(shù)。

如果我們?cè)趘ue的生命周期使用箭頭函數(shù)會(huì)怎么樣？

很明顯，如果使用箭頭函數(shù)的話，那么this也無(wú)法被修改，那么就會(huì)undefined。

3. 控件庫(kù)中多語(yǔ)言是如何實(shí)現(xiàn)的

以前我開發(fā)控件庫(kù)的時(shí)候，是把設(shè)計(jì)中文相關(guān)的內(nèi)容都通過(guò)外部傳入，那么這樣就不會(huì)設(shè)計(jì)多語(yǔ)言了。
但是如果是一些固定的詞匯，那么每次通過(guò)外面?zhèn)魅胧菚?huì)比較繁瑣的。
這邊hui或hui-pro是通過(guò)自己定義一個(gè)工具庫(kù)。
這個(gè)工具庫(kù)的內(nèi)容就是先判斷this存在不存在，存在的話檢測(cè)this對(duì)象中是否有對(duì)語(yǔ)言對(duì)象i18n，如果存在那么就使用i18n的語(yǔ)言進(jìn)行轉(zhuǎn)換。
如果不存在。那么直接使用本地控件庫(kù)的鍵值對(duì)的形式讀取。

4 calc計(jì)算

vue中可能有會(huì)用計(jì)算calc，看如下

修改前
computed: {
    outSpanMaxWidth() {
      // 默認(rèn)改為了 200px, 需要手動(dòng)還原
      if (!this.maxWidth) return;
      return `calc(${this.maxWidth} ${this.closable ? "+ 40px" : ""})`;
    }
  }
修改后
computed: {
outSpanMaxWidth() {
  // 默認(rèn)改為了 200px, 需要手動(dòng)還原
  if (!this.maxWidth) return;
return `calc(${this.maxWidth} ${this.closable ? "+ 40px" : ""})`; 
}
}

我們可以看到this.closable為ture的時(shí)候
outSpanMaxWidth為calc("200px+40px")
為false的時(shí)候calc("200px+")
這個(gè)在谷歌瀏覽器是可以正常解析的，但是ie下就無(wú)法解析，所以需要注意這個(gè)加號(hào)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103339.html

相關(guān)文章

  • 前端開發(fā)工作一年小記

    摘要：前端開發(fā)工作一年小記作者云荒杯傾再過(guò)幾天，就是我作為一名小小的前端工程師工作整整一年的日子了。但這可能算是一個(gè)好的開端，好的記憶。 前端開發(fā)工作一年小記 作者/云荒杯傾再過(guò)幾天，就是我作為一名小小的前端工程師工作整整一年的日子了。而且，距離上一次寫技術(shù)文，已經(jīng)過(guò)去很久遠(yuǎn)。且逢周末，還是雨天，氣溫不高，心情湊合，就想寫寫。然而，寫工作總結(jié)實(shí)際上可能僅僅是源于一種不可遏制的沖動(dòng)，類似于偉...

    diabloneo 評(píng)論0 收藏0

  • 前端開發(fā)工作一年小記

    摘要：前端開發(fā)工作一年小記作者云荒杯傾再過(guò)幾天，就是我作為一名小小的前端工程師工作整整一年的日子了。但這可能算是一個(gè)好的開端，好的記憶。 前端開發(fā)工作一年小記 作者/云荒杯傾再過(guò)幾天，就是我作為一名小小的前端工程師工作整整一年的日子了。而且，距離上一次寫技術(shù)文，已經(jīng)過(guò)去很久遠(yuǎn)。且逢周末，還是雨天，氣溫不高，心情湊合，就想寫寫。然而，寫工作總結(jié)實(shí)際上可能僅僅是源于一種不可遏制的沖動(dòng)，類似于偉...

    chunquedong 評(píng)論0 收藏0

  • 前端開發(fā)工作一年小記

    摘要：前端開發(fā)工作一年小記作者云荒杯傾再過(guò)幾天，就是我作為一名小小的前端工程師工作整整一年的日子了。但這可能算是一個(gè)好的開端，好的記憶。 前端開發(fā)工作一年小記 作者/云荒杯傾再過(guò)幾天，就是我作為一名小小的前端工程師工作整整一年的日子了。而且，距離上一次寫技術(shù)文，已經(jīng)過(guò)去很久遠(yuǎn)。且逢周末，還是雨天，氣溫不高，心情湊合，就想寫寫。然而，寫工作總結(jié)實(shí)際上可能僅僅是源于一種不可遏制的沖動(dòng)，類似于偉...

    Ashin 評(píng)論0 收藏0

  • javascript小記

    摘要：模板字面量相當(dāng)于格式化字符串字符串用兩個(gè)包含起來(lái)并且內(nèi)部的占位符用標(biāo)識(shí)一般用于標(biāo)識(shí)多行文本或者配合函數(shù)使用與箭頭函數(shù)用于數(shù)組是用于讓數(shù)組每一個(gè)元素都調(diào)用函數(shù)的語(yǔ)法基本格式為其中為數(shù)組元素下標(biāo)為當(dāng)前元素所屬的數(shù)組對(duì)象在實(shí)際調(diào)用時(shí)只需要箭頭函數(shù) 1.模板字面量相當(dāng)于格式化字符串,字符串用兩個(gè)``包含起來(lái),并且內(nèi)部的占位符用${variable}標(biāo)識(shí).一般用于標(biāo)識(shí)多行文本或者配合函數(shù)使用. ...

    waltr 評(píng)論0 收藏0

  • 【源起Netty 前傳】Linux網(wǎng)絡(luò)模型小記

    摘要：非阻塞模型這種也很好理解，由阻塞的死等系統(tǒng)響應(yīng)進(jìn)化成多次調(diào)用查看數(shù)據(jù)就緒狀態(tài)。復(fù)用模型，以及它的增強(qiáng)版就屬于該種模型。此時(shí)用戶進(jìn)程阻塞在事件上，數(shù)據(jù)就緒系統(tǒng)予以通知。信號(hào)驅(qū)動(dòng)模型應(yīng)用進(jìn)程建立信號(hào)處理程序時(shí)，是非阻塞的。 引言 之前的兩篇文章 FastThreadLocal怎么Fast？、ScheduledThreadPoolExecutor源碼解讀 搞的我心力交瘁，且讀源碼過(guò)程中深感功...

    Null 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

shery

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<