Month: October 2019

如何計算rem

Photo by Jan Piatkowski on Unsplash

首先呢，假如是負責既有的專案的話，就找它的html 的 font-size是什麼
現在負責的專案是10vw，所以就看目前的視窗大小（右鍵F12點body，會在左下顯示大小）
看了一下是1920，所以1920 / 10 = 192
剛剛做了一個width 10vw的 div block，看出它的寬度也是這個大小沒錯！

假設有設計稿的話，更簡單，目前拿到的設計稿是1336，所以就把設計稿改成1920大小，再拿它的px值丟到下面網頁上
（因為我做的專案是到任何大小都是填滿整個畫面，不同專案不同情況，有的專案可能要改畫布大小但原本畫面不動）
所以就可以打開我的萬用網頁：
REM Calculator | Umbraco Gold Partner – Offroadcode Limited
用這個就可以得到rem的值來玩了

JavaScript 實用代碼段

concat也可以concat物件

．提取特定的物件資料，例如

var array1 = [
{ name: 'Luna', age: 99 },
{ name: 'Baby', age: 1 },
{ name: 'Curapica', age: 18 }
];
var found = array1.find(function(element) {
  return element.name === 'Luna';
});
console.log(found);

//  > Object { name: “Luna”, age: 99 }

var array1 = [
{ name: 'Luna', age: 99 },
{ name: 'Leo', age: 1 },
{ name: 'Baby', age: 1 },
{ name: 'Curapica', age: 18 },
];
var found = array1.find(function(element) {
  return element.age === 1;
});
console.log(found);

記得它只會回一個…所以給的值要是特定的，例如 gameId

const lunaCute = [1, 2, 3];
lunaCute.map(() => []);

初始化陣列

Array.from(Array(N).keys());

把字串的逗號拿掉：（例如 1,000）

parseInt(DefaultStake.replace(/,/g, ""))
const arr = [
  {
    name: 'somestring',
    id: 42,
    fat: true,
  },
  {
    name: 'joanne',
    id: 3,
    fat: false,
    story: 'long',
  },
];
arr.reduce((a, c) => {
  const [key] = Object.entries(c);
  return a.concat(key);
}, []);

 



參考文章
13 useful JavaScript array tips and tricks you should know – DEV Community 👩‍💻👨‍💻