亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

首頁 web前端 js教程 NgSysV.A 年輕人人工智能時代系統(tǒng)開發(fā)指南

NgSysV.A 年輕人人工智能時代系統(tǒng)開發(fā)指南

Nov 30, 2024 am 06:20 AM

NgSysV.A Young Person’s Guide to Systems Development in the Age of AI

此帖子系列已在 NgateSystems.com 建立索引。您還可以在那里找到超級有用的關(guān)鍵字搜索工具。

最后評論:24 年 11 月

一、簡介

您好,歡迎光臨!我希望你能在這里找到你想要的東西。

這篇文章適合完全的初學(xué)者。它涵蓋了當(dāng)我第一次開始修改網(wǎng)站和數(shù)據(jù)庫時我想了解的一切。也許您還在上學(xué),或者年齡較大并考慮改變職業(yè),或者可能已經(jīng)退休(盡管內(nèi)心仍然年輕)并且只是好奇。重要的是你有一顆年輕的頭腦——對新想法持開放態(tài)度并能迅速抓住機會。你需要這個,因為你需要吸收的新想法的數(shù)量幾乎是巨大的?,F(xiàn)代信息系統(tǒng)實踐是工具和技術(shù)的完美叢林。更糟糕的是,這片叢林正在以令人眼花繚亂的速度發(fā)展。你究竟應(yīng)該從哪里開始?

本系列旨在通過提出一條穿過這片叢林的特定路線來最大程度地減少您的困難 - 這條路線不僅可以提供快速且有用的結(jié)果,而且還可以培養(yǎng)技能和概念,使您能夠隨后走自己自己的路。

令人驚訝的是(我一直對此感到驚訝),我在這里描述的大多數(shù)工具和技術(shù)都是免費。您唯一需要投資的是您的個人時間。不幸的是,這并不是一個無關(guān)緊要的因素,但正如他們所說,“沒有痛苦,就沒有收獲!

然而,作為進一步的鼓勵,我還要說,您現(xiàn)在有了一個巨大的免費盟友 - 通用聊天機器人。該系列包括一些冗長的帖子,其中充滿了乏味的說明。然而,如果我嘗試按照您的要求詳細描述這些步驟,那么它們會更長。我現(xiàn)在可以確信,無論您在哪里覺得我把您拋在了后面,您都可以調(diào)用機器人讓您回到正軌。在 2022 年 chatGPT 和其他機器人發(fā)布之前,我不會想到這會成為可能。現(xiàn)在,一切都變了。請參閱帖子 4.1 了解您的數(shù)字導(dǎo)師的介紹。目前,我建議您使用 chatGPT40 的免費套餐。

總而言之,這里是本系列的總體目標的陳述以及它建議遵循的路線的概述。

2. 目標

假設(shè)您的目標是開發(fā)一種軟??件,將一些信息讀入計算機,以某種有目的的方式處理它,然后將結(jié)果顯示在屏幕上。哦,此外,您希望世界上任何地方的任何人都能夠使用您的作品。這肯定很容易......

在 IT 世界中,有多種方法可以完成這個簡單的任務(wù)。但根據(jù)我的經(jīng)驗,最簡單的選擇是使用 Chrome 或 Safari 等互聯(lián)網(wǎng)瀏覽器作為應(yīng)用程序的“啟動板”。你可能會說,這可能看起來很奇怪。不是每個人都在手機上使用獨立的“應(yīng)用程序”嗎?

原因之一:您希望您的應(yīng)用程序可供通過每一種可以想象的設(shè)備工作的用戶使用 - 筆記本電腦、平板電腦、臺式電腦等。瀏覽器通過使您的應(yīng)用程序與差異隔離來提供一種實現(xiàn)此目的的絕佳方法在硬件和操作系統(tǒng)中。它們還為您提供了一個復(fù)雜且實用的環(huán)境來支持您的應(yīng)用程序的邏輯。另一方面,應(yīng)用程序與特定的硬件平臺相關(guān)聯(lián),并且陷入復(fù)雜性的泥潭。

