博客 RSS 訂閱

wswx 頭像

goblin_pitcher - 數據結構算法小結

前言 解決問題思維方式 假設我們有一整套螺絲刀，要進行筆記本清灰操作，我們主要的思維邏輯如下： 若要清灰，必須先取出風扇 若要取出風扇，必須先把從外殼到風扇的螺絲全部拆下 那麼清灰問題就變成了拆一堆不同規格的螺絲，當我們看到不同規格的螺絲，就會比較螺絲口大小、形狀和螺絲刀規格，從而選取對應的螺絲刀。 可以看出，當我們遇到一個複雜問題，下意識的思維方式就是將一個複雜問題，轉移成我們熟知的一些

數據結構和算法 , 前端

收藏 評論

wswx 頭像

goblin_pitcher - 單調棧模板和適用範圍

刷力扣時，遇到關鍵詞：下一個更大/小的數這類題目時，往往會採用單調棧的解法，如每日温度 刷題最常見的問題就是，看到題解，感覺很精妙，但下次遇到一模一樣的題目時，往往知道思路，但寫不出代碼，有或者遇到類似的變體題目時，不會往這方面想。這兩種情況在之前的文章(數據結構算法小結)中提到過，分別有兩方面的原因： 對工具（如單調棧知識點）的特性（適用範圍）不明朗 對工具的原理沒有真正的理解 初學單調

數據結構和算法 , 前端 , Javascript

收藏 評論

xpoet 頭像

XPoet - 零基礎入門 JavaScript 算法

前言 提及算法，可能會有很多前端同學覺得這是一個距離自己日常工作較遠的領域，認為算法並沒有那麼重要。事實上，這種看法是片面的，算法不僅僅是計算機科學中的一個重要概念，在前端開發中也有着廣泛的應用和巨大的價值。 一個精心設計的算法可以大幅度提高應用的性能和效率，例如：如何在大量數據中快速找到指定信息、如何高效地處理用户輸入、如何在動畫效果中保持流暢的用户體驗、如何讓頁面加載更快、響應更靈敏等等場景，

算法 , 面試 , 數據結構和算法 , 前端 , Javascript

收藏 評論

chaochenyinshi 頭像

用户bPdd2O9 - 數據結構之美-深入理解樹形結構

一 認識樹形結構 樹形結構是一種廣泛應用的非線性數據結構，它在計算機科學和日常生活中都有廣泛的應用。比如文件系統，郵件系統，編譯器語法樹，決策樹，網絡通信，甚至機器學習當中，都有樹形數據結構的影子。本文旨在梳理日常用到的各類樹形結構以及其優點和劣勢，讓瀆者對樹形結構有一個深入的認知和了解。下面列舉幾類常見的樹形結構的應用場景。 1.1 文件系統 計算機中用於存儲和管理文件的一種系統，它使用樹形結構

數據結構 , 樹形結構 , 數據庫 , JAVA , 數據結構和算法

收藏 評論

sfbc 頭像

思否編程 - 小小算法，拿捏了🫴

如今，許多公司在招聘過程中越來越重視候選人的算法能力。無論是初創公司還是知名企業，筆試和麪試中幾乎都要經過算法和數據結構的考核。這不僅是為了評估候選人的編程能力，更是為了考查他們解決問題的思維方式。 即使你並不打算進入大公司，掌握算法依舊對你在 IT 行業的長期發展至關重要。算法不僅涉及編碼能力，它們還影響着系統設計、數據處理的效率和優化。隨着項目的複雜性增加，算法知識的重要性將愈加突出。 那麼，

學習 , 開發者 , 數據結構和算法

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！數組！用JavaScript學數據結構與算法

🧑‍💻JavaScript數據結構與算法-HowieCong 務必要熟悉JavaScript使用再來學！ 數組 在 JavaScript 中，數組是一種特殊的對象，用於存儲多個值的有序集合 1. 數組的創建 // 方括號+元素內容 const arr = [1,2,3] // 構造函數，等價於 const arr = [] const arr = new Array();

數據結構 , 算法 , segmentfault , 程序員 , 數據結構和算法

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！棧與隊列！用JavaScript學數據結構與算法

🧑‍💻JavaScript數據結構與算法-HowieCong 務必要熟悉JavaScript使用再來學！ 一、數組增刪操作 在瞭解棧和隊列前，明確數組中的增刪操作具有什麼樣的特性、對應的方法有哪些： 靈活增刪的數組 數組增加元素的三種方法： unshift方法，添加元素到數組的頭部

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！鏈表！用JavaScript學數據結構與算法

