選你所愛,愛你所選。 在瀏覽網站時,反白(或稱反藍)其實是一個非常常見的動作,不管是要強調目前的閱讀區域或是想要複製某個段落,使用者都會透過游標進行反白,而...
我的字典裡沒有放棄,因為已鎖定你 現在有不少網站都有地圖相關的功能,而為了解決地圖繪製、路線運算、區域標示...等等複雜的功能,通常大家都會選用第三方的套件...
其實,一開始會有使用 API 的需求,除了需要更進一步的學習之外,最主要是因為有朋友來問我怎麼做網站。我有許多朋友都從是藝術相關工作,他們有做作品集的需求,但可...
在我本來的規劃裡,有關 Blogging 的 API 是要嘗試的其中一個分類。經過一些嘗試之後,決定來用用 Tumblr API。 首先先註冊一個 App。要...
就喜歡拖拖拉拉 現在使用手機、平板來瀏覽網站的機會比起電腦來說,實在是多太多了,所以其實 Web API 也不斷針對這樣的趨勢在靠攏,像是我們前期介紹的 B...
一起來延伸視野,迎接更大的畫面吧! 今天要介紹的 FullScreen API 會被忽略的原因可能是因會需要使用到它的情境比較少,但如果你撰寫網站的經驗有累...
Human API 是一個讓使用者可以安全的跟開發者交換個人健康資訊的平台。 基本上,Human API 所在做的事情是把各式各樣的第三方健康資料來源整合在一...
就算拖拖拉拉,也可以把待辦事項處理好 昨天雖然已經知道該如何使用 Drag & Drop API 了,不過今天會實際用它來做個「拖拉式待辦清單」,用...
時間管力大師就是要忙裡偷閒 各位應該知道 JavaScript 是單執行緒(單線程)的程式語言,也就是一次只能處理一件事情。這樣的特性會使得事件的執行必定有...
狡兔有三窟,儲存用戶端的資料當然也要有三個。 相信大家應該都有遇過需要將資料儲存在用戶端的需求,像是將後端的 SessionID 儲存在 Cookie,或是...
小孩才做選擇,成年人當然是尺寸、座標全都要! 昨天介紹的 ResizeObserver API 可以觀察到元素的尺寸變動時執行回呼,並且會提供元素變動後的「...
里長辦公室廣播:張君雅小妹妹,恁兜欸泡麵已經煮好了! 前兩天已經認識了 PostMessage 和建立專屬頻道的 MessageChannel,它們都是進行...
DesignMode 讓整個網站都是你的 textarea。 今天要介紹的 API 非常簡單明瞭,簡單到有點偷懶的嫌疑了,但其實等我們連同後面兩天的內容介紹...
Last.fm 是一個知名的網路電台跟音樂社群,在八九年前左右非常活躍,雖然現在因為有更多收聽音樂的方式跟選擇,但他的使用者依然相當多。 Last.fm AP...
今天翻找 Programmable Web 找到一個還蠻有趣的服務,Webhose.io API。查了中文資料都完全沒有,那我剛好做個簡單介紹。 Webhos...
除了功能完善,有時候效能也該一併考慮。 今天要介紹的是 CreateDocumentFragment,它隸屬於 document 物件底下,而 Docume...
本文將簡單介紹如何製作 Web API 接收前端上傳圖片,並調整圖片檔名及尺寸,用於用戶大頭貼圖片。 .NET Framework 4.7.2 開發環境 Vi...
與你分享的快樂,勝過獨自擁有 現代人看到有趣的網頁、新聞、消息等等時,最常做的事情就是分享到社群帳號中,而現在社群軟體數不勝數,Facebook、LINE、...
紐約時報我就不多做介紹了。今天來看看紐約時報的 API。 在 NYTimes APIs 文件的頁面底下,可以看到一個許多不同 API 的列表。 Arch...
[聲明:今天的文章旨在介紹這個服務,沒有什麼實作的部分]WRLD 是一個建立在 Leaflet.js 之上的 3D 地圖服務。 (WRLD 也是一個歌手的藝名...
以下是在NET Core Web API中如何設定 response回傳Json格式時,自動忽略含有null的欄位方法 在Startup.cs的Configur...
Create meme items 昨天把 API 裡的 meme names 都 render 出來之後,我們今天要把圖片呈現出來。先在 component...
之前講的前端都是顧好畫面,接後端資料然後呈現。 但好的前端工程師,應該還有更重要的事情要做。那就是專業地與後端工程師溝通。 在溝通之前你需要知道在技術上,前後端...
Cognitive Service 是甚麼 ? 利用簡單的方式就可以實現 AI 功能的服務 Cognitive Service 是一個低門檻的 AI 服務,資...
自己的事件自己決定。 網頁最重要的兩件事,資訊顯示與使用者交互,而使用者交互在頁面中所代表的行為就是「監聽事件」與「觸發事件」,相信這是大家在熟悉不過的了,...
雖然一招 console.log 就能打遍天下無敵手,但你其實有更好的選擇。 我知道我知道,這次的主題是「被忽略」的 Web API,Console 顯然不...
訂閱、分享、開啟小鈴鐺,才不會錯過通知喔~ 各位有沒有收過網站的通知呢?例如 Youtube 或 Netflix 的新片通知,或是 Facebook 的訊息...
Introduction We will continue completing the front-end of Day 10 - Web api and...
別再用 setTimeOut、setInterval 寫動畫啦! 如果你有用 js 寫過動畫,那通常你第一個想到的絕對會是 setTimeOut 或 set...
疫情時代,視訊串流當頭,用視訊鏡頭來做個線上攝影吧! 自從疫情爆發後,各行各業也開始進行居家辦公,使得視訊軟體及相關技術開始受重視,身為前端,我們也可以拿視...