還有另一個原因:您希望世界任何地方的用戶都可以使用應(yīng)用程序的信息。瀏覽器已經(jīng)定位于互聯(lián)網(wǎng),其全部目的就是為了促進信息共享。這就是為什么亞馬遜和 Facebook 等主要運營商非常樂意使用網(wǎng)絡(luò)瀏覽器作為其系統(tǒng)平臺。

因此,我建議的路線通向現(xiàn)在通常所說的“網(wǎng)絡(luò)應(yīng)用程序”,這是一個只需在網(wǎng)絡(luò)瀏覽器中輸入網(wǎng)絡(luò)應(yīng)用程序的“地址”即可激活的軟件。該網(wǎng)絡(luò)應(yīng)用程序?qū)⒛軌蚓S護持久數(shù)據(jù)存儲(“數(shù)據(jù)庫”),并通過“登錄”功能為該數(shù)據(jù)提供安全性。基于瀏覽器的聊天機器人提供了使用網(wǎng)絡(luò)應(yīng)用程序技術(shù)的絕佳示例。

以下是構(gòu)建現(xiàn)代網(wǎng)絡(luò)應(yīng)用程序所需掌握的工具和技術(shù)的概述:

  1. HTML - 超文本標記語言 - 這是用于告訴瀏覽器如何在計算機屏幕上格式化 Web 應(yīng)用程序輸出的“語言”
  2. IDE - 交互式開發(fā)環(huán)境 - 這是用于創(chuàng)建代碼的編輯工具 - Microsoft 的 VSCode 是我將在此處使用的 IDE。
  3. 編程語言 - 這會將您的應(yīng)用程序的“概念”轉(zhuǎn)化為其數(shù)字實現(xiàn)。我將在本課程中使用的語言是 JavaScript
  4. 瀏覽器工具 - 這些工具使您能夠在 Web 應(yīng)用程序運行時檢查和調(diào)試它。我將在 Google 的 Chrome 瀏覽器中使用該工具集。
  5. 開發(fā)框架 - 最好將其理解為一個工具集,它使您能夠有效地將 JavaScript 應(yīng)用于 Web 應(yīng)用程序開發(fā)的特定要求。我將使用的框架稱為 SvelteKit。
  6. A 服務(wù)器 - 這是將您的 web 應(yīng)用程序代碼傳遞給您的用戶的遠程主機。它還將為數(shù)據(jù)提供存儲,并可以運行其代碼的選定元素。我將在 App Engine 服務(wù)器上使用 Google 的 Firebase。其他平臺也可用,但 Google Cloud 提供特別慷慨的“免費套餐”。

