104學習精靈

JavaScript

JavaScript
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
JavaScript是一種直譯式語言,原名叫LiveScript,他的能力沒有Java那麼強,但是可以配合HTML的程式,設計出很有趣的動態網頁,它的語法也比較簡單,容易學習。 一般而言,「script」語言代表一種簡單的程式,可以用來完成一些簡單的任務,而JavaScript則是承襲了Java與Perl的語法,用來處理一些畫面的特效,例如變換圖片、彈出式的選單、電子時鐘、拼圖遊戲等。JavaScript是使用者端的程式,可以和HTML寫在一起;隨著網頁下載到你的電腦後,便會自動執行這些程式來做出特效。除此之外,因為各家瀏覽器的不同,寫程式時要注意到相容性的問題;即使在某家瀏覽器中出錯,也要讓它「錯得漂亮」--要讓人看不出來有錯誤。 因為Javascript與Java都可以在網頁上做出動態效果,而且JavaScript還可以控制網頁上的Java Applet,所以可以互相搭配。此外,他們也都能配合伺服端程式,做出一些特別的東西;例如Google Map就利用了JavaScript和後端程式的配合,讓地圖上每一格的圖片可以在使用者移動到看到它時才開始載入,以節省流量;此外,Google Mail和Yahoo!Mail的收件者裡打了一個字,通訊錄中以那個字為開頭的帳號就會出現在下方讓你選,這也是一樣的應用。這種技術,稱為AJAX。
關於教室
關注人數 868 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 868 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

JavaScript 學習推薦

全部
影片
文章

不知如何開始嗎? 先進行技能挑戰吧~

技能挑戰:初級
目前等級:未達初級
2703 人已通過「初級」測驗,通過率40%,和學習精靈一起探索知識、增強能力!
我要挑戰
104學習精靈

產品

4小時前

Core Web Vitals是什麼?網站用戶體驗影響SEO
在當今數位時代,網站成功與否往往取決於用戶體驗的快速與流暢性。Google 的 Core Web Vitals 是評估網站用戶體驗的關鍵指標,包含LCP、INP及CLS。這些指標直接影響網站在 Google 搜索結果中的表現。
🟡什麼是 Core Web Vitals?
Core Web Vitals 包括三個主要指標:
1. 最大內容繪製(Largest Contentful Paint, LCP):衡量加載性能。理想的 LCP 時間應在 2.5 秒內。
2. 互動到下一次繪製(Interaction to Next Paint, INP):衡量回應速度。目標是低於 200 毫秒。
3. 累積布局偏移(Cumulative Layout Shift, CLS):衡量視覺穩定性。最佳的 CLS 分數應為 0.1 或更低。
🟡為什麼它們重要?
這些指標不僅關乎用戶體驗,Google 也將這些指標作為搜索排名的因素之一。優質的頁面體驗可以幫助網站在競爭激烈的搜索結果中脫穎而出。
🟡如何優化 Core Web Vitals?
1. 確保快速響應服務器
2. 優化圖片和資源文件
3. 減少 JavaScript 的執行時間
4. 避免突發的布局變動
🟡註:在網頁設計中,「避免突發的布局變動」是指盡量減少在頁面加載過程中意外變動元素的情形,這種現象通常稱為累積布局偏移(Cumulative Layout Shift, CLS)。例如,當一個圖片或廣告慢於其他內容加載時,它可能會突然插入到頁面中,導致文字和按鈕等元素突然移位,這會影響用戶的閱讀和交互體驗。避免這種情況的方法包括確保所有媒體元素(如圖片、視頻或廣告)有明確的尺寸,或者使用現代的網頁技術來提前保留空間,從而減少布局變動。
通過關注並優化這些關鍵指標,您可以大大改善訪客的站點體驗,進而提高您的 SEO 表現。這不僅有助於吸引和留住用戶,也有助於提升轉化率。想要了解更多有關如何優化您的網站的信息,請參考 Google 的官方文檔。
0 0 66 0

熱門精選

陳立婕

產品行銷專案經理

04/18 12:31

