Day4 Javascript介绍

在前面的文章中,我们有浅谈到Javascript在网页中所扮演的角色,而Javascript到底是甚麽呢?网页中呈现给使用者是静态的资料,但若我们不想要死板板的,而是能够跟使用者进行互动,譬如说当你滑鼠触碰到这张图片时,进行幻灯片的效果、又或者是当注册帐号时,後面通常都会有个检查的绿色勾勾,以及购物网站点购物车时跳出你的商品清单,这些都是网页跟使用者互动的行为,Javascript就是扮演着让网页生动起来的角色!

然而Javascript还可以串接API,API是甚麽呢?API( Application Programming Interface),中文是"应用程序介面"。好,我相信你还是不懂,API白话来说,就是沟通的介面,你想要查询垦丁怎麽去,你要先上网在Google Maps上面搜寻垦丁,系统知道你要去的地方是垦丁後,去资料库搜寻,把结果回传到网页上让使用者阅读。

所以我们要把这个搜寻地区的功能带到我们的网页里,就可以使用到Google Maps API,像是一些美食网站、旅游网站,就可以替使用者省下要再把地址贴到Google Maps上面的时间,而是能够直接的在你设计的网页里进行浏览!是不是大大提升了你网页的互动性呢!

当然API不会只有Google Maps一种而已,还有像是气象的API、播放音乐的API、3D影像的API,这些都可以透过Javascript让你的网页更加多元、丰富!


<<:  Day 13 Compose LazyColumn

>>:  Day 3 - cheatSheet 小技巧与本机环境设定

今年我想陪着 30 天之 28

1351. Count Negative Numbers in a Sorted Matrix Gi...

Day12 订单是什麽? 能吃吗

在前些日子里面讲的金流单其实也是订单的一种, 属於商家跟金融服务提供方的订单, 接下来我们要谈的是对...

Day19-"字串练习-2"

利用strcpy()将a字串里的文字复制到b字串,并将b的结果印出。 . . . . . #inc...

[番外] 一步一步实现购物车功能 [序]

前言 参考 How To Build a Shopping Cart with Vue 3 and ...

Day12-旧网站重写成Vue_3_单一图片轮播

今天来写介绍那边图片轮播的功能 首先先写一个阵列data放图片 data: { img: [ &qu...