好的,系好安全帶,開始吧……既然您正在網(wǎng)上閱讀這篇文章,我假設(shè)您已經(jīng)相當(dāng)習(xí)慣了網(wǎng)絡(luò)世界。對于本課程,您需要使用一臺臺式計算機,為簡單起見,我假設(shè)這將是一臺 Microsoft Windows 筆記本電腦。我確信,如果情況并非如此,您將能夠適當(dāng)?shù)卣{(diào)整我的說明。

2.1 HTML(超文本標記語言)

您正在開發(fā)在網(wǎng)絡(luò)瀏覽器中顯示文本的軟件。您希望此文本以各種優(yōu)雅的位置、顏色、大小等配置顯示。Web 瀏覽器使您能夠通過用“標記”代碼包圍文本內(nèi)容來指定這些配置,這些“標記”代碼確定內(nèi)容應(yīng)如何顯示。這種簡單的安排帶來了令人驚訝的強大結(jié)果。

您可以通過在 Microsoft 記事本等簡單編輯器中將說明輸入文本文件來創(chuàng)建示例。嘗試這個簡單的練習(xí):

在您最喜歡的文本編輯器(例如 Windows 記事本實用程序)中鍵入以下行,然后將其保存為具有 HTML 擴展名的文件(例如“my-first-app.html”):

<h1>Hello there</h1>

當(dāng)您通過“雙擊”Windows 資源管理器中的條目來“打開”該文件時,Windows 應(yīng)該通過打開您的默認瀏覽器并顯示一個顯示“Hello there”字樣的屏幕來進行響應(yīng)。恭喜,您已經(jīng)編寫了第一個 Web 應(yīng)用程序(盡管除了您之外沒有人可以看到,但我們稍后會修復(fù)該問題)。

如果事情沒有按預(yù)期進行,現(xiàn)在是請求 ChatGPT 幫助您解決問題的好時機。上述過程依賴于設(shè)備配置。告訴 ChatGPT 您不明白的內(nèi)容或在您的特定設(shè)備上無法正常工作的內(nèi)容,它會準確地告訴您需要做什么來解決問題。

;和

上例中的標記“標簽”是 HTML 指令,告訴瀏覽器它們包含的文本將顯示為標題。 Google 獲取有關(guān)

的信息您會發(fā)現(xiàn)大量有關(guān)學(xué)習(xí) HTML 的教程和建議。 Mozilla.org 的網(wǎng)絡(luò)入門是一個很好的起點。另一個有用的網(wǎng)站是 W3Schools HTML 教程。 W3schools 站點是交互式的,使您能夠試驗 HTML 語法。

重要的是,在這些文檔中,您將了解到許多限定符可用于修改標簽的操作。例如,

標簽可以通過 a> 進行限定

2.2 IDE(交互式開發(fā)環(huán)境)

您可能只是感覺到編寫 Web 應(yīng)用程序需要您創(chuàng)建一些相當(dāng)大的文件。 Web 應(yīng)用程序代碼很冗長,包含數(shù)千行的文件并不罕見。

可以,如上面的示例所示,只需將這些行鍵入基本文本編輯器,但這將是一個壞主意。瀏覽器是無情的野獸,代碼中的任何拼寫錯誤都將導(dǎo)致您的意圖完全失敗。理想情況下,您需要一個專門的文本編輯器,它可以在您輸入代碼時對其進行監(jiān)控,以幫助您控制其結(jié)構(gòu)的方式格式化和突出顯示它,甚至可能為您編寫代碼。

IDE 旨在滿足這些需求 - 以及更多需求。

有很多 IDE 可供使用,但我推薦 Microsoft 的 VSCode。它可以免費安裝并且使用非常廣泛。它再次代表了一個陡峭的學(xué)習(xí)曲線,但 Microsoft 提供了出色的在線文檔。

在免費的 VSCode 包中,您還會發(fā)現(xiàn)大量自動化幫助 - 用于格式化代碼并提供簡單的自動完成機制(例如,JavaScript 指令和變量名稱)的工具。檢查機制將發(fā)現(xiàn)語法錯誤,并突出顯示未定義的變量等。

IDE 提供了許多其他有用的服務(wù)。到目前為止,您的應(yīng)用程序由單個 .html 文件表示。實際上,現(xiàn)代計算機系統(tǒng)可能包含數(shù)百個文件 - 我們將完整的程序集稱為“項目”。管理大型項目會帶來許多具有挑戰(zhàn)性的任務(wù),而這些現(xiàn)在都成為 IDE 的責(zé)任。

例如,假設(shè)你想改變>

再次,假設(shè)您想要放棄最近對文件所做的更改,并將其重置為編輯歷史記錄中的某個先前狀態(tài)。 VSCode 維護本地文件歷史記錄,您可以使用它來清理混亂。此外,VSCode 與名為 Github 的版本管理系統(tǒng)無縫鏈接,為您的項目創(chuàng)建安全的基于外部 Web 的“檢查點”副本。這樣,即使您將筆記本電腦落在公交車上,您的來源及其歷史記錄也是安全的。

最后,VSCode 提供了使用直接鏈接到設(shè)備操作系統(tǒng)的終端會話運行項目的平臺。您可能會在 VSCode 中花費大量時間!

這可能是在您的設(shè)備上安裝 VSCode 并嘗試 Microsoft 的 Visual Studio Code 入門教程的好時機

2.3 JavaScript

JavaScript 對于初學(xué)者來說是一門很棒的語言。它很容易學(xué)習(xí)并且在許多情況下都能很好地工作。它的自然家園是瀏覽器,它可以在其中讀取和寫入由 Web 應(yīng)用程序的 HTML 部分定義的數(shù)據(jù)結(jié)構(gòu)。簡單來說,它可以直接在屏幕上讀寫。然而,它還獲得了從瀏覽器內(nèi)部以及在服務(wù)器上遠程運行時讀取和寫入基于遠程服務(wù)器的數(shù)據(jù)存儲的能力。簡而言之,它變得如此有用,以至于它可能是您需要學(xué)習(xí)的唯一語言。

讓我們開始吧。 JavaScript 是一種“解釋型”語言。這意味著不需要特殊的預(yù)處理來準備執(zhí)行代碼。您可以將其直接啟動到“運行時引擎”中并立即查看結(jié)果。您的簡陋 Web 瀏覽器就是 JavaScript 運行時引擎的一個示例。讓我們看看如何通過添加一些 Javascript 來使之前創(chuàng)建的 my-first-app.html 文件表現(xiàn)得“智能”。

JavaScript 從 HTML 語法的嚴格性質(zhì)中獲得了直接讀寫屏幕的能力。這使得瀏覽器能夠構(gòu)建屏幕布局的“模型”——稱為“域?qū)ο竽P汀保ɑ蚝喎Q“DOM”)的樹結(jié)構(gòu)。在 DOM 中,樹的各個分支和葉子都可以通過 JavaScript 單獨尋址。

