收藏 / 列表

chencaize 頭像

點墨 - 使用 egg-cloud 調用 dubbo 服務

參考https://www.yuque.com/egg/nod...進行配置,就自身遇到的幾個問題進行記錄。 已運行成功環境: java 1.8 nacos:1.0.0 dubbo-consumer:1.0.0 常見問題： 一、安裝和啓動nacos，需要配置數據庫：先在mysql數據庫裏執行nacos-mysql.sql腳本,然後修改application.propert

dubbo , eggjs , nacos

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 83 問：JavaScript localStorage 有大小限制嗎？溢出會怎樣？

本地存儲除了 Cookie 外，還有 localStorage 和 sessionStorage，本文一探 localStorage。 localStorage 此 API 存入的數據會 永久 保存在瀏覽器中，除非用户手動刪除。 localStorage 能用於同一瀏覽器同一域名跨標籤頁通信。 同一瀏覽器無痕模式和非無痕模式下，localStorage 存儲的數據無法互通，且無痕模式存入的數據在瀏

前端 , Javascript

hsr2022 頭像

後山人 - 迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場，程序員羣體正經歷前所未有的挑戰。然而，歷史經驗表明，每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機，程序員不能僅憑技術能力，更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”，指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - Vue3開發技巧：使用jsx快速開發組件

創建項目 pnpm create vite 直接使用模板創建 pnpm create vite my-vue-app --template vue 安裝 JSX 支持依賴 cd my-vue-app npm install @vitejs/plugin-vue-jsx -D 配置 vite.config.js import { defineConfig } from 'vite' import v

vite , jsx , vue3 , 前端 , Javascript

dirackeeko 頭像

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

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

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

apifox 頭像

Apifox - 用 Apifox 的 Mock 功能模擬常見業務數據的最佳方法

Apifox 擁有強大的Mock 功能，兼容 Mock.js 語法的同時還提供 Nunjucks 和自定義腳本支持，能夠滿足不同場景需求。 今天給大家分享一些常見業務場景的 Mock 使用技巧，當然，實現的方法不唯一。在開始之前，你需要將 Apifox 的當前環境切換為「本地 Mock」或「雲端 Mock」環境。 模擬簡單數據 要模擬一些簡單的數據，只需在 「返回響應」 裏定義字段，系統便會自動使

mock.js , mock , 前端性能 , 程序員 , 前端

yinzhixiaxue 頭像

銀之夏雪 - 深入剖析為什麼順序調用對 React Hooks 很重要？

在享受 React Hooks 帶來的便捷性的同時，我們必須嚴格遵循順序調用的規則，這一規則的重要性遠超我們的想象。本文將深入探討順序調用對 React Hooks 的重要性，並結合常見的缺陷，通過具體的代碼案例進行詳細闡述，揭示其背後深層次的原理。 一、React Hooks 工作原理 理解 React Hooks 的工作原理是掌握順序調用重要性的關鍵。React 內部維護着一個 Hooks 鏈

react , react-hooks , 前端 , Javascript

opentiny 頭像

OpenTiny社區 - 專訪|OpenTiny 開源社區 常浩：完成比完美更重要

前言 2023年已過大半，備受關注的 OpenTiny*開源之夏活動也順利結項。開源之夏由中國科學院軟件研究所發起的計劃，目的在於鼓勵在校學生積極參與開源軟件的開發維護，推動優秀開源軟件社區的繁榮發展。該活動聯合各大開源社區，聚焦於關鍵開源軟件的開發與維護，向全球高校學生開放報名。學生可自主選擇感興趣的項目進行申請，一旦中選，他們將在經驗豐富的項目開發者（社區導師）的指導下進行開發。根據項目的難易

vue.js , 富文本編輯器 , 開源 , Javascript

momeak9 頭像

泯瀧 - Web Woker 與主線程通信場景下對postMessage的簡潔封裝

在Web Worker與主線程之間進行通信時，使用postMessage是一種常見的方式。然而，在某些業務場景中，postMessage可能會顯得不夠簡潔，因為它涉及到手動序列化和反序列化數據，以及通過事件監聽器處理消息。以下是一些常見問題和解決方案，以簡化在Web Worker與主線程之間的通信場景中使用postMessage的問題。 結構化克隆問題 在Web Worker與主線程之間傳輸數據時

瀏覽器 , webworker , 瀏覽器原理 , 前端 , Javascript

_607c00baa52ff 頭像

懟懟 - 【js】迭代器與生成器

迭代器(Iterator) 有時也稱為遍歷器 - 迭代器對象 作用 為各種數據結構提供統一的訪問接口 使數據結構的成員按照某種次序排列 統一的迭代方式for...of循環 1.可迭代(iterable) iterable：擁有Symbol.iterator屬性的數據結構是可迭代的 Symbol.iterator：值為迭代器生成函數 原生可迭代的數據結構： Array

