Nodejs - 9步開啓JWT身份驗證
本文翻譯自 9 Steps for JWT Authentication in Node.js Application，作者：Shefali， 略有刪改。 身份驗證是Web開發的重要組成部分。JSON Web令牌（JWT）由於其簡單性，安全性和可擴展性，已成為在Web應用程序中實現身份驗證的流行方法。在這篇文章中，我將指導你在Node.js應用程序中使用MongoDB進行數據存儲來實現JWT
昵稱 南城FE
@Javascript
貢獻者369
粉絲0
貢獻者
@Javascript
動態 列表
jsonp跨域原理解析
1、背景： 由於瀏覽器同源策略的限制，非同源下的請求，都會產生跨域問題，jsonp即是為了解決這個問題出現的一種簡便解決方案。 2、同源策略： 同一協議，同一域名，同一端口號。當其中一個不滿足時，我們的請求即會發生跨域問題。 舉個栗子🌰： http://www.abc.com:3000到https://www.abc.com:3000的請求會出現跨域（域名、端口相同但協議不同） http:
昵稱 姓趙的趙先生
老生常談之跨域
一、JSONP script src=""/script 基本原理就是通過動態創建 script 標籤，然後利用 src 屬性進行跨域(後端用回調函數名稱包裹數據進行返回即可)，但是要注意 JSONP 只支持 GET 請求，不支持 POST 請求: // 回調函數 function showData (result) { // json 對象轉成字符串 $('#text').
昵稱 焦偉奇
「一起造輪子」從1.9k的jsonp庫出發🏗一起實現jsonp
1. 什麼是jsonp？ 下方是維基百科對JSON的解釋 從這個解釋中，我們可以知道，完成jsonp需要的步驟主要有以下兩點： 向頁面中插入一個帶有請求鏈接的script標籤 通過回調函數，獲取需要的JSON數據 2. jsonp庫是如何實現的？ jsonp是一個star數1.9k的倉庫，實現了一個簡單的jsonp方法 jsonp倉庫傳送門 2.1 傳入參數 url 傳入的u
昵稱 修仙大橙子
JSONP 跨域原理及實現
前言 在日常項目開發過程中，跨域以及如何解決跨域問題是前後端開發同學繞不開的話題。JSONP 跨域就是一種經典的解決跨域問題的方案。 💡温馨提示：本文全文 1921 個字，推薦閲讀時間 10min ，加油老鐵！ 一、同源策略和跨域 1.1 同源策略 1.1.1 什麼是同源 如果兩個頁面的協議，域名和端口都相同，則兩個頁面具有相同的源 例如，下表給出了相對於 http://www.test
昵稱 雲魚
JSONP的實現
1. 是什麼 JSONP全稱(Json with Padding);由Bob Ippolito於2005年提出。JSONP支持繞過同源策略共享數據。 由於同源策略，瀏覽器在發送Ajax請求時，只接收同域服務器響應的數據資源；JSONP是利用了 script 標籤的 src 屬性來實現跨域數據交互的，因為瀏覽器解析HTML代碼時，原生具有src屬性的標籤，瀏覽器都賦予其HTTP請求的能力，而且
昵稱 JINL9s27
php實現callback跨域請求jsonp數據
摘要 JSONP 是 JSON with Padding 的縮寫，是一種解決跨域數據獲取的方案。由於瀏覽器的同源策略限制，不同域名之間的前端JS代碼不能相互訪問到對方的數據，JSONP通過script標籤的特性，實現在不同域名的網頁間傳遞數據。 其原理是在客户端頁面上定義一個回調函數 (callback)，然後通過script標籤向外部服務器請求數據，並將定義好的回調函數名稱作為參數放在url請求
昵稱 TANKING
JSON-LD 類型使用示例大全
本文是針對 JSON-LD 類型的使用示例及其簡要介紹與説明。每個類型的示例展示瞭如何在 JSON-LD 中進行標註，並附帶了簡要説明，希望對你有所幫助。 文章目錄 JSON-LD 的主要核心類型 Thing（事物） CreativeWork（創作作品） Event（事件） Intangible（非實體事物） Organization（組織） P
昵稱 axiaoxin
使用ENO將您的JSON對象生成HTML顯示
ENO 是簡單易用，性能卓越，自由靈活開源的 WEB 前端組件；實現 JSON 與 HTML 互操作的 JavaScript 函數庫。沒有任何其它依賴，足夠輕量. WEBPack NPM 工程安裝。 npm install @joyzl/eno 然後在JS中引用 import "@joyzl/eno"; 將JS實體對象填充到表單 假設有一個如下
昵稱 Key
解決electron+Vue(Vite)：ERR _CONNECTION_REFUSED
解決用electron打包Vue工程(Vite)報錯electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED Background: 生產環境通過 Electron 直接加載本地文件系統中的靜態資源 注：node後的狀態碼不重要 明明前端工程可以運行，後端連接也沒問題，為什麼打包完成後總是連不上網址？
昵稱 蓋亞
electron-build報錯:cannot find module/ valid " main " entry
解決electron-build打包後運行app報錯:cannot find module xxx/ Please verify that the package . json has a valid " main " entry 先看一個簡單報錯： 或者類似這種： 解決方法： 檢查package. Json中是否寫了“main”，這裏的“main”必須寫，且應當使用npm指令build的di
昵稱 蓋亞
React+Three.js 實現 Apple 2025 熱成像 logo
Apple 2025 年度發佈會 LOGO 以標誌性的蘋果圖形被注入熾熱的火焰質感，色彩從暖調橙黃向冷調湛藍自然過渡，似高温灼燒下的金屬表面，迸發出熔融的光澤；又若無形的能量在流動，勾勒出科技的脈搏與律動，將 “科技” 與 “力量” 的碰撞感具象化，光影的明暗交錯削弱了平面的單薄感，賦予其近乎觸手可及的質感，同時營造出濃郁的未來感與未知感。 摘要 如上述引用內容，本文將基於 React +
昵稱 dragonir
前端框架文檔新思路：基於源碼解析的自動化方案
項目背景 最近我們團隊自研了一個基於 React 的 H5 前端框架，領導讓我來負責編寫框架的使用文檔。我選擇了 dumi 來搭建文檔站點，大部分內容都是手動寫 Markdown 來介紹各種功能，包括：初始化、目錄結構、生命週期、狀態管理、插件系統 等等。 框架裏有個很重要的子包，主要負責多個 App 的橋接能力，深度集成了各端環境的監測和橋接邏輯。這個子包對外提供了一個 App 實例對象，裏面封
昵稱 一顆冰淇淋
雙指針算法在實際開發中的具體應用之代碼Review文章字符串的片段分割
本文是筆者在實際中具體遇到的場景，從中提取具體的核心的部分，使用前後指針進行性能優化的具體案例 開發需求場景 前段時間，筆者在做代碼Review的時候，發現了一個需求的前端實現方案不太優雅 組員選擇使用了循環加切割的方案去處理這個字符串 筆者最終將其改為，使用快慢指針的方式，讓其變得更加優雅，性能更佳 需求描述 後端有一個字段返回一篇中文文章的具體內容 比如有一個artical文章
昵稱 水冗水孚
Chrome 下載大文件報錯！用 Streamsaver.js 完美填坑
本文系轉載，轉載鏈接：Chrome 下載大文件報錯！用 Streamsaver.js 完美填坑 前言 用 Chrome 下載大文件時，有時會彈出 “網絡錯誤”，換其他瀏覽器卻能正常下載。今天就來排查一下這個問題產生的原因，提供一些解決思路給大家。 一、為什麼 Chrome 獨有的 “大文件下載坑”？ 同樣的網絡、同樣的文件，Chrome 報錯而其他瀏覽器正常，核心問題出在 Chrome 對 “大文
昵稱 雲輕雨細
🔒 JavaScript 不是單線程嗎？怎麼還能上“鎖”？！
在 JavaScript 日常開發中，經常會遇到這樣的情況：多個異步任務需要同時訪問或修改同一個資源。這個資源可能很簡單，比如內存中的一個變量；也可能複雜一些，比如一份配置文件、一條數據庫記錄或者是某個外部服務的接口調用，只要它是共享的，就有可能被不同的任務同時操作。 問題在於，異步任務不像同步代碼那樣一行一行地按順序執行，而是可能同時進行。如果沒有任何機制來協調它們的先後順序，就會出現混亂：有的
昵稱 xiaohe0601
如何使用代理IP發送請求（711Proxy實戰指南）
代理IP（Proxy IP）能把你的網絡請求從原始客户端“中轉”到目標服務器，使訪問看起來來自代理的IP地址而非你真實的IP。常見用途包括繞過地域限制、提高採集成功率、保護隱私和做多賬號管理。本指南從入門到進階，帶你一步步學會如何用代理髮送請求並處理常見問題。 一、先理解：代理的類型與作用 1.HTTP代理 用於轉發 HTTP 請求（常見於 API / 網頁請求）。支持基於 URL 的請求轉發。
昵稱 愛跑步的番茄
什麼是住宅代理（Residential Proxy）？詳解原理、優勢與應用場景
在數字經濟與跨境互聯網時代，網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”（Residential Proxy）作為一種高匿名、高穩定的網絡中轉方式，正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別，以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理（Residential Proxy） 是指通過真實
昵稱 愛跑步的番茄
EV 代碼簽名 3 大核心優勢：安全性、兼容性、信任度全覆蓋
一、安全性：從 “被動防禦” 到 “主動杜絕風險” 安全性的核心是從源頭鎖定 “軟件來源” 和 “文件完整性” ，徹底規避 “惡意軟件偽裝”“文件被篡改” 兩大風險，對企業和用户雙向保護： EV證書申請入口⬇️ https://www.joyssl.com/certificate/select/ev_ssl.html?nid=59 企業身份強核驗：杜絕 “匿名開發者” 風險申請
昵稱 追風的苦咖啡
什麼是代理服務器？技術原理與應用解析
代理服務器（Proxy Server）是位於客户端與目標服務器之間的中間層節點，負責轉發網絡請求。在網絡通信體系中，它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下： Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP，而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的
昵稱 愛跑步的番茄
新版編程語言Java 19正式發佈：增加支持RISC-V架構和虛擬線程
本週，Oracle（甲骨文）正式發佈了最新版本的編程語言Java 19和JDK 19。 與此同時，開源版本的OpenJDK 19也可以在基於GNU v2通用許可下從甲骨文獲取。 最近幾年，Java多次登上TIBOE編程排行榜榜首，即便Python勢頭猛如虎，卻依然能保持在前三位置。 Java 19距離Java 18過去了6個月，距離Java 17正好過去一年。實際上，甲骨文承諾是每年
@beibiaobaidedigua_68fcd748dc136
昵稱 被表白的地瓜
vue3-onMounted和onActivated觸發問題
在Vue3中，當頁面第一次進入時，onMounted和onActivated這兩個生命週期鈎子都會觸發，導致初始化函數init()被執行兩次，我們希望只在初次進入時執行一次，而不是兩次。 其實最簡單的方法就是僅使用onActivated生命週期 如果同時使用兩個生命週期，就要在onMounted的時候做一個標記，然後在onActivated的時候改變這個標記 在keep
昵稱 兔子先森
儲能站運維管理一體化平台 | 圖撲數字孿生
全球能源轉型中，風電、光伏等可再生能源因間歇性給電網帶來挑戰，儲能系統成為關鍵支撐且需規模化應用。但傳統儲能運維模式效率低、響應慢、成本高，難以滿足需求，因此構建集實時監控、智能預警等功能於一體的儲能運維管理平台，是實現儲能精細化管理、提升效益、保障能源系統穩定的核心舉措。 效果展示 基於圖撲軟件自主研發的HT for Web產品搭建智慧儲能站運維管理平台，利用其強大的數據可視化和實時監控能力，實
昵稱 hightopo
3D 管道是如何流動的？
在3D場景中，管道是一種極為常見且重要的元素。它不僅能用於呈現工廠、發電站、地下設施等工業環境中的輸送系統，還可用來模擬數據的流動或處理過程，從而向用户直觀展示數據的流向。 在HT中，ht.Polyline是一個強大的工具，可以用來在3D場景中表示管道。它不僅支持貼圖，還能通過調整貼圖的UV偏移等屬性，生動地展示數據流的方向。ht.Polyline不僅限於簡單的管道表現，還可以使用它實現如流動、
昵稱 圖撲軟件