收藏 / 列表

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 頭像

點墨 - 解決Qt 6.2.3 WebEngine中clipboard.write圖片複製失效及下載問題

複製失效問題 問題描述 在Qt 6.2.3中使用QWebEngineView嵌套網頁時，通過JavaScript的navigator.clipboard.write()複製圖片無響應，控制枱報錯： Uncaught TypeError: navigator.clipboard.write is not a function 根本原因 安全上下文限制 clipboard.write()

chrome , c++ , Web

u_13934709 頭像

雲中小生 - jQuery面試題精選：從基礎到高級

低難度 如何在頁面加載完成後執行一段代碼？ 核心方法：$(document).ready() 詳細説明：該方法在DOM加載完成後立即執行，不需要等待圖片等資源加載完成 代碼示例： // 標準寫法 $(document).ready(function() { conso

Ajax , Css , jquery , 前端開發 , 代碼示例 , HTML , 前端 , Javascript

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前端入門第 89 問：總結 8 種跨域通信處理方案

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

前端

hsr2022 頭像

後山人 - 穿越週期：堅持使用 PHP 的感悟與選擇的哲學

穿越週期：堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界，PHP 似乎每年都要經歷一次“死亡”的預言，但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言，這不僅僅是一種技術選擇，更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，闡述 PHP 如何在現代化浪潮中，憑藉其

vue.js , MySQL , 小程序 , php , 教程

kestrel_task 頭像

微芒不朽 - Koa2+mysql 搭建用户信息註冊和登錄接口服務

koa2 官網 https://koa.bootcss.com/ 什麼是koa? Koa 是一個新的 web 框架，由 Express 幕後的原班人馬打造， 致力於成為 web 應用和 API 開發領域中的一個更小、更富有表現力、更健壯的基石。 通過利用 async 函數，Koa 幫你丟棄回調函數，並有力地增強錯誤處理。 Koa 並沒有捆綁任何中間件， 而是提供了一套優雅的方法，幫助您快速而愉快地

express , koa2 , node.js , koa.js

apifox 頭像

Apifox - Apifox 接口文檔「額外字段 HashMap」的校驗設置，簡單上手！

「額外字段」指的是那些未在接口文檔中明確定義的字段。出現「額外字段」的場景可能是因為業務進行了升級，導致接口返回的數據在原來的基礎上增加了一些新的字段，但是接口文檔中定義的數據結構尚未做相應的更新，這就出現了接口返回數據與文檔定義之間的不匹配問題。 針對這種情況，Apifox 最新版本提供了一項功能，允許用户自定義設置對「額外字段」的校驗響應。這意味着你可以選擇在遇到「額外字段」時是否接收提示，從

hashmap , API , api文檔 , hashmap的工作原理 , 接口文檔

yinzhixiaxue 頭像

銀之夏雪 - CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下

在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M

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

jianer 頭像

健兒 - 再次理解異步setTimeout 方法

