hatGPT重磅更新，內容全在這里。

GPT4不再是世界上最先進的模型了。大家好我是一文老師，沒錯從今天開始最先進的模型就是GPT4Turbo了，它會在今天晚些時候全量更新，所有plus用戶都可以用到它了。很久沒看過一場和iPhone4發布會一樣讓我震撼的發布會了。這次chatGPT的發布會讓我很震撼，GPT4現在擁有1億的周活躍用戶，如果你還沒有用過那就趕快加入吧。

GPT-4 Turbo今天在頁面和API都會更新，它有六大特點：

·第一、context length也就是上下文長度將從原來的8K的基礎上提高16倍，它將支持18800個tokens的上下文，也就是相當于一本300頁的書，它在長文本的處理上會更準確。

·第二、對于開發者提供了更多模式，讓開發者在使用中可以擁有更靈活的控制，比如H2O mode還有reproducible mode，而且可以通過API獲取日志。

·第三、更好的世界知識，知識更新為截至2023年4月，你還可以使用外部的文檔或者數據庫定制化知識結構，這些可以用來作為智能客服、智能助手等。

·第四、API可以訪問更多的模型，包括DALL3擁有視覺能力的GPT4Turbo以及非常真實的文本轉聲音能力，相信大家都已經體驗過GPT的聲音有多自然了。那么從今天開始開發者們可以使用這項能力了。這意味著在一些語言學習聲音助手、家教或者心理咨詢等APP中，可以借助他的文本轉聲音能力，讓用戶可以聽到更真實自然的聲音。

·第五、定制化的模型，支持企業定制自己獨有的模型，融合Al和UI，融合AI和企業內部工作讓企業更智能。

·第六、對開發者來說更便宜，同樣的任務，輸出TOKEN減少為GPT4的1/2，也更便宜，綜合能節省36%的費用。

對于普通用戶今天也會全量上線GPT4Turbo新模型，它更智能響應速度更快。而且現有的DALL、訪問網絡、圖片識別、advanced data analysis等這些都將融合在一起，你可以在一個會話窗口中使用這些能力。這不是簡單的1+1意味著你可以綜合使用這些能力。

比如上傳一張圖片讓它生成一個類似風格、類似形象或類似構圖的圖片等等，意味著可以從網絡獲取最新的信息，用來做數據分析、文本生成或者圖像生成等工作。如何使用大家可以發揮腦洞充分開發它的應用潛力。發布會最后提到了GPT未來如何發展？我們希望的是它可以根據我們的指令做更多的事情，比如根據我們的指令發消息、發視頻、編輯視頻打電話、寫一個電腦或手機上的APP等等。

而不是局限在一個網頁中。這樣的能力在人工智能領域叫做代理agent，即在人類的指令下代理人類做更多的事情。發布了三個重磅的產品和方向。

·第一是GPTS，可以理解成手機的應用市場。在GPTS可以找到各種定制化的GPT。當然每個人都可以定制GPT自己用或者分享給別人用，也會為有價值的GPT提供傭金。

定制GPT不需要會代碼，用自然語言就可以定制，可以上傳文檔給GPT進行深度定制。比如我是AI博主，我可以將AI工具的知識整理成文檔上傳到GPT，定制出一個叫做一文老師的GPT。發布后大家就可以在GPTS中找到用對話的方式獲取我對AI工具的知識，幫助你更容易學會AI工具。

·第二是智能助手，企業可以定制自己網站的智能助手。大家瀏覽網站時不想點擊這里點擊那里可以直接說出需求，網站會根據需求自動響應。對于個人也可以定制自己的助手，在手機或者電腦上運行，讓他發郵件查日歷等各種操作。

·第三是工作流集成，GPTGPT與現有的工作流集成公司合作，可以讓GPT擁有發郵件、發視頻、查看消息等能力，你不再需要切換不同的APP完成工作，只需要和GPT溝通即可。

工作流集成國外有Zapier，國內有極簡云等公司在做，可以去了解一下GPT-4 Turbo。我再發布深度用法到粉絲群，帶你打開GPT4 Turbo的使用腦洞，大家可以在粉絲群自取。

件循環機制:

多進程和多線程

1. 進程：程序的一次執行, 它占有一片獨有的內存空間

2. 線程： CPU的基本調度單位, 是程序執行的一個完整流程