這是一個例子。取出上面介紹的 my-first-app.html 文件并進行如下編輯:

<h1>



</h1><p>此代碼使代碼的輸出取決于一天中的時間。如果您在午餐時間之前(具體來說,在任意一天的中午 12 點之前)重新運行該文件,輸出將顯示為藍色。午餐后,輸出將顯示為紅色。恭喜,您已經(jīng)編寫了第一個“智能”網(wǎng)絡(luò)應(yīng)用程序。 </p><p>HTML <script> 之間的線條和 </腳本>標簽包含您的第一段 JavaScript 代碼。以 hourOfDay = 開頭的行創(chuàng)建一個“變量”,其中包含運行時間的“日期”“對象”。 Javascript 中的“對象”是一個復(fù)雜的概念,您將來會喜歡了解它。然而,現(xiàn)在您需要知道的是,代碼運行時創(chuàng)建的“Date”對象的實例將在其中的某個位置包含一天中時間的毫秒精確表示。此外,該對象還包含一個 .getHours“方法”,該方法從毫秒數(shù)據(jù)中提取代表“一天中的小時”的 0 到 23 之間的整數(shù)。后續(xù)代碼行中的 if 和 else Javascript 關(guān)鍵字提供了對它們引用的值進行適當(dāng)操作的邏輯。</script></p>

<p>如果你覺得要等到午餐時間才測試變色邏輯不方便,可以嘗試修改代碼,在分鐘為偶數(shù)時切換顏色。獲取一天中的分鐘的“方法”是 getMinutes()。用于測試數(shù)字 num 是偶數(shù)還是奇數(shù)的 JavaScript 是 if (num % 2 === 0)??纯词欠窨梢愿?my-first-app.html 中的代碼,以在一分鐘后刷新頁面時更改文本顏色。</p>

<p>您可能已經(jīng)注意到 </p><h1>文件原始版本第一行中的標記已獲取“id=”子句。這已經(jīng)用唯一的字符串“標記”了標簽(在本例中為“test”)。聰明的地方是 document.getElementById('test') 指令,它使 JavaScript 能夠改變 'test' <h1> 的“樣式”。標簽。 

</h1>
</h1><p><em>在你對花費一生時間擺弄 document.getElementById('test') 指令的前景感到害怕之前,讓我向你保證這不是必要的。軟件工程最新發(fā)展的整個過程旨在使您能夠通過<b>有意義的</b>語言模式來控制屏幕布局。這些極大地簡化了任務(wù)。在本系列文章中,如前所述,您將使用名為 SvelteKit 的“代碼框架”來創(chuàng)建您的系統(tǒng)。您將在帖子 2.1 中看到這樣的示例。</em></p>

<p>現(xiàn)在,如何才能熟練掌握 JavaScript?這里你需要一本好書,我推薦的是 Marijn Haverbeke 的《Eloquent JavaScript》。 </p>

