標籤: javascript

Simple Statistics：JavaScript 統計的函式庫

GitHub 有 Open Source 將 統計的各種公式，寫成函式庫(Library)套件

如何寫出 跨瀏覽器 且有相容性的 JavaScript 應用程式

瀏覽器的功能越來越多，JavaScript 撰寫就會需要知道是否有支援這些功能，要確認瀏覽器的 JavaScript 有支援此功能要怎麼寫呢？

閱讀全文〈如何寫出 跨瀏覽器 且有相容性的 JavaScript 應用程式〉

Vanilla JS 史上最輕量級的 Framework

這個名詞在 2015年就已經出現，當時對這些 Framework 沒什麼興趣(差不多就是將 jQuery 轉換成 Pure JavaScript (原生JS) 的時間點)，就沒有繼續深入了。

今天看到 Vanilla JS 是世界上最輕量級的框架(沒有之一)，就稍微看了一下，才發現驚為天人，除了輕量外，速度也跟原生的 JS 一樣快，這到底是什麼 Framework 呢？

閱讀全文〈Vanilla JS 史上最輕量級的 Framework〉

XSS Cheatsheet - 2021

以前有整理過各種 XSS 和安全性的文章，詳可見：

XSS 的防範要做完太難了，來看看 2021 又有哪些新要注意的地方~

閱讀全文〈XSS Cheatsheet - 2021〉

JavaScript 唯讀的欄位 要怎麼傳值

HTML 的 Select、Input 可以設定資料不可修改(唯讀)，屬性值如下：

  • Select：disabled
  • Input：readonly

但是會遇到 form 要傳送資料時，Input 能收到資料，但是 Select 收不到資料的問題，要怎麼解決呢？

閱讀全文〈JavaScript 唯讀的欄位 要怎麼傳值〉

前端 Tooltip 一步一步教學的工具套件

網頁、App 常常都會有頁面介紹，會將頁面區塊框一個框框，然後旁邊秀出說明或者教學。

這些通常會在 HTML 元素旁邊，使用 tooltip 的方式秀出來，這次介紹的套件，就是秀出來外，加上循環順序的設定，就可以做出一步一步的教學等效果。

閱讀全文〈前端 Tooltip 一步一步教學的工具套件〉

使用 flat 來將 JavaScript Array 快速攤平

JavaScript 的 Array 裡面有很多層級(多維陣列)，想要全部都攤平成一個一維陣列(flatten)，可以怎麼做呢？

  • 註：此篇使用到的 flat()，IE 不支援。

閱讀全文〈使用 flat 來將 JavaScript Array 快速攤平〉

使用 Brython 來操作網頁的 DOM

一般都使用 JavaScript 來操作網頁的 DOM，不過喜歡寫 Python 的人，總會想要 Python Everywhere。

只要載入 brython.js，就可以在網頁使用 <script type="text/python"> 來操作 DOM 囉~

閱讀全文〈使用 Brython 來操作網頁的 DOM〉