先看一段代碼： console.log('-',new Date().getTime()) for(let i = 0;i100;i++){ setTimeout(function(){ console.log('exeute'); },100); } console.log('i',new Date().getTim

eventloop , settimeout , 線程 , 異步 , Javascript

u_16213608 頭像

mob64ca13fe62db - 【AI理論學習】多模態介紹及當前研究方向_多模態人工智能

你是否還在為AI項目中同時處理文本、圖像和音頻數據而煩惱？面對TensorFlow、PyTorch等不同框架的兼容性問題，以及各種模態數據處理接口的差異，開發效率大打折扣。本文將介紹如何使用Ivy框架（The Unified AI Framework）輕鬆實現多模態數據的統一處理，讓你告別框架切換的痛苦，專注於模型創新。 讀完本文，你將能夠： 瞭解I

數據 , 加載 , 後端開發 , 模態 , Python

Itstars 頭像

新茶十九 - webstorm保存自動prettier格式化

在 WebStorm 中配置保存時自動使用 Prettier 格式化代碼，能有效統一代碼風格。以下彙總了關鍵的配置方法和注意事項。 配置步驟 關鍵操作 説明/參考 ① 安裝 Prettier 在項目根目錄執行 npm install prettier --save-dev

code , 根目錄 , 代碼風格 , 前端開發 , Javascript

zack-grossbart 頭像

Zack Grossbart - Backpack Algorithms And Public-Key Cryptography Made Easy

E-commerce runs on secrets. Those secrets let you update your blog, shop at Amazon and share code on GitHub. Computer security is all about keeping your secrets known only to you and the people you

Security , coding

momeak9 頭像

泯瀧 - 在企業環境中正確使用 Node.js 的九大原則

鏈接：https://www.platformatichq.com/node-principles 作者：James Snell 等 原標題：9 Principles for Doing Node.js Right in Enterprise Environments Node.js 為超過 630 萬個網站和無數的 API 提供支持，是包括沃爾瑪和網飛在內的現代應用程序的有效基石。每年

node.js , npm , HTML , 前端 , Javascript

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 - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢，節省寬帶，並降低服務器成本，但許多網站並不重視緩存，造成競爭條件，導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一： 模式一：不可變（immutable）內容 + 長 max-age 模式二：可變（mutable）內容，始終由服務器驗證 模式一：不可變內容 + 長 max-age Cache-Control：max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

evilboy 頭像

瘋狂的技術宅 - 深入理解 JavaScript 回調函數

作者：Nilesh Sanyal 翻譯：瘋狂的技術宅 原文：https://dzone.com/articles/ja... 未經允許嚴禁轉載 JavaScript回調函數是成為一名成功的 JavaScript 開發人員必須要了解的一個重要概念。但是我相信，在閲讀本文之後，你將能夠克服以前使用回調方法遇到的所有障礙。 在開始之前，首先要確保我們對函數的理解是紮實的。 快速回顧：Java

回調函數 , callback , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明 柱狀圖的圖例默認是圓點的，如圖 要修改成方形，可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript

xiaoxxuejishu 頭像

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

源代碼下載： learnyaml-cn.yaml YAML 是一種數據序列化語言，旨在讓人類直接可寫可讀。 它是 JSON 的嚴格超集，增加了在語法上有意義的（syntactically significant）換行符和縮進，就像 Python 一樣。但和 Python 的不同之處在於，YAML 不允許使用文字製表符（literal tab characters）來表示縮進。 --- # 文檔開

序列化 , yaml , 語法 , 入門

christian-heilmann 頭像

Christian Heilmann - Local Storage And How To Use It On Websites

Storing information locally on a user’s computer is a powerful strategy for a developer who is creating something for the Web. In this article, we’ll look at how easy it is to store information on a

coding , HTML , html5

jamesfancy 頭像

邊城 - 考慮時區了嗎？

2023-09-17 更新，補了張截圖 前端工程師們，在拿到一個日期/時間數據的時候，你是怎麼處理的呢？有沒有考慮時區的問題呢？ 也許你會説：嗯，沒怎麼關注時區，不過我測過，沒問題。 我能怎麼説呢？可能你還沒遇到國外的用户吧！ 被偷走的一天 如果拿到一個日期字符串 "2021-11-17"，為了方便計算和處理數據，可能會先把它封成一個 Date 對象： const s = "2021-11-17

date , 時區 , Javascript

hai2007 頭像

你好2007 - Transform + Transitions + Animation

Transform 轉換 一些常用的屬性： transform: none | transform-functions;【通過設置該屬性的值，我們可以對元素使用轉換，具體的屬性值在下面會專門介紹。】 transform-origin: x-axis y-axis z-axis;【設置元素轉換的中心點，最直觀的例子旋轉圖片，改變圖片選擇依賴的旋轉中心。】 transform-style: f

animation , transition , css3 , transform , Css

zhuifengdekukafei 頭像

追風的苦咖啡 - IP 證書在招投標中的作用：為何成為加分項？

IP證書並非單一類型的證書，而是一類與互聯網協議（Internet Protocol）相關的技術認證或合規證明的總稱。 公網IP證書 https://www.joyssl.com/certificate/select/joyssl-dv-ip-standa... IP證書在招投標中的作用 技術合規性證明 IP

ssl證書 , bootstrap , 運維 , ipv6 , 知識