<p>如果需要,請在線閱讀本文(您可以在 https://JavaScript .net/ 找到最新版本),但是沒有什么比一本寫得好的、有可以在上面涂鴉的物理頁面的書更方便的了。二手(和早期版本)在這個階段就很好,并且可能是您在一段時間內(nèi)需要進行的最佳(也是唯一)初始投資。哈弗貝克在解釋上面介紹的“對象”、“方法”、“功能”和“風(fēng)格”概念方面將比我希望實現(xiàn)的任何目標做得更好。 </p><p>但是,如果您仍然決心在線學(xué)習(xí),我認為 Mozilla 的 JavaScript 基礎(chǔ)教程非常好。</p>

<p>開始考慮為您的工作設(shè)計一個測試項目也是一個好主意。本系列的后續(xù)文章將提供一些人為的示例,但只有當(dāng)您可以根據(jù)個人情況重新解釋它們時,事情才有意義。現(xiàn)在開始考慮該項目需要什么樣的數(shù)據(jù)。這將如何表示?用戶將如何與其交互?</p>

<h4>
  
  
  2.4 瀏覽器工具
</h4>

<p>您的編碼嘗試第一次就可以正常工作的可能性很小。  也許屏幕布局并不完全符合您的預(yù)期,或者 Web 應(yīng)用程序的邏輯可能存在問題。有時瀏覽器會顯示錯誤消息,但有時它只會坐著生悶氣。你如何解決這個問題?</p>

<p>好消息是,所有主流瀏覽器都有內(nèi)置的“檢查工具”,使您能夠調(diào)查這些問題。 “檢查器”為您提供有關(guān)瀏覽器對屏幕布局定義的解釋的內(nèi)部信息,并允許您監(jiān)視客戶端 JavaScript 指令的執(zhí)行。對于 Google Chrome,只需右鍵單擊瀏覽器屏幕并從顯示的彈出窗口中選擇“檢查”即可訪問此檢查工具。 </p>

<p>壞消息是,初次接觸時,該檢查工具會顯示出其菜單欄和可調(diào)整大小窗口的令人震驚的復(fù)雜性。但請接受我的保證,一旦您掌握了它的竅門,您就會發(fā)現(xiàn)這個工具使用起來很有趣,并且是跟蹤和解決問題的寶貴資源。您可以在 Google devtools 找到完整文檔。</p>

<p>關(guān)于布局問題,檢查器以圖形方式演示瀏覽器如何應(yīng)用確定顯示元素位置的各種“邊距”、“填充”和“寬度”參數(shù)。除此之外,它還提供了一個工具來嘗試適當(dāng)?shù)恼{(diào)整。</p>

<p>關(guān)于邏輯問題,檢查器使您能夠在 JavaScript 源代碼中設(shè)置“斷點”。完成這些后,刷新 Web 應(yīng)用程序?qū)⒃诘谝粋€斷點處停止執(zhí)行,并讓您查看該點處程序變量的值。然后,您可以選擇逐行執(zhí)行后續(xù)代碼或跳到下一個斷點</p>

<p>如果你的程序“崩潰”,檢查員會告訴你出了什么問題。</p><p>在早期,找出導(dǎo)致邏輯問題的原因的通常方法是添加“日志記錄”指令。這些將跟蹤程序的“控制流”并在檢查點顯示程序變量值。正如您可能想象的那樣,這是一個繁瑣的過程?,F(xiàn)在,當(dāng)我在瀏覽器中“檢查”一個網(wǎng)絡(luò)應(yīng)用程序時,就好像我打開了一塊瑞士手表的后蓋,發(fā)現(xiàn)它所有復(fù)雜的東西都在等待檢查。調(diào)試現(xiàn)在變得如此令人愉快,我?guī)缀跗诖业拇a中出現(xiàn)錯誤!</p>

<h4>
  
  
  2.5 斯維特套件
</h4>

<p>上面第 2.3 節(jié)中介紹的 Javascript 示例使用了一個丑陋的 document.getElementById("idName") 方法來訪問 Web 應(yīng)用程序的 DOM 并修改元素“idName”的屬性。像 Sveltekit 這樣的框架提供了更加友好和高效的 DOM 界面。它們使您能夠為常見任務(wù)編寫“有意義”的代碼,例如顯示和隱藏彈出窗口、顯示列表和創(chuàng)建瀏覽器選項卡歷史記錄。例如,一條 Svelte 語句表示“if popUpVisible displayPopup()”(盡管語法稍微嚴格一些),當(dāng) displayPopup 變量更改為 true 時,將使彈出窗口可見。</p>

