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的支援使得該科技走向成熟,變得更為易用。
關於教室
關注人數 31 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 31 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

AJAX 學習推薦

全部
影片
文章

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

技能挑戰:初級
目前等級:未達初級
859 人已通過「初級」測驗,通過率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 1041 0
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 276 0

推薦給你

知識貓星球

喵星人

8小時前

行銷人必備:Dcard Ads AI 教學、優勢一次看!
近年來,隨著數位行銷的崛起,廣告文案的撰寫成為了品牌推廣的關鍵一環。尤其在社群媒體平台上,如何撰寫吸引人的廣告文案,成了廣告操作人員與社群編輯的重要任務。
在這個背景下,Dcard Ads推出了一個創新的工具✦ Dcard Ads AI 文案產生器 ✦,旨在幫助行銷人員更有效地撰寫吸引人的廣告文案,提升廣告效果。
【什麼是Dcard Ads AI 文案產生器?】
Dcard Ads AI 文案產生器是一個運用ChatGPT關鍵字轉文案與擴寫功能的工具。能夠自動化產生廣告文案,提供行銷人員、廣告操作人員與社群編輯更多靈感。除了生成更吸引人的銷售文案,也能夠產出更多個人化的內容,有效吸引目標受眾的注意力。
⟡ 協助適應Dcard獨特廣告環境 ⟡
在Dcard Ads上的廣告撰寫方式對廣告成效有著相當程度的影響。Dcard本身的會員流量主要集中於18-35歲、熱愛吸收新知的年輕族群,而Dcard提供的廣告版位也相當多元。因此,廣告文案是否符合論壇發文風格,以及是否針對年輕使用者設計,變得非常重要。Dcard Ads AI 文案產生器的推出,正是為了協助品牌適應Dcard站上的獨特廣告環境,幫助品牌創建更具吸引力的廣告內容。
⟡ 透過不同切角素材進行 A/B test ⟡
在製作廣告素材時,行銷人員往往無法完美預測市場偏好。因此,建議至少製作2組以上的A/B test素材。透過Dcard Ads AI 文案產生器,可以快速生成多組不同切角的廣告文案,並進行A/B test。這不僅有助於測試市場偏好,還可以為未來的素材優化方向提供依據,提升廣告效果。
【如何使用Dcard Ads AI 文案產生器?】
❶ 點選「AI 文案 (Beta)」,進入AI 文案素材編輯區。
❷ 填入各廣告版位所需標題及內容。
❸ 從下拉選單中選擇想要的切角,按下「產生」即可生成AI 文案組合。
➤ 切角包括Dcard 口吻、切入痛點、突出特點、強調價值、誘發情感、引用社會議題
➤ 當按下「重新產生」時,系統會自動扣除一次可用額度,每組廣告帳號每月提供「30組」AI 文案使用額度
❹ 選擇想要使用的素材,按下「建立素材」即可自動根據AI 文案生成素材。
❺ 在廣告組合中可以查看所有素材平均點擊,並定期針對文案進行優化。
透過Dcard Ads AI 文案產生器,品牌可以更靈活地建立不同切角的廣告文案,根據點擊率定期優化廣告內容,幫助品牌達成更好的廣告成效。
Dcard Ads AI 文案產生器的推出,將為廣告操作人員和行銷人員帶來更多便利和靈感,幫助他們在Dcard平台上創建更具吸引力和個人化的廣告內容,提升廣告效果,實現品牌推廣的目標!
➤ 立即關注【AI趨勢報-科技愛好者的產地】獲得更多科技新知!
1 0 385 1
你可能感興趣的教室