processing 程式語言 專門為電子藝術和視覺互動而建立，目的是通過視覺化的方式輔助教學

p5.js

phpstudy+vue 偽靜態

expo–>一套react native構建的移動端系統

所謂優秀的業務系統是能保證7*24小時完美解決業務需求

使用IntersectionObserver api進行元素的懶載入 --> 參考jsapi中的demo 以及簡書對應文章

puppeteer headless-chrome

前端監控系統0.0 ui自動化測試

但是計算機程式設計不單是與程式相關，重要的是程式設計師要表達的思想。程式只是思想的靜態表示，是曾經存在於程式設計師腦海中的某個結構的快照。程式是因為有了含義才值得寫下來。那麼是什麼把程式碼和它的含義連線在一起呢？除了說“它做了該做的事”，怎樣才能將一個程式的含義說得更具體一點呢？
語義學（semantics）研究的是單詞和它們含義之間的關係。語義不止關注抽象含義本身的基本性質，還關注具體的記號如何與它們的抽象含義關聯起來。
為了完整地定義程式語言，我們需要：語法，描述程式看起來是什麼樣的；語義（semantics），描述程式的含義。
考慮程式含義的最實際方法是思考它做了些什麼：在執行程式的時候，我們期望發生什麼呢？在執行時程式語言中不同的結構都是如何表現的？把它們放到一起組成更大的程式時會是什麼效果？–>操作語義學(基礎)

使用Element.classList 來替代jquery中的樣式切換
Element.classList.add(classname)
Element.classList.remove(classname)

有condition意味著滿足條件才進行觸發

Element.classList.toggle(classname[,condition])