3. 進程與線程

* 一個進程中一般至少有一個運行的線程: 主線程

* 一個進程中也可以同時運行多個線程, 我們會說程序是多線程運行的

* 一個進程內的數據可以供其中的多個線程直接共享

* 多個進程之間的數據是不能直接共享的

4. 瀏覽器運行是單進程還是多進程?

* 有的是單進程

* firefox

* 老版IE

* 有的是多進程

* chrome

* 新版IE

5. 如何查看瀏覽器是否是多進程運行的呢?

* 任務管理器==>進程

6. 瀏覽器運行是單線程還是多線程?

* 都是多線程運行的

js是單線程的

1. 如何證明js執行是單線程的?

* setTimeout()的回調函數是在主線程執行的

* 定時器回調函數只有在運行棧中的代碼全部執行完后才有可能執行

2. 為什么js要用單線程模式, 而不用多線程模式?

* JavaScript的單線程，與它的用途有關。

* 作為瀏覽器腳本語言，JavaScript的主要用途是與用戶互動，以及操作DOM。

* 這決定了它只能是單線程，否則會帶來很復雜的同步問題

3. 代碼的分類:

* 初始化代碼（同步代碼）

* 回調代碼

4. js引擎執行代碼的基本流程

* 先執行初始化代碼: 包含一些特別的代碼

* 設置定時器

* 綁定監聽

* 發送ajax請求

* 后面在某個時刻才會執行回調代碼

同步 異步執行順序：

同步 同步執行完成才會去執行異步

異步 只要是異步的任務都會有自己的管理模塊進行托管

異步任務： （分為：微任務 、宏任務）

回調

事件

定時器

ajax

生命周期回調函數

常見的微任務有：

1. Promise的.then.catch等方法
2. Promise.resolve().then()以及其他通過Promise.resolve()創建的Promise的.then()方法、
3. Object.observe回調

常見的宏任務有：

1. 定時器，比如setTimeout、setInterval、setImmediate等
2. 調用DOM API時的回調函數，比如addEventListener中的回調函數
3. requestAnimationFrame
4. I/O 操作

注意：在微任務執行之后再執行宏任務。

事件循環模型

1. 所有代碼分類

* 初始化執行代碼(同步代碼): 包含綁定dom事件監聽, 設置定時器, 發送ajax請求的代碼

* 回調執行代碼(異步代碼): 處理回調邏輯

2. js引擎執行代碼的基本流程:

* 初始化代碼===>回調代碼

3. 模型的2個重要組成部分:

* 事件管理模塊

* 回調隊列

4. 模型的運轉流程

* 執行初始化代碼, 將事件回調函數交給對應模塊管理

* 當事件發生時, 管理模塊會將回調函數及其數據添加到回調列隊中

* 只有當初始化代碼執行完后(可能要一定時間), 才會遍歷讀取回調隊列中的回調函數執行

事件循環的理解：

理解：JavaScript事件執行隊列：

將所有js事件依次放在一個執行隊列里：

1.首先放入同步（事件）

2.再放入異步微任務（事件） 如：.then .catch 里的回調

3.再放入異步宏任務（事件） 如： 點擊事件、setTimeout定時器

4.執行完以上事件 會進行一次GUI渲染。

GUI渲染線程負責渲染瀏覽器界面HTML元素,當界面需要重繪(Repaint)或由于某種操作引發回流(reflow)時，該線程就會執行。

5.事件循環:

執行到異步微任務的時候 里面的回調一樣會按順序執行：

1.同步（事件）

2.異步微任務（事件）

3.再異步宏任務

4.再進行一次GUI渲染。

再執行到異步宏任務的時候 里面的回調一樣會按順序執行

1.同步（事件）

2.異步微任務（事件）

3.再異步宏任務

4.再進行一次GUI渲染。

最終完成事件的循環。

代碼示例說明執行機制：

setTimeout(()=> {
  // 異步宏任務代碼
  console.log(`執行定時器setTimeout`);
}, 0)

new Promise(resolve=> {
  console.log(`執行Promise的resolve`); // 同步代碼1
  resolve(1)
}).then((val)=> {
  // 異步微任務代碼
  console.log(`執行Promise的then-${val}`);
})

for (let index=0; index < 10; index++) {
  // 同步代碼2
  console.log(`執行for循環${index}`);
}

