收藏 / 列表

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：Map.groupBy() 分組操作

ECMAScript 2024 (ES15) 引入了一個極具潛力的新特性：Map.groupBy()，它大大簡化了數據分組的操作。無論是在處理數組、對象，還是更復雜的業務邏輯中，分組操作都是開發中常見的需求。本文將通過詳細的技術案例和代碼展示，為你剖析 Map.groupBy() 的強大之處。 什麼是 Map.groupBy()？ Map.groupBy() 是 JavaScript 新增的靜態

ecmascript , 前端 , Javascript

beckyyyy 頭像

beckyyyy - 閉包是什麼，有什麼用途

這是上月面試碰到的一道面試題，作為一個有着十年開發經驗七年前端經驗的大齡青年，碰到這種沒有一點鋪墊的八股文，真的只想説一句毀滅吧。 記得以前剛做前端不久的時候，就在百度搜閉包，大多搜到的結果都説的是閉包是什麼樣子的，比如説在函數外部可以訪問到函數內部的變量，又或者説閉包會導致什麼問題，比如會影響GC回收。總之沒什麼標準説法，就好像現在網上的吐槽，你背面試題沒用，得和麪試官背的同一套才行，但是天知道

閉包 , 面試問題 , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - 從底層到實踐：深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上，通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時，Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

dirackeeko 頭像

DiracKeeko - [React] [Vue] 從vue切換到react 組件的封裝和使用

在組件封裝上，兩個框架差的不遠。 在Vue中封裝組件，用插槽的方式子組件中寫好具名插槽的位置和樣式，在父組件中通過插槽名傳入html和js邏輯 部分。 在react中封裝組件，區別於Vue的地方在於，Vue中有插槽這個語法，而react中沒有。在react中的html和js邏輯部分的傳遞都需要藉由屬性組件的屬性(Props)來完成。 (在Vue中插槽傳值，在react中屬性傳值) 此外，Vue中組

react , vue.js , 組件通信 , 組件封裝 , 前端

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象：sessionStorage 和 localStorage，它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據：getItem() 方法。 增改-添加、修改數據：setItem() 方法。 刪-刪除數據：removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 4.3 React Tricks

react tricks 編輯中。。。 React 自身提供的 API 並不多，但總有一些比較 trick 的 API 和點是平時可能忽略的，本節將列舉一下相關的點。 setState setState function param setState 延遲 ref ref as funct

leanreact

_607c00baa52ff 頭像

懟懟 - 【vue】虛擬DOM與Diff算法

虛擬DOM與Diff算法 虛擬DOM snabbdom Vue中的Diff算法 1 虛擬DOM 概述 VNode 1.1 概述 原生DOM為我們提供了一些獲取DOM元素以及操作DOM元素的API，可以對DOM元素進行增刪改查。 複雜的頁面狀態維護需要提前寫好大量的DOM操作，會造成狀態很難維護，代碼的邏輯也很混亂。 所以我們會使用數據驅動的方式進行視圖更新 - 數據與

vue.js , 虛擬dom , virtual-dom , diff

mecode 頭像

賀公子 - 深度使用AI編程工具

深度使用AI編程工具的經驗分享 AI編程工具如Cursor、Claude Code正在改變開發者的工作流程。通過集成智能補全、代碼生成和自然語言理解能力，這些工具顯著提升了開發效率。以下分享一些實際經驗和案例。 開發環境配置優化 Cursor的智能補全功能可以根據項目上下文提供精準建議。在配置開發環境時，輸入部分命令或配置文件內容，工具能夠自動補全完整的配置。例如輸入Docker

code , API , 編程工具 , 前端開發 , Javascript

opentiny 頭像

OpenTiny社區 - TinyVue自動導入插件重大升級，@opentiny/unplugin-tiny-vue1.0.0版本開啓單組件包引入新模式

近日，@opentiny/unplugin-tiny-vue 發佈了其重要的1.0.0版本更新，此次更新帶來了全新的單組件包引入模式，顯著提升了開發者的本地編譯效率以及整個項目的構建速度。 在之前的版本中，開發者需要一次性加載整個TinyVue 庫，這個不僅增加了初始時間，也使得項目構建過程變得相對緩慢。然而，隨着新版本的發佈，這一問題得到了有效的解決。通過引入單組件包模式，開發者現在可以根據實際

vue.js , 組件庫 , 開源 , 前端

u_17072679 頭像

前端小巷子 - 深入理解 Vue Router

深入理解 Vue Router 在前端單頁應用（SPA）中，路由是連接用户操作與頁面展示的核心橋樑。Vue Router 作為 Vue 官方的路由管理器，提供了豐富的功能和靈活的配置。本文將圍繞“路由模式”、“router 與 route 的區別”、“導航守衞的種類”以及“完整的導航解析流程”四個方面，帶你深入理解 Vue Router 的工作機制。 一、路由模式：hash 與

Vue , 路由配置 , 刷新頁面 , 前端開發 , Javascript

grewer 頭像

Grewer - qiankun 中遇見的問題集合

本文中的微前端基於 qiankun 框架 多個子應用共存 如果需要多個子應用同時共存，在管理就有很多例子： https://qiankun.umijs.org/zh/faq#%E5%A6%82%E4%BD%95%E5%90%8C%... registerMicroApps([ // 自定義 activeRule { name: 'reactApp', entry: '//localhost

qiankun , 微前端 , 前端 , Javascript

christian-heilmann 頭像

Christian Heilmann - Find The Right JavaScript Solution With A 7-Step Test

As Web developers and designers, we are spoilt for choice right now. To build a complex Web application or even just spice up a website with some highly interactive interface element, we have hundre

testing , coding , Javascript

jamesfancy 頭像

邊城 - Loading ... done

引子 在前面界面開發的過程中，為了增強在與後端交互過程中的用户體驗，通常會顯示 Loading 動畫。Loading 動畫會在與後端交互結束的時候關閉。這是一個很常規的需求，技術實現也不復雜。 showLoading(); axios.request(...) .then(...) .finally(() = hideLoading()); Node.js 和大部分瀏覽器都在 20

loading , finally , 異步 , 前端 , Javascript

linong 頭像

linong - 探索 IP 代理服務的類型及應用場景，以及可視化數據抓取工具簡介

在我們日常工作中有很多場景需要使用代理服務，比如説前端開發環境的 proxy 正向代理，比如説常見的 nginx 反向代理，比如常見的 cdn 等等。但是還有很多場景也可以使用代理服務。 今天我給大家介紹一下不同類型的 IP 代理服務適用於何種場景，最好可以教會大家如何使用 IP 代理服務。 請注意，雖然 IP 代理功能強大，我們應始終秉持合法、合規的原則使用，尊重網絡規則，不濫用技術侵犯他人

node.js , 代理 , 爬蟲 , 前端 , Javascript