<p>在初始開發(fā)過程中,該框架通過您在 IDE 終端會話中啟動的“本地服務(wù)器”運行。這具有神奇的效果,可以保持瀏覽器窗口在每次更改底層 Web 應(yīng)用程序代碼時自動更新和刷新。 </p>

<p>該框架還允許您指定 webapp 代碼的運行位置。例如,根據(jù)具體情況,讀取和寫入遠程存儲的語句最好在用戶瀏覽器中本地運行或在服務(wù)器上遠程運行。您目前可能對此不感興趣,但一旦您編寫認真的代碼,這就會變得很重要。在瀏覽器上運行的代碼很容易調(diào)試,但是,當(dāng)您必須應(yīng)對效率和安全問題時,您可能會很高興有機會運行“服務(wù)器端”。 Sveltekit 可讓您以特別優(yōu)雅的方式交付此類安排。</p>

<p>當(dāng)您準備好實現(xiàn)代碼時,框架的最后一步是“構(gòu)建”應(yīng)用程序的“打包”版本。這將執(zhí)行一系列步驟,將您的應(yīng)用程序編譯、捆綁和優(yōu)化為準備部署的“包”。這可確保部署的 Web 應(yīng)用程序盡可能小、快速且高效。</p>

<p>目前最流行的框架可能是Meta的React系統(tǒng)。它創(chuàng)建于 2010 年左右,旨在支持 Facebook 的發(fā)展。這個想法非常有效,以至于 Vue、Angular 和 Next.js 等競爭對手很快就出現(xiàn)了。 Sveltekit 是最新推出的產(chǎn)品之一,我在這里使用它是因為它特別容易使用。您可能有興趣注意到它在 Stack Overflow 的 2024 年開發(fā)者調(diào)查中獲得了良好的支持率</p><p><em>順便說一句,你可能會注意到我有時會談?wù)?Svelteki,然后似乎反常地切換到其他稱為 Svelte 的東西。 Svelte 是 svelte.dev 工程師創(chuàng)建的“語言”,用于“擴展”Javascript,使編寫高效的 Web 應(yīng)用程序變得更加容易。 Sveltekit 是創(chuàng)建 Svelte Web 應(yīng)用程序運行環(huán)境的框架。</em></p>

<h4>
  
  
  2.6 Firebase 和應(yīng)用程序引擎
</h4>

<p>完成 Web 應(yīng)用程序項目開發(fā)階段所需的一切都可以在一臺適度指定的臺式計算機上交付。但是,當(dāng)您想要將項目發(fā)布到預(yù)期的世界時,您將需要專業(yè)的“后端”Web 服務(wù)器的服務(wù)。這將:</p>

  • 提供一個“端點”(即網(wǎng)絡(luò)上的 URL),可以從該端點部署項目的可執(zhí)行文件以在瀏覽器中本地執(zhí)行。
  • 為您的項目數(shù)據(jù)提供基于網(wǎng)絡(luò)的中央存儲。最有可能的是,這將保存在結(jié)構(gòu)化數(shù)據(jù)庫中。
  • 提供快速、安全的環(huán)境來運行敏感的應(yīng)用程序元素。

在本課程中,您將使用:

  • Google 的“Firebase”應(yīng)用程序開發(fā)環(huán)境,可訪問“Firestore”工具,使您能夠使用簡單的結(jié)構(gòu)化數(shù)據(jù)庫
  • Google 的“App Engine”環(huán)境,用于部署 Web 應(yīng)用程序代碼并托管 SvelteKit 項目的“服務(wù)器端”元素的執(zhí)行。

由于您將從一開始就使用 Firestore,因此您需要首先創(chuàng)建一個 Firebase 帳戶。

過去,您可能會尋求“互聯(lián)網(wǎng)服務(wù)提供商”(例如 GoDaddy 或 HostPapa)來提供您的云服務(wù)。雖然這些服務(wù)仍然可以發(fā)揮作用,并且肯定會通過其服務(wù)臺為您提供出色的個性化支持,但云平臺為您當(dāng)前的目的提供了更好的全面包。

