知識點小記

shery 發布于2019-08-23 16:49 / 1200人閱讀

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

這是一些小問題的記錄和總結：

1. vue serve和build

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

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

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

2. es6箭頭函數

我們來看一下箭頭函數的效果:

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

箭頭函數是無法通過bind、apply、call來修改作用域的
這個需要切記。
因為我們習慣使用箭頭后，會忘記為什么使用。在有些場景，我們自定義的函數，可能會因為習慣而使用箭頭函數；
而使得作用域錯誤。所以切記在需要的時候使用箭頭函數。

如果我們在vue的生命周期使用箭頭函數會怎么樣？

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

3. 控件庫中多語言是如何實現的

以前我開發控件庫的時候，是把設計中文相關的內容都通過外部傳入，那么這樣就不會設計多語言了。
但是如果是一些固定的詞匯，那么每次通過外面傳入是會比較繁瑣的。
這邊hui或hui-pro是通過自己定義一個工具庫。
這個工具庫的內容就是先判斷this存在不存在，存在的話檢測this對象中是否有對語言對象i18n，如果存在那么就使用i18n的語言進行轉換。
如果不存在。那么直接使用本地控件庫的鍵值對的形式讀取。

4 calc計算

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

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

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

GPU云服務器云服務器 thinking-in小記 thinking-in-小記知識點重要知識點

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103339.html

前端開發工作一年小記

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

diabloneo 2019-08-22 18:34 評論0 收藏0
前端開發工作一年小記

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

chunquedong 2019-08-02 10:51 評論0 收藏0
前端開發工作一年小記

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

Ashin 2019-08-30 15:54 評論0 收藏0
javascript小記

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

waltr 2019-08-23 16:23 評論0 收藏0
【源起Netty 前傳】Linux網絡模型小記

摘要：非阻塞模型這種也很好理解，由阻塞的死等系統響應進化成多次調用查看數據就緒狀態。復用模型，以及它的增強版就屬于該種模型。此時用戶進程阻塞在事件上，數據就緒系統予以通知。信號驅動模型應用進程建立信號處理程序時，是非阻塞的。引言之前的兩篇文章 FastThreadLocal怎么Fast？、ScheduledThreadPoolExecutor源碼解讀搞的我心力交瘁，且讀源碼過程中深感功...

Null 2019-08-15 13:59 評論0 收藏0