iterator , generator , 前端 , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 使用bind的時候發生了什麼呢？

從規範來看，Function.prototype.bind 是如何工作，以及如何來模擬bind操作。 簡單示例 如下簡單示例，普通對象 testObj 內部有一個b函數，接受一個普通參數，若參數為空則輸出 this.a。 const testObj = { a: 3, b: function(args) { console.log(args || this.a); }, };

javascript原型 , javascript專題系列 , Javascript

webinfoq 頭像

破曉L - 現代 JavaScript 框架工作原理你瞭解多少？

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年，但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時，我常常會被自己不知道的事情壓得喘不過氣來。 不過，瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外，我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸，但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts，只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

mecode 頭像

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

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

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

hai2007 頭像

你好2007 - 關於CSS中設置overflow屬性的值為hidden的相關理解

包裹元素剪裁條件 是不是包裹元素overflow設置為hidden以後，內部元素如果超過包裹元素的話就會被剪裁？答案是不一定，這要看此刻的CSS環境。 根據對CSS2.1規範的理解，可以這樣表述：如果一個元素的包含塊的overflow屬性設置為hidden，那麼超過這個包含塊部分的內容就會被剪裁。 因此我們需要學會尋找一個元素的包含塊，不過在這之前，讓我們先簡單的知道如果一個元素的overflow

overflow , bfc , hidden , Css

zhuifengdekukafei 頭像

追風的苦咖啡 - 跨境業務 OV 證書價值拆解手冊

第一章 多國合規適配對照表（核心痛點解決工具） 1.1 主流跨境市場合規要求與 OV 證書對應表 目標市場 核心合規法規 法規對企業的硬性要求 OV 證書的 “通關作用” 歐盟 27 國 GDPR（通用數據保護條例） 1. 用户數據傳輸需加密；2. 企業身份需向用户透明；3. 違規最高罰全球營收 4% 1. 256 位

ssl證書 , 知識 , postgresql

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

nanchengfe 頭像

南城FE - Nodejs - 9步開啓JWT身份驗證

本文翻譯自 9 Steps for JWT Authentication in Node.js Application，作者：Shefali， 略有刪改。 身份驗證是Web開發的重要組成部分。JSON Web令牌（JWT）由於其簡單性，安全性和可擴展性，已成為在Web應用程序中實現身份驗證的流行方法。在這篇文章中，我將指導你在Node.js應用程序中使用MongoDB進行數據存儲來實現JWT

node.js , 前端 , Javascript , Jwt

beckyyyy 頭像

beckyyyy - cookie、session、web storage

cookie與session的區別 首先，使用cookie和session的目的都是為了跟蹤記錄用户狀態，因為http協議是無狀態的協議，而某些場景服務端需要記錄用户的狀態，如購物車，需要來識別具體的用户，服務端就為特定的用户創建特定的session，用於標識並跟蹤用户； 其次，cookie和session都是會話技術，session保存在服務端，cookie保存在客户端，服務端無法知道請求對應哪

sessionstorage , localstorage , cookie , 前端 , Javascript

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：獲取 URL 查詢參數值

3分鐘搞定：獲取 URL 查詢參數值 在前端開發工作中，利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時，通過 URL 攜帶某些信息，如狀態、id、區分頁面來源的字段值等。因此，學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數，對 URL 查詢參數進行解析。這是方式靈活度高，可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

cloudyttt 頭像

雲魚 - JavaScript中各種源碼實現

前言 能夠手撕各種JavaScript原生函數，可以説是進大廠必備！同時對JavaScript源碼的學習和實現也能幫助我們快速紮實地提升自己的前端編程能力。 最近很多人和我一樣在積極地準備前端面試筆試，所以就整理了一些前端面試筆試中非常容易被問到的原生函數實現和各種前端原理實現，其中部分源碼戳這裏。 實現一個new操作符 我們首先知道new做了什麼： 創建一個空的簡單JavaScript對象

面試 , 源碼 , 筆試 , 前端 , Javascript

u_17350491 頭像

轉角處的湯姆 - 前端堆棧存儲：深入理解與應用

在前端開發中，堆棧存儲（Stack Storage）是計算機科學中的一個基本概念，它在許多編程場景中都有着廣泛的應用，尤其是在處理函數調用、遞歸操作以及維護數據的順序時，堆棧起着至關重要的作用。 本文將帶你深入瞭解前端堆棧存儲的概念、實現方式，以及在實際開發中的應用。 目錄 什麼是堆棧？ 堆棧的工作原理 在前端中使用堆棧存儲 堆

深度優先搜索 , Stack , 堆棧 , 前端開發 , Javascript

gqkmiss 頭像

月恆 - Vue Vite 項目增加 eslint 和 prettier

Vue Vite 項目增加 eslint 和 prettier Eslint 版本為 8.X 1. 安裝 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安裝 eslint 以及 prettier 以及一堆依賴 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier es

vue.js , eslint , prettier , 前端