3. 現(xiàn)在繼續(xù)閱讀

本課程現(xiàn)在分兩個主要階段進行。第一個旨在讓您熟悉 HTML、Javascript、Firebase 和 Firestore 的基礎(chǔ)知識。如果您對這款游戲完全陌生,那么這里有很多東西需要學(xué)習(xí),并且很可能會感到困惑。預(yù)計要花一些時間在這上面?;c時間,多用您的 chatBot 導(dǎo)師。

完成此步驟后,第二階段將向您介紹 Sveltekit Web 應(yīng)用程序設(shè)計的一些更高級的元素。如果您成功完成此任務(wù),您將了解開發(fā)有用的網(wǎng)絡(luò)應(yīng)用程序所需的大部分內(nèi)容。

現(xiàn)在,我們出發(fā)吧。第一步是在本地計算機上安裝 SvelteKit 并讓自己習(xí)慣 Web 應(yīng)用程序開發(fā)技術(shù)。請參閱帖子 2.1 了解說明。

以上是NgSysV.A 年輕人人工智能時代系統(tǒng)開發(fā)指南的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本站聲明
本文內(nèi)容由網(wǎng)友自發(fā)貢獻,版權(quán)歸原作者所有,本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請聯(lián)系admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費脫衣服圖片

Undresser.AI Undress

Undresser.AI Undress

人工智能驅(qū)動的應(yīng)用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用于從照片中去除衣服的在線人工智能工具。

Clothoff.io

Clothoff.io

AI脫衣機

Video Face Swap

Video Face Swap

使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的代碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

功能強大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級代碼編輯軟件(SublimeText3)

垃圾收集如何在JavaScript中起作用? 垃圾收集如何在JavaScript中起作用? Jul 04, 2025 am 12:42 AM

JavaScript的垃圾回收機制通過標記-清除算法自動管理內(nèi)存,以減少內(nèi)存泄漏風(fēng)險。引擎從根對象出發(fā)遍歷并標記活躍對象,未被標記的則被視為垃圾并被清除。例如,當(dāng)對象不再被引用(如將變量設(shè)為null),它將在下一輪回收中被釋放。常見的內(nèi)存泄漏原因包括:①未清除的定時器或事件監(jiān)聽器;②閉包中對外部變量的引用;③全局變量持續(xù)持有大量數(shù)據(jù)。V8引擎通過分代回收、增量標記、并行/并發(fā)回收等策略優(yōu)化回收效率,降低主線程阻塞時間。開發(fā)時應(yīng)避免不必要的全局引用、及時解除對象關(guān)聯(lián),以提升性能與穩(wěn)定性。

如何在node.js中提出HTTP請求? 如何在node.js中提出HTTP請求? Jul 13, 2025 am 02:18 AM

在Node.js中發(fā)起HTTP請求有三種常用方式:使用內(nèi)置模塊、axios和node-fetch。1.使用內(nèi)置的http/https模塊無需依賴,適合基礎(chǔ)場景,但需手動處理數(shù)據(jù)拼接和錯誤監(jiān)聽,例如用https.get()獲取數(shù)據(jù)或通過.write()發(fā)送POST請求;2.axios是基于Promise的第三方庫,語法簡潔且功能強大,支持async/await、自動JSON轉(zhuǎn)換、攔截器等,推薦用于簡化異步請求操作;3.node-fetch提供類似瀏覽器fetch的風(fēng)格,基于Promise且語法簡單

JavaScript數(shù)據(jù)類型:原始與參考 JavaScript數(shù)據(jù)類型:原始與參考 Jul 13, 2025 am 02:43 AM

JavaScript的數(shù)據(jù)類型分為原始類型和引用類型。原始類型包括string、number、boolean、null、undefined和symbol,其值不可變且賦值時復(fù)制副本,因此互不影響;引用類型如對象、數(shù)組和函數(shù)存儲的是內(nèi)存地址,指向同一對象的變量會相互影響。判斷類型可用typeof和instanceof,但需注意typeofnull的歷史問題。理解這兩類差異有助于編寫更穩(wěn)定可靠的代碼。