🧑‍💻JavaScript數據結構與算法-HowieCong 務必要熟悉JavaScript使用再來學！ 一、鏈表的基本形態 鏈表和數組都是有序的列表，都是線性結構（有且僅有一個前驅，有且僅有一個後續）；不同點在於，鏈表中，數據單位的名稱叫做“結點”，而結點和結點的分佈，在內存中都是離散的 1. 數組的“連續” 在內存中最為關鍵的一個特徵，就是對應一段位於自身上界和下界之間的，一段連

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！二叉樹！用JavaScript學數據結構與算法

🧑‍💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、樹是什麼？ 數據結構中的樹，對於現實世界中的樹簡化——樹根抽象為“根節點”，樹枝抽象為“邊”，樹枝的兩個端點抽象為“結點”，樹葉抽象為“葉子結點” 計算機中的樹如下： 二、樹的重點 樹的層次計算規則：根結點所在的那一層為第一層，其子節點為第二層，以此類推 結點和樹

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！二叉樹的遍歷！用JavaScript學數據結構與算法

🧑‍💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、遍歷的方式 按照順序規則的不同，遍歷方式有如下四種： 先序遍歷 中序遍歷 後序遍歷 層次遍歷 按照實現方式的不同，遍歷方式又可以分為以下兩種： 遞歸遍歷（先，中，後序遍歷） 迭代遍歷（層次遍歷） 二

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！時間複雜度和空間複雜度！用JavaScript學數據結構與算法

