我的程式筆記: html5

const account = "foo@example.com"
const password = "bar123456789"
const host = "http://localhost:8080"

let cookie = await fetch(`${host}/login`, {
	body: `account=${account}&password=${password}`,
	method: "POST",
	headers: {"Content-type": "application/x-www-form-urlencoded"}
})
	.then(function(resp){
		return resp.headers.get("Set-cookies") || "" 	// 不加上 || "" 的話，cookie 就會被視作 nullable 變數，在 deno 可能會說 warning 或 error
	})

fetch(`${host}/some-request`, {
	headers: {"Cookie": cookie}
})
	.then(function(resp){
		return resp.text()
	}).then(function(data){
		console.log(data)
	})

以上這段 code 最終會 redirect 到首頁而已

因為 cookie 取不到（換言之， cookie 變數一直都會是空字串）

2021-03-15

visibilitychange event

今天在搜尋某些資料時，發現到一個叫「程序猿甜品店」的網站。

這網站有個很有趣的效果：當你瀏覽器轉到其他分頁時，該網站的 tab 標題會變成「我失宠了」；如果回到該 tab，又會變成「我被宠了」（維持2秒，之後變回原本標題）。

2019-12-02

AJAX send Canvas 建立的圖片

要將Canvas 建立的圖片做其他處理，例如傳AJAX 基本上就是利用 HTML5 新增的 Blob 來處理

2018-06-15

利用 autocomplete attribute 來使用自動儲存的資料

如果有看 Chrome Console 的話，就會注意到當你有表單時，有時會出現如下的警告訊息

[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq)

This page includes a password or credit card input in a non-secure context. A warning has been added to the URL bar. For more information, see https://goo.gl/zmWq3m.