JavaScript時間對象,某人構(gòu)建了一個eactexe,在Google Chrome上更快的網(wǎng)站等等 JavaScript時間對象,某人構(gòu)建了一個eactexe,在Google Chrome上更快的網(wǎng)站等等 Jul 08, 2025 pm 02:27 PM

JavaScript開發(fā)者們,大家好!歡迎閱讀本周的JavaScript新聞!本周我們將重點關(guān)注:Oracle與Deno的商標糾紛、新的JavaScript時間對象獲得瀏覽器支持、GoogleChrome的更新以及一些強大的開發(fā)者工具。讓我們開始吧!Oracle與Deno的商標之爭Oracle試圖注冊“JavaScript”商標的舉動引發(fā)爭議。Node.js和Deno的創(chuàng)建者RyanDahl已提交請愿書,要求取消該商標,他認為JavaScript是一個開放標準,不應(yīng)由Oracle

React與Angular vs Vue:哪個JS框架最好? React與Angular vs Vue:哪個JS框架最好? Jul 05, 2025 am 02:24 AM

選哪個JavaScript框架最好?答案是根據(jù)需求選擇最適合的。1.React靈活自由,適合需要高度定制、團隊有架構(gòu)能力的中大型項目;2.Angular提供完整解決方案,適合企業(yè)級應(yīng)用和長期維護的大項目;3.Vue上手簡單,適合中小型項目或快速開發(fā)。此外,是否已有技術(shù)棧、團隊規(guī)模、項目生命周期及是否需要SSR也都是選擇框架的重要因素??傊瑳]有絕對最好的框架,適合自己需求的就是最佳選擇。

什么是緩存API?如何與服務(wù)人員使用? 什么是緩存API?如何與服務(wù)人員使用? Jul 08, 2025 am 02:43 AM

CacheAPI是瀏覽器提供的一種緩存網(wǎng)絡(luò)請求的工具,常與ServiceWorker配合使用,以提升網(wǎng)站性能和離線體驗。1.它允許開發(fā)者手動存儲如腳本、樣式表、圖片等資源;2.可根據(jù)請求匹配緩存響應(yīng);3.支持刪除特定緩存或清空整個緩存;4.通過ServiceWorker監(jiān)聽fetch事件實現(xiàn)緩存優(yōu)先或網(wǎng)絡(luò)優(yōu)先等策略;5.常用于離線支持、加快重復(fù)訪問速度、預(yù)加載關(guān)鍵資源及后臺更新內(nèi)容;6.使用時需注意緩存版本控制、存儲限制及與HTTP緩存機制的區(qū)別。

立即在JavaScript中立即調(diào)用功能表達式(IIFE) 立即在JavaScript中立即調(diào)用功能表達式(IIFE) Jul 04, 2025 am 02:42 AM

IIFE(ImmediatelyInvokedFunctionExpression)是一種在定義后立即執(zhí)行的函數(shù)表達式,用于變量隔離和避免污染全局作用域。它通過將函數(shù)包裹在括號中使其成為表達式,并緊隨其后的一對括號來調(diào)用,如(function(){/code/})();。其核心用途包括:1.避免變量沖突,防止多個腳本間的命名重復(fù);2.創(chuàng)建私有作用域,使函數(shù)內(nèi)部變量不可見;3.模塊化代碼,便于初始化工作而不暴露過多變量。常見寫法包括帶參數(shù)傳遞的版本和ES6箭頭函數(shù)版本,但需注意:必須使用表達式、結(jié)

處理諾言:鏈接,錯誤處理和承諾在JavaScript中 處理諾言:鏈接,錯誤處理和承諾在JavaScript中 Jul 08, 2025 am 02:40 AM

Promise是JavaScript中處理異步操作的核心機制,理解鏈式調(diào)用、錯誤處理和組合器是掌握其應(yīng)用的關(guān)鍵。1.鏈式調(diào)用通過.then()返回新Promise實現(xiàn)異步流程串聯(lián),每個.then()接收上一步結(jié)果并可返回值或Promise;2.錯誤處理應(yīng)統(tǒng)一使用.catch()捕獲異常,避免靜默失敗,并可在catch中返回默認值繼續(xù)流程;3.組合器如Promise.all()(全成功才成功)、Promise.race()(首個完成即返回)和Promise.allSettled()(等待所有完成)

See all articles