🧑‍💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、時間複雜度 （1）下面代碼，一共執行了幾次？ function traverse(arr){ // 最沒有懸念的是函數裏面的第一行代碼，只會被執行1次 var len = arr.length // 1. i的初始化語句，只有一次，只會被執行1次 //

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！數組實戰-雙指針！用JavaScript學數據結構與算法

🧑‍💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、兩數求和——Map 原題: 給定一個整數數組 nums 和一個目標值 target，請你在該數組中找出和為目標值的那 兩個 整數，並返回他們的數組下標。你可以假設每種輸入只會對應一個答案。但是，你不能重複利用這個數組中同樣的元素。 示例： 給定 nums = [2, 7, 1

數據結構 , 算法 , 程序員 , 數據結構和算法 , Javascript

收藏 評論

howiecong 頭像

HowieCong - 刷題前必學！鏈表實戰！用JavaScript學數據結構與算法

🧑‍💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、鏈表三種方向 鏈表的處理：合併、刪除等（刪除操作畫個記號） 鏈表的反轉及其衍生題目 鏈表成環問題及其衍生題目 二、鏈表的合併 原題： 將兩個有序鏈表合併為一個新的有序鏈表並返回。新鏈表是通過拼接給定的兩個鏈表的所有結點組成的。 示例： 輸入：1-2-4, 1-3-4

數據結構 , 算法 , segmentfault , 數據結構和算法 , Javascript

收藏 評論

weidelanqiu 頭像

下一個絕世 - 2025 年熱門 CRM 軟件：10 款首選產品

2025年熱門CRM軟件：10款首選產品 在數字化浪潮的推動下，CRM軟件已成為企業提升客户滿意度和推動增長的關鍵工具。CRM的選擇對業務績效具有至關重要的影響，因此瞭解最新趨勢和市場最佳選擇是每個企業必須重視的工作。本文將為您呈現2025年市場上十大熱門CRM軟件，助您找到最適合的解決方案。 Zoho CRM Zoho CRM憑藉其靈活性和豐富的功能集在全球範圍內廣受歡迎。它提供了

數據結構和算法 , 分析

收藏 評論

xboxyan 頭像

XboxYan - 快速瞭解 inert 屬性

歡迎關注我的公眾號：前端偵探 介紹一個全新的、和用户行為息息相關的屬性：inert。 HTMLElement.inert - Web APIs | MDN (mozilla.org) 有了這個屬性，可以更加輕易地控制很多交互行為，花幾分鐘瞭解一下吧 一、inert 是什麼？ inert是 HTMLElement 的一個布爾屬性，意為"惰性"，簡單來説，可以禁用一切交互，包括鼠標點擊、選中、拖

dom , Css , HTML , 前端 , html5

收藏 評論

qq15725 頭像

weng - dom-vcr - 使用 HTML5 canvas 和 SVG 從 DOM 節點生成視頻或 GIF

📦 安裝 npm i dom-vcr 🦄 使用 錄製 2s 生成 4 幀 GIF 需要安裝 gif.js import { createVcr } from 'dom-vcr' import GIF from 'gif.js' const dom = document.querySelector('#app') const vcr = createVcr(dom, { interv

dom , gif , typescript

收藏 評論

zzd41 頭像

superZidan - 瀏覽器工作原理

瀏覽器（也稱為網絡瀏覽器或互聯網瀏覽器）是安裝在我們設備上的軟件應用程序，使我們能夠訪問萬維網。在閲讀這篇文字時，你實際上正在使用一個瀏覽器。 有許多瀏覽器正在被使用，截至2022年，使用最多的是：谷歌瀏覽器、蘋果的Safari、微軟的Edge和火狐。 但是，它們實際上是如何工作的，從我們在地址欄中鍵入網絡地址開始，到我們試圖訪問的頁面顯示在屏幕上，會發生什麼？ 關於這個問題的答案，一個極其簡化的

渲染 , dom , 瀏覽器 , cssom , webkit

收藏 評論

tianmiaogongzuoshi_5ca47d59bef41 頭像

天渺工作室 - js用前綴名查找class或id節點,js模糊查詢某個dom節點

js在操作dom的場景中，有時候會有類似的場景需求。 js用前綴名查找class節點 // 參數dom為html dom節點 // 參數key為需模糊查詢的名稱字段 function queryClassNode(dom, key) { let collectArray = []; for (var i = 0; i dom.childNodes.length; i++) {

dom , 前端 , Javascript

收藏 評論

bianchengshijie 頭像

編程世界 - DOM動畫效果怎麼做

JavaScript 是世界上最流行的腳本語言。 JavaScript 是屬於 web 的語言，它適用於 PC、筆記本電腦、平板電腦和移動電話。 JavaScript 被設計為向 HTML 頁面增加交互性。 許多 HTML 開發者都不是程序員，但是 JavaScript 卻擁有非常簡單的語法。幾乎每個人都有能力將小的 JavaScript 片段添加到網頁中。下面給大家分享下JavaScript教程

dom

收藏 評論

alijishu 頭像

阿里雲開發者 - 學習HTML DOM筆記

HTML DOM 簡介 HTML DOM 定義了訪問和操作 HTML 文檔的標準。 什麼是 DOM？ DOM 是 W3C（萬維網聯盟）的標準。 DOM 定義了訪問 HTML 和 XML 文檔的標準： "W3C 文檔對象模型 （DOM） 是中立於平台和語言的接口，它允許程序和腳本動態地訪問和更新文檔的內容、結構和樣式。" W3C DOM 標準被分為 3 個不同的部分： • 核心 D

dom , xml , HTML

收藏 評論

musicfe 頭像

雲音樂技術團隊 - 社交直播遊戲場景前端解決方案專欄（一）：關於Alice.js的起點

本文作者：QHC 前言： 長久以來，傳統前端的工作大多時候在與DOM打交道，近年來，瀏覽器廠商也在不斷努力提高DOM渲染性能，以提高用户體驗。但是更多複雜場景的出現，例如近幾年隨着在線直播、社交娛樂、各種小遊戲的火爆，前端性能的關注度持續提高。特別是遊戲場景，而我們團隊也面臨着一大波h5遊戲化場景，那麼這個系列文章，將帶讀者朋友們一起了解，雲音樂社交直播業務的遊戲化場景解決方案的整體思路與落地案例

dom , canvas , 前端

收藏 評論

momo707577045 頭像

momo707577045 - 純js、v-for、vue函數式組件、vue普通組件性能對比

先説結論 dom 節點數量對內存影響沒想象中大，js 變量才是內存佔用的元兇 內存佔用及運行性能對比：原生 js v-for div ≈ v-for 函數式組件 v-for 普通組件 去虛擬 dom 化框架正在崛起，成為一種新的選擇 dom 節點數量對內存影響沒想象中大（十萬 div 僅佔用 400mb） 測試示例 生成 100,000（十萬）個 div，內存佔用僅

vue.js , dom , 性能分析 , 性能

收藏 評論

zzd41 頭像

superZidan - React 18 如何提升應用性能

hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 React 18 如何提升應用性能 這個話題，如果大家遇到任何問題，歡迎 聯繫我 React 18 引入了併發功能，從根本上改變了 React 應用程序的渲染方式。 我們將探討這些最新功能如何影響和提高應用程序的性能 首先，讓我們退一步來了解長任務的基礎知識和相應的性能測量 主線程和長任務 當我們在瀏覽器運行 JavaScrip

性能優化 , react , chrome , dom , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 解析$nextTick魔力，為啥大家都愛它？

1.為什麼需要使用$nextTick? 首先我們來看看官方對於$nextTick的定義: 在下次 DOM 更新循環結束之後執行延遲迴調。在修改數據之後立即使用這個方法，獲取更新後的 DOM。 由於vue的試圖渲染是異步的，生命週期的created()鈎子函數進行的DOM操作一定要放在Vue.nextTick()的回調函數中，原因是在created()鈎子函數執行的時候DOM其實並未進行渲染，而此時

vue.js , dom , 前端 , Javascript

收藏 評論