打印結果：

最終執行結果：

1 Promise的resolve 同步代碼1 先執行

2 for循環 同步代碼2 再執行 （無論循環多少次 都是同步代碼就會比異步先執行）

3 then的回調 再執行 異步微任務代碼 （異步中微任務 比 宏任務 先執行）

4 setTimeout 再執行 異步宏任務代碼

歡迎關注我的原創文章：小伙伴們！我是一名熱衷于前端開發的作者，致力于分享我的知識和經驗，幫助其他學習前端的小伙伴們。在我的文章中，你將會找到大量關于前端開發的精彩內容。

學習前端技術是現代互聯網時代中非常重要的一項技能。無論你是想成為一名專業的前端工程師，還是僅僅對前端開發感興趣，我的文章將能為你提供寶貴的指導和知識。

在我的文章中，你將會學到如何使用HTML、CSS和JavaScript創建精美的網頁。我將深入講解每個語言的基礎知識，并提供一些實用技巧和最佳實踐。無論你是初學者還是有一定經驗的開發者，我的文章都能夠滿足你的學習需求。

此外，我還會分享一些關于前端開發的最新動態和行業趨勢?；ヂ摼W技術在不斷發展，新的框架和工具層出不窮。通過我的文章，你將會了解到最新的前端技術趨勢，并了解如何應對這些變化。

我深知學習前端不易，因此我將盡力以簡潔明了的方式解釋復雜的概念，并提供一些易于理解的實例和案例。我希望我的文章能夠幫助你更快地理解前端開發，并提升你的技能。

如果你想了解更多關于前端開發的內容，不妨關注我的原創文章。我會不定期更新，為你帶來最新的前端技術和知識。感謝你的關注和支持，我們一起探討交流技術共同進步，期待與你一同探索前端開發的奇妙世界！

#2023年度創作挑戰#

人網頁已經成為展示自己技能和更好地傳達信息的有力工具，個人網頁設計關鍵是堅持自己的風格，充分展示自己的專業技能，選擇合適的顏色、排版、圖片和視頻，簡化設計，與互聯網趨勢同步，獨特的個人網頁設計可以幫助個人在競爭激烈的數字市場中脫穎而出，吸引人們的注意力。

確定自己的風格

一個出色而獨特的個人網頁需要創建自己的風格，這可以是一個個人的標志，也可以是一種獨特的設計風格。

在開始設計之前，你應該首先接近你的個性、偏好或專業領域，并確定個人網頁的風格，以幫助你更好地表達自己，更好地展示你真實的自己。

顏色與排版的搭配

顏色和排版是所有網頁設計中最基本和最重要的元素之一。

當你確定你的網頁的風格時，你應該考慮的下一件事是顏色和排版的搭配，以及如何使用顏色和排版來突出個人網頁的獨特性和個性特征。

對于顏色的使用，你可以選擇柔和或明亮，但必須符合主題和整體風格。

對于排版設計，您可以選擇自己獨特的字體、排版形式或插入圖片等，以創建一個獨特的個人網頁。

使用圖片和視頻

你可以通過選擇漂亮的圖片和視頻來吸引用戶的注意，但也可以讓用戶更好地了解自己。

因此，在選擇圖片和視頻時，你應該選擇符合主題和整體風格的材料來為網頁注入活力。

同時，不要忘記使用圖片和視頻來輕松地展示你的個人才能、技能和文化，這可以使你的個人網頁更加生動和可讀。

設計簡潔明了

簡潔明了的設計是良好UI設計的重要目的。

如果你的網頁設計太復雜，用戶會不知道從哪里開始，最終失去興趣。

因此，在設計個人網頁時，要注意網頁的整體結構布局、清晰的排版和優化的質量，避免過度的裝飾和過多的插圖。

相反，要保證網頁簡潔易懂，讓人輕松找到自己想要的內容，更好地展現自己的個人特色。

與互聯網潮流同步

設計一個時尚的個人網頁不僅要考慮個人的風格、偏好和表達形式，還要與互聯網的趨勢保持同步。

除了了解自己的喜好和興趣外，還要關注市場的流行趨勢和當前前沿的網頁設計趨勢，還要跟上時代的步伐，界面的設計應該符合當前人們的審美觀點，而不是過時和僵化的設計。

來源

https://yncaili.com/22997.html