🔥104人力銀行「2024職涯博覽會」開始報名啦📢
一年就這一次!應屆預備找工作搶先報名 👉 https://tw104.pse.is/5u86r4
緯穎、德州儀器、遊戲橘子、東京威力科創、微軟(旭日計畫)、KPMG、IKEA、星巴克、宜得利、迪卡儂等,上百家頂尖知名企業現場徵才🤩
📍 6/15(六) 資訊科技、顧問金融業
企業名單看這邊➡️ https://tw104.pse.is/5u834l
📍 6/16(日) 電子製造業、零售服務業
企業名單看這邊➡️ https://tw104.pse.is/5u83bn
連續兩日,優質企業將在現場釋出數千個工作機會💼
另有中高階獵才、職涯諮詢、趨勢論壇、夜fun職場等系列活動,
主題精采多元,除部分講座收費,其餘活動皆 免費!免費!免費!
心動不如立即搶先報名👉 https://tw104.pse.is/5u86r4
4 3 11864 0
104學習精靈精選課程
看更多課程
想提升職場競爭力?專業技能課程看起來👇
學習精靈

03/19 00:00

4303 250
知識貓星球

喵星人

05/06 10:00

免費下載!Claude AI 官方 iOS App 正式上線
Claude 是一款由美國科技公司 Anthropic 所開發的免費AI大型語言模型聊天機器人。Claude 以其安全、可靠、功能強大和多語言支援等安全、無害和創新的價值觀著稱,並在功能上可與 OpenAI 開發的 ChatGPT 相抗衡。
▶ Claude 的特色 ◀
❶ 安全可靠:Claude 採用獨家開發的「合憲AI」技術,基於世界人權宣言(UDHR)與蘋果公司服務條款等法律框架,打造「人類不會害怕的Al」。
❷ 功能強大:Claude 3 提供 Haiku、Sonnet 及 Opus 三種版本,可滿足不同使用者的需求。Opus版本可處理更大更多資料量,並提供更強大的功能,包括撰寫或修飾文章、歸納重點、分析圖片、程式碼生成、多語言翻譯等。
❸ 支援多種語言:Claude 支援繁體中文、簡體中文、英文、法文、德文、日語、韓語、西班牙語、俄語、阿拉伯語等多種語言。
▶ Claude 的 3 大版本 ◀
⟡ Claude 3 Haiku ⟡
其名稱取自日本「俳句」的服務,它能提供快速且具有高 CP 值的回應。它具備高速且高水準的能力,在短短3秒內就可以閱讀10,000個 token。目前,這個服務在部份地區已經開放,可以在亞馬遜 AWS 上使用。
⟡ Claude 3 Sonnet ⟡
其名稱取自英國莎士比亞的十四行詩形式,是一種免費版本的服務。部分功能需要付費後才能擴展,而這個服務強調耐用性和功能性。
⟡ Claude 3 Opus ⟡
其名稱取自古羅馬拉丁語中的「巨作」,是高階版本的服務。從名稱就可以看出它的智慧程度非凡,並且能夠處理更大量更多種類的資料。這個版本需要付費,但能提供更高的處理能力和功能。
▶ Claude 的功能 ◀
⓵ 文章撰寫與修改
從短文到演講稿、小說或信件,Claude都能幫助生成文章並進行修改潤飾。它也能生成社群平台宣傳文案或拍賣網站商品描述。
⓶ 歸納重點
對於新聞報導、長篇小說、專業文件或對話內容、會議記錄等,Claude能快速提煉要點、總結主旨與精華。
⓷ 圖片分析
Claude能轉錄或分析手寫資料筆記、解釋圖像內容,還能分析圖表數據,適合整理大量資訊。其支援的圖片檔案類型包括jpeg、png、webp、gif;支援的文件類型包括pdf、docx、odt、html、csv、txt、rtf、epub。
⓸ 程式碼生成
雖然Claude擅長Python,但也能根據需求生成Java、C++、JavaScript、SQL等程式碼,包括簡單腳本到複雜架構。
⓹ 多語言翻譯
除了英文,Claude還支援繁體中文與簡體中文,可以在多語言間即時相互翻譯,進行文章撰寫、分析或修改等工作。
Claude 的出現,標誌著 AI大型語言模型聊天機器人技術的進一步發展。Claude 的安全、可靠、功能強大和多語言支援等優勢,使其在眾多同類產品中脫穎而出。隨著 Claude 的不斷發展,我們可以期待它在未來為我們帶來更多的驚喜!
➤ 歡迎在104學習精靈關注【AI趨勢報-科技愛好者的產地】獲得更多科技新知!
1 0 406 1
學習精靈

