程式猿日常--2019/2/27

merloly發表於2019-02-27
  • 通過transform中的translate,scale,rotate,skew這些方法來控制元素的平移，縮放，旋轉，斜切。
  • 在css中矩陣的原始值為
transform: matrix(a,b,c,d,e,f)
複製程式碼

改寫成數學裡的矩陣就是

[a c e
 b d f
 0 0 1]
複製程式碼

平移只與e和f有關，e是x軸方向，f是y軸方向。縮放只與a和d有有關，改變a和d係數就可以放大縮小。

  • 旋轉複雜一點
transform: matrix(cos0,sin0,-sin0,cos0,0,0)
複製程式碼
  • ref用來給子元件或者元素註冊引用資訊，引用資訊會註冊在父元件的$refs物件上，如果在普通的DOM元素上使用
    引用指向的就是DOM元素，如果用在子元件上，引用就指向元件例項。
  • Vue實現響應式並不是資料發生變化之後DOM立即變化，而是按照一定的策略進行DOM更新。
  • 非同步執行的執行機制：

(1)所有同步任務都在主執行緒上執行，形成一個執行棧
(2)主執行緒之外還有一個任務佇列（task queue），只要非同步任務有了執行結果，就在“任務佇列”中放置一個事件。
(3)一旦執行棧中的所有同步任務執行完畢，系統就會讀取“任務佇列”，看看裡面有那些事件，那些非同步任務結束
等待狀態，進入執行棧，開始執行。
(4)主執行緒不斷重複上面3個步驟。

  • vue在修改資料後不會立即更新檢視，而是等同一事件迴圈中的所以資料變化完之後，再統一進行檢視更新。
    知乎上的例子：
vm.message = "change";
console.log(vm.$el.textContent) //並不會得到'change'  
Vue.nextTick(function(){
    console.log(vm.$el.textContent)
})
複製程式碼
  • vscode快捷鍵，ctrl+y返回上一步

相關文章