少見卻很實用的 JS 技巧

2022-09-19 03:24:12 字數 1404 閱讀 3542

const numbers = [1, 2, 3, 4, 4, 1]

console.log([...new set(numbers)]) // [1, 2, 3, 4]

複製**

const myarray = [1, undefined, null, 2, nan, true, false, 3]

console.log(myarray.filter(boolean)) // [1, 2, true, 3]

複製**

const str = '123'

const num = +str

console.log(typeof num) // number

複製**

const num = 123;

console.log(num + ''); // '123'

複製**

// 普通寫法

if (condition) 

// 簡寫

condition && dosomething()

複製**

//  裡面指的是可選引數\

console.table(data [, columns]);

複製**

引數:

例項:

function goods(name, price) 

const book = new goods("《webpack 入門到放棄》", "¥ 9.00")

const knowledge = new goods("《前端的自我修養》", "¥ 99.00")

const ebook = new goods("《node.js 課程》", "¥ 199.00")

console.table([book, knowledge, ebook], ["name", "price"])

複製**

列印結果:

element.addeventlistener('click', () => console.log('i run only once'), );

複製**

const num = 2_000_000_000

console.log(num) // 2000000000

複製**

"card" data-name="fe" data-number="5" data-label="listcard">

卡片資訊

js之async, await實用技巧

同步變異步 看到這有人就奇怪了,好好的同步 為啥要變異步?其實我也不想,這有可能是為了後續的擴充套件。比如如下場景 有個判斷使用者登入的方法islogin,我們可以在首次進入頁面時將登入資訊儲存起來,比如使用localstorage,這樣就可以用locastorage.getitem islogin...

js 處理URL實用技巧

escape encodeuri encodeuricomponent 三種方法都能對一些影響url完整性的特殊字元進行過濾。但後兩者是將字串轉換為utf 8的方式來傳輸,解決了頁面編碼不一至導致的亂碼問題。例如 傳送頁與接受頁的編碼格式 charset 不一致 假設傳送頁面是gb2312而接收頁面...

Django 一些少用卻很實用的orm查詢方法

一.使用q物件進行限制條件之間 或 連線查詢 from django.db.models import q from django.contrib.auth.models import user obj user.objects.filter q name bob q age 28 在使用者表中查詢...