01/05 00:00

1582 2

推薦給你

知識貓星球

喵星人

2小時前

你知道AI,但你有聽過AGI是什麼嗎?
人工智慧(AI)的發展日新月異,而通用人工智慧(AGI)作為其中的一個重要分支,在近年來引起了廣泛的關注。AGI的本質是什麼?它又有哪些潛力和挑戰呢?讓我們一起來深入了解。
【AGI的定義&重要性】
通用人工智慧,即AGI,是指具有與人類同等智慧甚至超越人類的能力的人工智慧。與目前較為常見的狹義人工智慧(ANI)不同,AGI的目標是實現機器的自我意識和全面智慧,使其能夠處理各種複雜任務,並在不同領域展現出與人類類似的認知能力。
AGI的發展對於人類社會有著深遠的影響。它可以幫助我們解決眾多現實生活中的難題,提高生產力和效率,同時也可能帶來全新的倫理和社會問題,需要我們持續思考和探索。
【AGI的應用&能力】
AGI涵蓋了許多不同領域的研究和應用。從創造力到自然語言理解,再到導航和遷移學習,AGI的潛在應用無所不包:
1. 創造力:
AGI可以幫助人們在藝術、設計和創新領域中創造更多新奇和有價值的作品。例如Sora可以透過文字描述自行產生不存在的影像。
2. 圖像/影像識別:
通過對圖像和影像的理解和處理,AGI可以應用於醫療、安全監控等領域。
3. 精細運動:
AGI的精細運動能力使其適用於外科手術、製造業等需要高度精準操作的領域。
4. 自然語言理解(NLU):
AGI可以幫助我們更好地理解和應用人類語言,例如ChatGPT、Gemini、Claude 等生成式AI。
5. 導航:
AGI可以透過全球定位系統精準的定位並配合計算,做出精確度與人類相符的物理空間投射運動。對於自動駕駛汽車、無人機等技術有著重大意義。
6. 遷移學習:
AGI可以在不斷學習和適應中解決新的問題,促進技術和知識的創新和發展。
【Google Deepmind的AGI分級&原則】
Google Deepmind在《通用人工智慧等級:實現通往AGI之路的進展》中提出了對AGI的六大原則和分級,這些原則和分級為我們更好地理解和評估AGI的發展提供了框架和指導。
➤ 6 大原則
1. 專注能力而非流程:AGI的核心在於其能力而非僅僅模仿人類思維。
2. 注重通用性及效能:AGI需要在不同領域和任務中展現出通用性和高效能。
3. 關注認知和後設認知任務:AGI需要具備對自身認知和學習過程的反思能力。
4. 專注於潛力,而非部屬:AGI的價值在於其潛力和未來發展的可能性。
5. 注重生態效度:AGI需要在真實世界中展現出其實用性和生態效應。
6. 專注於通用人工智慧之路:AGI的發展應該是通往通用智慧的道路上的一步,而非僅僅停留在某一個端點。
➤ 5種等級
在等級的部分Google Deepmind將其定義分成俠義及廣義。狹義指的是該工具可完成單一或特定的任務;而廣義指的是該工具可完成廣泛非體能的任務。
Level 0:非人工智慧
Level 1:等於或略於無技能的人類
Level 2:超越 50%有技能的成年人
Level 3:超越 90%有技能的成年人
Level 4:超越 99%有技能的成年人
Level 5:超越所有人類
計算機軟體、編譯計算機軟體、編譯器是屬於Level 0;目前常見的AI像是ChatGPT、Gemini、Claude等,皆屬於Level 1。而逛易上來說,目前還未出現 Level 3 的 AGI,人類暫時還不用擔心會被取代(汗)。
通用人工智慧(AGI)是一個充滿挑戰和潛力的領域。隨著技術的不斷進步和探索,而在未來實現更加強大和智能的AGI系統,為人類社會帶來更多的便利和價值。讓我們共同期待和努力,探索AGI的無限可能性!
➤ 歡迎在104學習精靈關注【AI趨勢報-科技愛好者的產地】獲得更多科技新知!
1 0 47 1
你可能感興趣的教室