Web API -- Application Programming Interface for The Web,翻譯成中文就是「給網頁使用的應用程序介面」。
相信對於開發網頁的前端工程師來說,Web API 在熟悉不過,就算你沒聽過或不曉得 Web API 是什麼,你也絕對使用過它。
像是 console.log、setTimeOut、setInterval,這些其實都是所謂的 Web API,並非是 JavaScript 的原生方法。而這次我們就是要來挖掘那些被你忽略或是遺忘的 API,或許能讓你在開發網頁的過程中獲得新的靈感。
學習之後,刻意進行練習能夠加深印象。 前面三天我們已經習得 DesignMode、Selection API、Clipboard API,今天我們就將這三個...
歷史是現在與過去之間永無休止的對話。 我們都知道瀏覽器提供了上一頁、下一頁,甚至可以讓你回到前兩頁、前三頁...,但其實我們也可以借助 History AP...
狡兔有三窟,儲存用戶端的資料當然也要有三個。 相信大家應該都有遇過需要將資料儲存在用戶端的需求,像是將後端的 SessionID 儲存在 Cookie,或是...
自己的事件自己決定。 網頁最重要的兩件事,資訊顯示與使用者交互,而使用者交互在頁面中所代表的行為就是「監聽事件」與「觸發事件」,相信這是大家在熟悉不過的了,...
親像愛情的限時批~ 各位有想過該如何跟其他頁面進行溝通嗎?如果在A頁面點擊了一個按鈕,能不能夠讓B頁面發生變化或執行動作呢?別說不可能,今天要介紹的 Pos...
熱線你和我,這是一條情感的線路,屬於你和我。 昨天我們認識了 PostMessage,它可以讓我們在兩個頁面之間傳遞訊息,只要有地址(Domain Orig...
里長辦公室廣播:張君雅小妹妹,恁兜欸泡麵已經煮好了! 前兩天已經認識了 PostMessage 和建立專屬頻道的 MessageChannel,它們都是進行...
時間管力大師就是要忙裡偷閒 各位應該知道 JavaScript 是單執行緒(單線程)的程式語言,也就是一次只能處理一件事情。這樣的特性會使得事件的執行必定有...
我的改變,你看得見! 在開發網頁過程中,我們最常做的事情就是對資料進行修改後運用在 DOM 元素上,像是新增 / 刪除節點、調整樣式、改寫內容或是屬性(at...
你的改變,我看得見! 今天要介紹的是 ResizeObserver,它和昨天的 MutationObserver 非常相像,都是透過「觀察者模式」的設計方式...