收藏 / 列表

hello888 頭像

洛陽醉長安行 - TypeScript + Map實現一個公共數據管理模塊DataMap

在大型中後台項目開發中，尤其是在使用React進行開發時，我們會遇到很多下拉框數據、多選框數據、或者編碼中多處使用到的業務型公共映射表。為了便於維護，可以把這些數據都集中放到一個模塊中，而不是分散的寫在各個地方。 實現思路 我們定義一個IMapExtra接口擴展一下Map實例，建立兩個類MapExtra和DataMap，MapExtra是為了在使用數據時更方便獲取Map類型數據。最後把map（數據

map , typescript , 前端

yinguangyao 頭像

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇，主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中，我們講過_上面的方法有兩種掛載方式，一個是掛載到_構造函數上以_.map(arr)的形式直接調用（在後文上統稱構造函數調用），另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript

chencaize 頭像

點墨 - DevEco Studio創建Java項目，gradle報sync failed:connection reset錯誤

使用DevEco Studio 3.1.1版本，創建Java應用，程序報錯，無法運行。 原因: DevEco Studio新建的Java應用默認的gradle配置指向的是https://repo.huaweicloud.com,而你的網絡因為各種原因(比如公司網絡),無法訪問,所以會報錯。 解決方法 1.設置代理 打開File Settings Appearance Behavio

studio創建新項目台 , sync , JAVA , gradle , harmonyos

willemwei 頭像

WillemWei - Express和Koa2的區別

前言 猶記得前段時間一次面試中，面試官問到：能説一説express和koa的區別嗎？當時心裏輕蔑一笑，這問題簡單，於是信心滿滿回答道：一個是基於回調，一個是基於Promise的。當時面試官楞了一下，笑了笑沒説什麼，我當時便意識到有什麼地方不對，後來查了下資料，發現確實沒有這麼簡單。 我總結了我查閲到的資料，希望對各位童鞋有所幫助。 Express和Koa2的區別和聯繫 Express是基於 N

express , node.js , koa , koa.js

u_13934709 頭像

雲中小生 - Blazor核心：Razor組件開發全解析

1. Razor 組件概述 什麼是 Razor 組件？ 在現代 Web 開發中，組件化已經成為構建複雜用户界面的核心範式。Razor 組件是 Blazor 框架的基石，它們代表了前端開發的一種革命性轉變——讓 .NET 開發者能夠使用熟悉的 C# 語言而不是 JavaScript 來構建交互式 Web 應用。 🔄 Razor 組件的本

.NET Core , Blazor , 組件化 , c , Razor組件 , 前端開發 , Javascript

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Generating Unique Random Numbers In JavaScript Using Sets

JavaScript comes with a lot of built-in functions that allow you to carry out so many different operations. One of these built-in functions is the Math.random() method, which generates a random floa

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 89 問：總結 8 種跨域通信處理方案

為什麼會跨域？跨域是誰附加的限制？為什麼 APP 不會有跨域問題？ 首先跨域問題是由於瀏覽器的同源策略（Same-Origin Policy）導致的，基本上所有瀏覽器都有限制，默認情況是不允許跨域訪問的！！ APP 的請求不受瀏覽器的同源策略限制，所以不存在跨域。類似一個服務器像另一個服務器發起請求一樣，也不會受跨域影響。 想想一下：如果瀏覽器沒有同源策略限制，A 網站可以隨意訪問 B 網站內容，

前端

hsr2022 頭像

後山人 - 告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗

告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中，後台管理系統是不可或缺的一環。然而，重複的CRUD（創建、讀取、更新、刪除）工作常常佔據了開發者大量寶貴時間。今天，我們聚焦一個優秀的開源項目——鋭智後台（RaiseAdmin）快速開發平台，它正以其現代化技術棧和創新的“懶人”代碼生成器，為開發者帶來一場效率革命。 一、現代化技術棧：性能與體驗

vue.js , MySQL , php , Javascript

kestrel_task 頭像

微芒不朽 - Linux 服務器磁盤滿了？教你快速找到大文件，安全刪掉不踩坑！

1. 磁盤空間檢查基礎命令 1.1 查看磁盤使用情況 # 查看所有掛載點的磁盤使用情況 df -h # 查看指定目錄的磁盤使用情況 df -h /home 1.2 查找大文件和目錄 # 查找當前目錄下大於100MB的文件 find . -type f -size +100M -exec ls -lh {} \; # 查找根目錄下大於1GB的文件 find / -type f -size +

Linux

apifox 頭像

Apifox - Axios Blob 的完全指南：使用和優化技巧詳解

在 Web 開發中，處理文件傳輸是一個常見的需求。Blob（二進制對象）是一種表示二進制數據的方式，常用於處理文件和多媒體數據。本文將介紹如何使用 Axios 和 Blob 來處理文件傳輸。 Axios Blob 概念 在開始之前，讓我們先了解一下 Axios 和 Blob 的基本概念。 Axios：Axios 是一個基於 Promise 的 HTTP 客户端，用於發送 HTTP 請求。它支

性能優化 , API , web開發 , HTTP , 後端

aqiongbei 頭像

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解，查了資料才明白其中的緣由，遂以志之。問題是這樣的： button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

nanian_5cd6881d3cc98 頭像

那年 - vue3 點擊下載文件，不打開預覽，已解決

