成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

知識點(diǎn)小記

shery / 1261人閱讀

摘要:箭頭函數(shù)我們來看一下箭頭函數(shù)的效果箭頭函數(shù)是無法通過來修改作用域的這個需要切記。所以切記在需要的時候使用箭頭函數(shù)。

這是一些小問題的記錄和總結(jié):

1. vue serve和build

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

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

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

2. es6箭頭函數(shù)

我們來看一下箭頭函數(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ù)是無法通過bind、apply、call來修改作用域的
這個需要切記。
因?yàn)槲覀兞?xí)慣使用箭頭后,會忘記為什么使用。在有些場景,我們自定義的函數(shù),可能會因?yàn)榱?xí)慣而使用箭頭函數(shù);
而使得作用域錯誤。所以切記在需要的時候使用箭頭函數(shù)。

如果我們在vue的生命周期使用箭頭函數(shù)會怎么樣?



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

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

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

4 calc計算

vue中可能有會用計算calc,看如下

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

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

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

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/103339.html

相關(guān)文章

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

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

    diabloneo 評論0 收藏0
  • 前端開發(fā)工作一年小記

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

    chunquedong 評論0 收藏0
  • 前端開發(fā)工作一年小記

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

    Ashin 評論0 收藏0
  • javascript小記

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

    waltr 評論0 收藏0
  • 【源起Netty 前傳】Linux網(wǎng)絡(luò)模型小記

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

    Null 評論0 收藏0

發(fā)表評論

0條評論

shery

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<