104學習精靈

AJAX

AJAX
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
AJAX全稱為「Asynchronous JavaScript and XML」(非同步JavaScript和XML),是一種創建互動式網頁應用的網頁開發科技,類似於DHTML或LAMP。AJAX不是指一種單一的科技,而是有效地利用了一系列相關的科技。事實上,一些基於AJAX的「衍生/合成」式(derivative/composite)的科技正在出現,如「AFLAX」。 AJAX應用可以僅向伺服器發送並取回必需的資料,它使用SOAP或其它一些基於XML的頁面服務介面(介面),並在客戶端採用JavaScript處理來自伺服器的回應。因為在伺服器和瀏覽器之間交換的資料大量減少(大約只有原來的5%),結果我們就能看到回應(伺服器回應)更快的應用(結果)。同時很多的處理工作可以在發出請求的客戶端機器上完成,所以Web伺服器的處理時間也減少了。 該科技在1998年前後得到了應用。允許客戶端指令碼發送HTTP請求(XMLHTTP)的第一個零件由Outlook Web Access小組寫成。該零件原屬於微軟Exchange Server,並且迅速地成為了Internet Explorer 4.0的一部分。部分觀察家認為,Outlook Web Access是第一個應用了Ajax科技的成功的商業應用程式,並成為包括Oddpost的網路郵件產品在內的許多產品的領頭羊。但是,2005年初,許多事件使得Ajax被大眾所接受。Google在它著名的互動應用程式中使用了非同步通訊,如Google討論組、Google地圖、Google搜尋建議、Gmail等。Ajax這個詞由《Ajax: A New Approach to Web Applications》一文所創,該文的迅速流傳提高了人們使用該項科技的意識。另外,對Mozilla/Gecko的支援使得該科技走向成熟,變得更為易用。
關於教室
關注人數 35 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 35 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

AJAX 學習推薦

全部
影片
文章

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

技能挑戰:初級
目前等級:未達初級
933 人已通過「初級」測驗,通過率79%,和學習精靈一起探索知識、增強能力!
我要挑戰
「線上課程」微軟Asp.Net Core全端軟體工程師養成班
限時特惠72折實施中,只到 6/5
立即暸解👉https://bit.ly/3TJkiPk
前端主要以Vue.js為核心,學習相關熱門的MVVM動態網站開發框架,後端主要以微軟的C#程式為主,學習ASP.NET Core MVC、Restful API微服務趨勢與SQL Server開發應用,最後模擬業界實務專題部整合署Microsoft Azure 認知服務。
此課程由微軟國際認證名師陳宗興親授,過去宗興老師已成功協助近 1000名的學員成功就業或轉職軟體工程師。💻且在職場後的整體平均留用率達到83%以上。⬆️
此班最大特色為:
✅採用小班制教學方式
✅避開平日上班時間,便於想轉職或精進的學員。
✅採線上教學,側錄影片隨時複習。
✅模擬業界整合專題,導師調教傳授。
此班適合的對象:
⭕️剛畢業或退伍,想從事軟體開發的社會新鮮人。
⭕️已上過其他就業養成班,尚覺得技術能力需要提升者。
⭕️具ASP.NET程式開發基礎,想學更深開發技術的人。
⭕️在職者,但對目前薪水及工作不滿意,想轉換職業跑道者。
名額最後倒數❗️
不用花十萬 現在就立即展開學習
邁向ASP.NET Core 跨平台全端開發工程師吧!
(上期額滿,提早卡位最優惠!)
現在就立即報名👉https://bit.ly/3TJkiPk
1 0 3403 0
學習精靈

04/24 00:00

2391 2
Trulli Wu

產品經理

04/02 08:20