需求背景：vue3項目點擊下載按鈕，下載文件，使用頁面添加a標籤方式會導致不是下載而是打開文件（圖片/pdf） 使用了直接動態添加a標籤的方法，還是會打開預覽 const url = 'http://192.168.60.59:8888/fayuan/head/4b33a2a1-3911-4586-9878-50373a1fb852.jpg' const a = d

vue.js , 下載 , 前端 , Javascript

jianer 頭像

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中，你需要兩個外部變量來管理狀態： // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單：在每個請求發出去之前，都帶上當前的 token

Ajax , 前端 , Javascript

u_16213608 頭像

mob64ca13fe62db - Unity Shader學習：貼花（Decal）

Unity URP中的Decal（貼花）系統是一種用於將材質投射到場景幾何體表面的技術，主要用於實現血跡、彈孔、塗鴉等動態表面裝飾效果。以下是詳細解析： 核心功能與用途 動態投影：通過Decal 【從UnityURP開始探索遊戲渲染】專欄-直達 Unity URP中的Decal（貼花）系統是一種用於將材質投

性能優化 , 世界座標 , 貼圖 , 前端開發 , Javascript

Itstars 頭像

新茶十九 - 還是沒有明白如何選擇vue和react？AI給出了最直接的方式

項目選型如何選擇vue和react？當各種技術討論把概念複雜化後，反而讓人更難選擇。讓我們忘掉那些複雜的對比，用一個最直接的方式來幫你決定。 請先回答這個最關鍵的問題：你和你的團隊最熟悉什麼？ 如果熟悉 Vue - 優先選 Vue 如果熟悉 React - 優先選 React 技術選型的第一原則是：使用你和團隊最熟悉、能最高效完成任務的工具。 在絕大多數應

技術選型 , 架構設計 , Vue , 前端開發 , Javascript

zack-grossbart 頭像

Zack Grossbart - Searchable Dynamic Content With AJAX Crawling

Google Search likes simple, easy-to-crawl websites. You like dynamic websites that show off your work and that really pop. But search engines can’t run your JavaScript. That cool AJAX routine that l

Techniques , seo , Ajax , coding , Javascript

momeak9 頭像

泯瀧 - 使用Node.js、pm2和ssh2模塊實現一個簡單的Node.js項目部署腳本

本文將介紹如何使用Node.js和ssh2模塊實現一個簡單的部署腳本，將本地的項目文件上傳到遠程服務器上。我們將使用dotenv模塊來管理環境變量，以及child_process模塊來執行命令行操作。 首先，我們需要安裝ssh2和dotenv模塊： npm install ssh2 dotenv --save 然後，我們需要在項目根目錄下創建一個.env文件，用來存放一些敏感的配置信息，例如服務器

node.js , pm2 , ssh2 , 前端

zisrfs 頭像

zsirfs - 談談深拷貝、淺拷貝

前提: 假設您已經知道為什麼在JavaScript中需要深拷貝和淺拷貝了。 舉兩個例子： const a = [1, 2, { key: 20 }] const b = [...a] b[2].key = 30 console.log(a[2] === b[2]) console.log(a === b) // true const o = { k1: { kk1: 50} } con

javascript專題系列 , Javascript

webinfoq 頭像

破曉L - 瞭解關鍵區別：await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面，它使我們能夠處理耗時的操作，而不會阻塞其他任務的執行。使用異步函數時，我們會遇到三個重要的關鍵字：await 、return、return await。在本文中，我們將探討這些關鍵字之間的差異，並討論何時使用每個關鍵字。 在深入探討細節之前，讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數，可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

evilboy 頭像

瘋狂的技術宅 - 超越 Cookie：當今的客户端數據存儲技術

超越 Cookie：當今的客户端數據存儲 作者：Adam Giese 翻譯：瘋狂的技術宅 原文：https://blog.logrocket.com/be... 未經允許嚴禁轉載 當 cookie 被首次引入時，它是瀏覽器保存數據的唯一方式。之後又有了很多新的選擇：Web Storage API、IndexedDB 和 Cache API。那麼 cookie 死了嗎？我們來看看這些在瀏

indexeddb , cookies , storage , cookie

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

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 Haskell

源代碼下載： learn-haskell-zh.hs Haskell 是一門實用的函數式編程語言，因其 Monads 與類型系統而聞名。而我使用它則是因為它異常優雅。用 Haskell 編程令我感到非常快樂。 -- 單行註釋以兩個減號開頭 {- 多行註釋像這樣 被一個閉合的塊包圍 -} ---------------------------------------------------

函數式編程 , haskell , 語法 , 入門

hai2007 頭像

你好2007 - input或textarea中關於光標移動問題

什麼是光標 頁面上輸入框中閃爍的光標其實是一個選區，也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#input')有二個屬性： selectionStart、selectionEnd，分別代表選區開始位置，選區結束位置。 通過修改這二個值就可以形成選區，寬度為0也就實現了光標的位置控制和獲取。 IE瀏覽器 IE瀏覽

input , textarea , selection , HTML , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - 等保 2.0 測評必看：免費 SSL 證書能過密評嗎？國密算法是關鍵

在等保 2.0 測評中，免費 SSL 證書能否通過密評（密碼應用安全性評估）取決於其是否支持國密算法（SM2/SM3/SM4）及合規性認證。以下是關鍵分析與解決方案： SSL證書入口⬇️ https://www.joyssl.com/certificate/select/free.html?nid=59 一、等保 2.0 對 SSL 證書的核心要求 密碼算法合規性 等

教程 , postgresql , memcached , Css