那些被忽略但很好用的 Web API / 结语

Web API -- Application Programming Interface for The Web,翻译成中文就是「给网页使用的应用程序介面」

一个月的时间,我们认识了至少 25 个 Web API,或许不是每一个都能立刻派上用场,但希望至少能让各位对它们有个印象,未来遇到需求时脑中可以响起:「印象中某个 API 好像能够做到。」 这麽一句话。

又或是把本系列文章当作一个字典,每当有功能卡住时,上来翻翻晃晃,说不定就能找到符合情境的 API。另外如果有发现文章中与实际使用上有出入的地方,还请一定要跟我说一声,避免错误的内容传递给大家。


选题动机

我想应该有不少前端朋友都和我一样,可能都是透过一些业界课程开始接触及学习前端知识的,无论是实体课程还是线上课程,而大部分的课程会着重在 JS 基础语法与观念,然後学习一些常用的字串、数字、阵列操作等等的原生方法,Web API 的范畴也都围绕在 DOM 元素的操作及事件上。

这并不是坏事,因为起初确实需要将基础打好,多熟悉语法与原生方法,不过也因为这样,当我们遇到一些功能需求时,会以既定的观念或目前掌握的工具来实践,却没发现原来早就有某个 Web API 已经能轻松完成这些任务。而且最可惜地方在於,并不是这些 API 太复杂困难才没有使用,而是因为根本没有机会去认识它,所以才没有使用。

也因为这个原因,我才决定撰写这个主题,希望能将这些被埋没的 Web API 丢到各位的印象里,尽管现在用不上,但至少你已经对它有基本的认识了,未来才不会又用旧方法硬干。

https://ithelp.ithome.com.tw/upload/images/20211015/20125431fXZG4UcSDb.png


参赛心得

今年是第二次参加铁人赛了,由於去年获得佳作的题目是比较聚焦深入的,所以一直在思考今年是不是也应该以这种形式内容来参赛,但後来还是认为应该把自己真的想整理、分享的写出来就好,而不是为了奖项去迎合。

虽然说今年决定的这个主题并不是很困难,对於比较资深的前端来说,可能不是一个很有资讯量的内容,但如果你跟我一样,是位 Junior 的话,非常希望这次的系列文章对你有帮助。

今年选择不囤积文章,让自己真的以「每天写一篇」的形式来完赛,没想到这真的是一个很大的挑战,由於白天还有工作,下班後也有健身的习惯,所以每天能够写文章的时间大约只有三到四个小时,我必须要将大量的资讯归纳成条列式的内容,甚至还要写些小范例,真的是好几天都是压线完成。但也很感谢自己有坚持不懈,今年又顺利完赛了。

https://ithelp.ithome.com.tw/upload/images/20211015/20125431u6r6TTTPMl.png

本次系列文章中的所有范例列表:https://codepen.io/max-lee/pens/tags/?selected_tag=2021ithome


未来期许

目前对於明年是否参赛以及参赛主题都还没有任何想法,只期许自己可以不断吸收新知并且抱持一个乐於分享的心情,并且只要在准备好的状况下,就要把握机会将自己所拥有的讯息归纳整理并传递出去。非常感谢对此系列文章有兴趣的各位,顺利的话,明年再继续和铁人赛的大家见面。

https://ithelp.ithome.com.tw/upload/images/20211015/201254319M2jVgckbu.png

所有系列文章也同步发表於个人部落格:https://maxleebk.com/


<<:  快取机制 心得纪录

>>:  #29-网站Tips动起来!用Tailwind自订动画&Hover动画~

[Day 18] 比对首页跟UI的完成度

好的~今天先来检查一下 目前的成品跟一开始规画的UI,完成度如何呢? 比对UI完成度 这是一开始的首...

30天打造品牌特色电商网站 Day.11 CSS框架-Bootstrap5

昨天已经初步介绍几个简单常用的bootstrap语法, 今天来看看几个也是好用、比较详细或特殊的情况...

DAY17: 实作提交表单的Post请求

学完Get请求後就不免要学一下Post请求了,在DAY15: HTTP GET请求的开头有提到,Ge...

Day29 ( 高级 ) 绘制正多角星形 ( 多线版 )

绘制正多角星形 ( 多线版 ) 教学原文参考:绘制正多角星形 ( 多线版 ) 这篇文章会沿用「绘制正...

复习基础JavaScript

小弟因疫情影响,整天在家苦等Offer 於是心血来潮,将自己之前的考题整理成笔记 上来与大家分享交流...