貢獻者369
粉絲0
本期技術週刊一起了解 Javascript，歡迎大家閲讀 ～ 文章推薦 淺談 Javascript 閉包 // magnesium 閉包的概念是有很多版本，不同的地方對閉包的説法不一 維基百科：在計算機科學中，閉包（英語：Closure），又稱詞法閉包（Lexical Closure）或函數閉包（function closures），是在支持頭等函數的編程語言中實現詞法綁定的一種技術。 MD
昵稱 鹹口鍋包肉
刷力扣時，遇到關鍵詞：下一個更大/小的數這類題目時，往往會採用單調棧的解法，如每日温度 刷題最常見的問題就是，看到題解，感覺很精妙，但下次遇到一模一樣的題目時，往往知道思路，但寫不出代碼，有或者遇到類似的變體題目時，不會往這方面想。這兩種情況在之前的文章(數據結構算法小結)中提到過，分別有兩方面的原因： 對工具（如單調棧知識點）的特性（適用範圍）不明朗 對工具的原理沒有真正的理解 初學單調
昵稱 goblin_pitcher
前言 提及算法，可能會有很多前端同學覺得這是一個距離自己日常工作較遠的領域，認為算法並沒有那麼重要。事實上，這種看法是片面的，算法不僅僅是計算機科學中的一個重要概念，在前端開發中也有着廣泛的應用和巨大的價值。 一個精心設計的算法可以大幅度提高應用的性能和效率，例如：如何在大量數據中快速找到指定信息、如何高效地處理用户輸入、如何在動畫效果中保持流暢的用户體驗、如何讓頁面加載更快、響應更靈敏等等場景，
昵稱 XPoet
🧑💻JavaScript數據結構與算法-HowieCong 務必要熟悉JavaScript使用再來學！ 一、數組增刪操作 在瞭解棧和隊列前，明確數組中的增刪操作具有什麼樣的特性、對應的方法有哪些： 靈活增刪的數組 數組增加元素的三種方法： unshift方法，添加元素到數組的頭部
昵稱 HowieCong
🧑💻JavaScript數據結構與算法-HowieCong 務必要熟悉JavaScript使用再來學！ 一、鏈表的基本形態 鏈表和數組都是有序的列表，都是線性結構（有且僅有一個前驅，有且僅有一個後續）；不同點在於，鏈表中，數據單位的名稱叫做“結點”，而結點和結點的分佈，在內存中都是離散的 1. 數組的“連續” 在內存中最為關鍵的一個特徵，就是對應一段位於自身上界和下界之間的，一段連
昵稱 HowieCong
🧑💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、樹是什麼？ 數據結構中的樹，對於現實世界中的樹簡化——樹根抽象為“根節點”，樹枝抽象為“邊”，樹枝的兩個端點抽象為“結點”，樹葉抽象為“葉子結點” 計算機中的樹如下： 二、樹的重點 樹的層次計算規則：根結點所在的那一層為第一層，其子節點為第二層，以此類推 結點和樹
昵稱 HowieCong
🧑💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、遍歷的方式 按照順序規則的不同，遍歷方式有如下四種： 先序遍歷 中序遍歷 後序遍歷 層次遍歷 按照實現方式的不同，遍歷方式又可以分為以下兩種： 遞歸遍歷（先，中，後序遍歷） 迭代遍歷（層次遍歷） 二
昵稱 HowieCong
🧑💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、時間複雜度 （1）下面代碼，一共執行了幾次？ function traverse(arr){ // 最沒有懸念的是函數裏面的第一行代碼，只會被執行1次 var len = arr.length // 1. i的初始化語句，只有一次，只會被執行1次 //
昵稱 HowieCong
🧑💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、兩數求和——Map 原題: 給定一個整數數組 nums 和一個目標值 target，請你在該數組中找出和為目標值的那 兩個 整數，並返回他們的數組下標。你可以假設每種輸入只會對應一個答案。但是，你不能重複利用這個數組中同樣的元素。 示例： 給定 nums = [2, 7, 1
昵稱 HowieCong
🧑💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、鏈表三種方向 鏈表的處理：合併、刪除等（刪除操作畫個記號） 鏈表的反轉及其衍生題目 鏈表成環問題及其衍生題目 二、鏈表的合併 原題： 將兩個有序鏈表合併為一個新的有序鏈表並返回。新鏈表是通過拼接給定的兩個鏈表的所有結點組成的。 示例： 輸入：1-2-4, 1-3-4
昵稱 HowieCong
js在操作dom的場景中，有時候會有類似的場景需求。 js用前綴名查找class節點 // 參數dom為html dom節點 // 參數key為需模糊查詢的名稱字段 function queryClassNode(dom, key) { let collectArray = []; for (var i = 0; i dom.childNodes.length; i++) {
@tianmiaogongzuoshi_5ca47d59bef41
昵稱 天渺工作室
hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 React 18 如何提升應用性能 這個話題，如果大家遇到任何問題，歡迎 聯繫我 React 18 引入了併發功能，從根本上改變了 React 應用程序的渲染方式。 我們將探討這些最新功能如何影響和提高應用程序的性能 首先，讓我們退一步來了解長任務的基礎知識和相應的性能測量 主線程和長任務 當我們在瀏覽器運行 JavaScrip
昵稱 superZidan
1.為什麼需要使用$nextTick? 首先我們來看看官方對於$nextTick的定義: 在下次 DOM 更新循環結束之後執行延遲迴調。在修改數據之後立即使用這個方法，獲取更新後的 DOM。 由於vue的試圖渲染是異步的，生命週期的created()鈎子函數進行的DOM操作一定要放在Vue.nextTick()的回調函數中，原因是在created()鈎子函數執行的時候DOM其實並未進行渲染，而此時
昵稱 京東雲開發者
不知道你有沒有在控制枱見到過類似這樣的輸出 我們會發現，同樣都是獲取元素的代碼，為啥一個是NodeList，一個是HTMLCollection。 那麼這倆是啥？又有啥區別，本篇文章我們就聊聊這個。 NodeList NodeList對象是節點的集合(類數組)。通常是由屬性，如Node.childNodes 和 方法（如document.querySelectorAll） 返回的
昵稱 aqiongbei
在開始講閉包之前，我們需要理解作用域和作用域鏈 作用域鏈 什麼是作用域鏈？ 我們先看一段代碼 function bar(){ console.log(myName) } function foo(){ var myName='崔斯特' bar() } var myName='卡牌大師' foo() 當我們看到這個題目的時候，我們會想到用執行上下文去分析，當執行到bar函數時
昵稱 我叫崔斯特
本文將帶你用正確姿勢看待JavaScript閉包。 在 JavaScript 中閉包描述的是 function 中 外層作用域的變量 被內層作用域 引用的場景，閉包的結構為 內層作用域 保存了 外層作用域的變量。 要理解閉包，首先要知道 JS詞法作用域 是如何工作的。 JS詞法作用域(lexical scoping) 來看這段代碼： let name = 'John'; function gre
昵稱 來了老弟
在理解閉包之前，需要先來了解幾個概念，上下文、作用域鏈、活動對象、變量對象： 上下文：函數的上下文決定了他們可以訪問哪些數據，以及他們的行為。全局上下文是最外層的上下文，當代碼執行流進入到函數時，函數的上下文被推到上下文棧上，當函數執行完之後，上下文棧會彈出該函數上下文。 作用域鏈：上下文中代碼執行的時候會創建作用域鏈，它決定了各級上下文中代碼訪問變量或函數的順序。代碼正在執行的上下文變量對
昵稱 很白的小白
概述 閉包就是指有權訪問另一個函數作用域中的變量的函數 概念 機制 當前函數執行，會形成一個私有的上下文，函數執行完後，當前執行上下文中的某些內容，被當前上下文以外的內容所佔用，那麼當前上下文就不能被釋放。 思路 函數執行 - 形成私有上下文環境。 函數執行完成 - 當前執行上下文環境中的某些內容，被當前執行上下文外的內容所引用。 當前執行上下文不能被釋放 - 當前執行上下文中的變量就不會
昵稱 四冥
這是上月面試碰到的一道面試題，作為一個有着十年開發經驗七年前端經驗的大齡青年，碰到這種沒有一點鋪墊的八股文，真的只想説一句毀滅吧。 記得以前剛做前端不久的時候，就在百度搜閉包，大多搜到的結果都説的是閉包是什麼樣子的，比如説在函數外部可以訪問到函數內部的變量，又或者説閉包會導致什麼問題，比如會影響GC回收。總之沒什麼標準説法，就好像現在網上的吐槽，你背面試題沒用，得和麪試官背的同一套才行，但是天知道
昵稱 beckyyyy
微信公眾號搜索並關注：進二開物， 更多技術週刊，React 技術棧、JavaScript/TypeScript/Rust 等等編程語言慢慢等你發現... 什麼是閉包？ 閉包的概念是有很多版本，不同的地方對閉包的説法不一 維基百科：在計算機科學中，閉包（英語：Closure），又稱詞法閉包（Lexical Closure）或函數閉包（function closures），是在支持頭等函數的
昵稱 進二開物
1. 可變性 在 JavaScript 中有七種基本數據類型（string、number、boolean、undefined、symbol、bigint 和 null），這些都是不可變的。這意味着一旦分配了一個值，我們就無法修改它們，我們可以做的是將它重新分配給一個不同的值（不同的內存指針）。另一方面，其他數據類型（如 Object 和 Function）是可變的，這意味着我們可以修改同一內存指
昵稱 破曉L
閉包是指在一個函數內部創建另一個函數，並且內部函數可以訪問外部函數的變量、參數以及其他內部函數，即使外部函數已經執行完畢。這種機制使得內部函數保留了對外部作用域的引用，即使外部作用域已經不再活躍。 為什麼閉包重要？ 閉包在 JavaScript 中具有重要的用途和價值。它們可以用於創建私有變量、封裝邏輯、避免全局污染等方面。另外，閉包還允許你在函數之外操作局部變量，從而為代碼提供更大的靈活性和可
昵稱 Apifox
hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 React 中的閉包 這個話題，如果大家遇到任何問題，歡迎 聯繫我 JavaScript 中的閉包一定是最可怕的特性之一。 即使是無所不知的 ChatGPT 也會告訴你這一點。 它也可能是最隱秘的語言概念之一。 每次編寫任何 React 代碼時，我們都會用到它，大多數時候我們甚至沒有意識到。 但最終還是無法擺脱它們：如果我們想編
昵稱 superZidan
介紹 JavaScript中的閉包是一種強大的概念，它允許我們在函數內部創建和訪問私有變量，並且可以在函數外部繼續使用這些變量。理解閉包的工作原理對於編寫高質量的JavaScript代碼至關重要。本文將深入探討JavaScript閉包的機制，並結合最佳實踐和代碼示例進行詳細説明。 什麼是閉包？ 閉包是指函數能夠訪問並操作其詞法作用域外部的變量的能力。當一個函數內部定義了另一個函數，並且內部函數引用
昵稱 jungang
