transform-origin

transform-origin屬性允許您改變被轉換元素（就是要和transform一起使用）的位置。

mix-blend-mode

mix-blend-mode屬性描述了元素的內容應該與元素的直系父元素的內容和元素的背景如何混合。傳送門

align-self

使用align-self來實現斜梯佈局

保留N位小數，同時最後位小數進一位 如1.2315 => 1.24

returnAmountCeil (amount, digits = 2){
      let digitsAmount = Math.pow(10, digits)
      return Math.ceil(amount * digitsAmount) / digitsAmount
}
 

計算陣列中每個值出現的次數

let arr = [3, 5, 6, 9, 8, 10, 7, 7, 7, 7, 10, 10, 10, 10, 10]
const count = arr.reduce((prev,cur)=>{
    if(cur in prev){
        prev[cur]++
    }else{
        prev[cur]=1
    }
    return prev
},{})
console.log(count) // {3: 1, 5: 1, 6: 1, 7: 4, 8: 1, 9: 1, 10: 6}

scroll-behavior

scroll-behavior

獲取物件的屬性

//Object.keys、Reflect.ownKeys、Object.getOwnPropertyNames、Object.getOwnPropertySymbols
let obj = {
  name: 'xxx',
  age: 12,
  [Symbol('aaa')]: 1
}
console.log(Object.keys(obj));
// [ 'name', 'age' ]
console.log(Reflect.ownKeys(obj));
// [ 'name', 'age', Symbol(aaa) ]
console.log(Object.getOwnPropertyNames(obj));
// [ 'name', 'age' ]
console.log(Object.getOwnPropertySymbols(obj));
// [ Symbol(aaa) ]
 

react文件生成工具

docz、storyboook、gatsby、dumi

Roboto, serif

看起來挺好看的字型，瀏覽器也自帶

文字dom亂序

文字dom亂序
逆向文字dom亂序

以前碰到的一些坑

• vue-chart的坑: formatter回撥函式必須在js裡面重新賦值，直接寫在data裡是無效的
• flutter路由不能有空格，不然會找不到
• safari無法解析帶t的時間格式
• vue-cli3路由懶載入import(/* webpackChunkName: "ContactPage" */ '@/views/user/contactPage')
• 在ie中，圖片如果不加寬高，就可能顯示不正確
• safari 10直接操作style會報錯，需要使用setAttribute
• safari使用/deep/失效
• safari中定位不顯式指定left為0會可能不會定位至最左
• 在sass中使用calc不能包含變數，對這個變數使用sass的插值方法(#{$variable})