認識SPA(Single-Page Application)
想想看,當你在瀏覽器上查看某個線上討論串時,每按一下整個網頁就得重新整個載入,讓你不得不在頻頻中斷的畫面裡耐心等候。但是有一天,你發現新的網站設計已經扭轉了這個困境 - 當你閱讀下一段內容時,網頁的其他部分都維持不變,只有需要的區塊才會自動更新,瀏覽體驗變得頓時無縫順暢。
這種奇妙的網頁瀏覽模式,就來自一種名為「單頁應用程式」(Single Page Application,SPA)的新興設計理念。SPA 透過只更新頁面中須改變的區塊,為使用者帶來無阻且像使用傳統應用程式般的瀏覽體驗,讓網頁不僅更加流暢,也更符合現代人的使用習慣。
有越來越多知名的網路服務像Gmail、Facebook、GitHub等,都已廣泛採用SPA架構。這種前所未見的網頁設計模式,無疑將徹底改變你我對網頁的刻板印象,帶來嶄新的網路體驗。
下段我們來談談SPA的優缺點吧!
【SPA的優點】
1.更佳的使用者體驗:由於不需要經常重新載入整個頁面,使用者體驗更加流暢無縫。
2.有效利用網路頻寬:只傳輸必要的資料,而非完整的HTML頁面,可以減少伺服器和用戶端之間的資料傳輸量。
3.更好的前後端工作分離:前端專注於渲染資料並與使用者互動,後端只提供API支援資料操作,有利於分工協作。
【SPA的缺點】
1.初始載入時間較長:需要一次性載入所有JavaScript檔案,所以第一次載入時間可能會比傳統網頁長。
2.不利於搜尋引擎優化(SEO) :SPA在初始載入時只返回空白頁面,搜尋引擎很難抓取其內容。
3.難以維護狀態:由於單個頁面的多個視圖狀態不斷變化,開發人員需額外處理狀態管理。
4.瀏覽器返回鍵可能無效:不能正確返回上一頁,需特別處理。
【SPA的缺點如何應對】
1.優化載入流程:使用程式碼分割(code splitting)、動態載入(dynamic import)等技術,減少初始載入的資源大小。
2.預渲染/伺服器端渲染(SSR):使用SSR技術在伺服器端生成靜態HTML,提高初始渲染效率,增強SEO能力。
3.管理應用狀態:使用狀態管理函式庫,如Redux、MobX,集中管理應用狀態,簡化視圖層的邏輯。
4.配置HTML5 History API:應用HTML5 History API,正確實現瀏覽器的返回/前進按鈕。
總的來說,SPA適合高度互動的網頁應用,但需權衡其缺點並作相應優化。選擇合適的開發框架及工具,並做好優化,可以充分發揮SPA的優勢。
0 0 622 0
學習精靈

544 24

推薦給你

知識貓星球

喵星人

12/12 13:49

Google發表:Gemini 2.0 全新AI模組介紹、四大亮點一次看
在ChatGPT傳出全球大當機災情的同一天,Google 發布了全新 AI 模型 Gemini 2.0。
不僅支援多模態物件,Gemini 2.0採用更精準、強大的代理式AI系統,幫助使用者主動提前思考並完善指令,打造更符合使用者需求的全方位AI人工智慧助理!
▍Gemini 2.0 亮點搶先看
※ 深度學習有效處理複雜問題:採用「深度研究」學習技術功能,大量運用高級推理和長上下文功能充當研究助理,探索複雜的主題並代表使用者編寫報告。
※ 多模態能力生成準確內容: 除了文字生成外,Gemini 2.0 還能直接生成圖片和音訊,並且能有效處理口音問題轉化成更準確的訊息內容。
※ 實現代理式 AI 的多元運用: 不只是AI助理,Gemini 2.0升級的代理式AI系統,能更主動的做出決策,為使用者提前思考,並在使用者的監督下執行任務。Gemini 2.0將以此為基石,使用在Project Astra助理工具與其他開發者工具中。
※ 活化並整合 Google 產品: Gemini 2.0 將逐步整合到 Google 的搜尋、地圖等產品中,為使用者帶來更智能、更個人化的體驗。
Gemini 2.0預計2025年1月正式推出,在此之前,使用者們可以透過Google AI Studio網站搶先體驗Gemini 2.0測試版的與眾不同。
➤ 立即試用:
➤ 歡迎在104學習精靈關注【AI趨勢報-科技愛好者的產地】獲得更多科技新知!
0 0 1936 1
你可能感興趣的教室