tag Javascript

標籤
貢獻1,371
1558
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 yayu 頭像 icecreamlj 頭像 lengxi_16 頭像 u_15469972 頭像 tanking 頭像 codesheep_pro 頭像 u_15943685 頭像 refanbanzhang 頭像 jdcdevloper 頭像 u_17141077 頭像

@Javascript / 博客 RSS 訂閱

invalidnull 頭像

註銷 - 關於 JavaScript 的異步操作

處理 JavaScript 中的異步操作和回調函數在實際的開發工作中，幾乎是每一個前端開發人員必備的基本技能，特別是在處理網絡請求、文件讀取、定時任務等場景下。在JavaScript 中，由於其單線程執行模型，異步操作是通過事件循環來實現的，而回調函數則是一種常見的處理異步操作結果的方式。 首先，我們需要了解什麼是異步操作。異步操作指的是一段代碼執行時，不會阻塞後續代碼的執行，而是在後台執行，當操

異步編程 , 異步 , 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

收藏 評論

gssggssg 頭像

四冥 - JS模塊化系統

JS模塊化系統 隨着 JavaScript 開發變得越來越廣泛，命名空間和依賴關係變得越來越難以處理。人們已經開發出不同的解決方案以模塊系統的形式來解決這個問題。 CommonJS(CJS) CommonJS 是一種同步加載模塊的規範，主要用於服務器端的 Node.js 環境。 // 模塊導出 module.exports = { // 模塊內容 }; // 模塊導入 const modul

amd , 模塊化 , commonjs , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - fetch的使用記錄

如何用fetch發起post請求 下面是一個用fetch發起的post請求示例： fetch('/api/add', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ name: 'tomcat', }), }) .then(res

fetch , 前端 , Javascript

收藏 評論

budebinglin 頭像

阿菇kinoko - JavaScript 原型鏈詳解

繼續補檔，發現這塊內容其實蠻多的。後面估計還會有兩篇（怎麼還有兩篇啊喂！），分別是 JavaScript執行原理·補 和 JavaScript部分特性，這周不知道能不能搞定。 先看 JS 原型鏈吧。 JS 繼承機制設計 1994年，網景公司（Netscape）發佈了 Navigator v0.9，轟動一時。但當時的網頁不具備交互功能，數據的交互全部依賴服務器端，這浪費了時間與服務器資源。 網景公司

web安全 , prototype , constructor , 前端 , Javascript

收藏 評論

fanudekaixinguo 頭像

kexb - Express入門學習記錄

Express 簡介 Express 是一個流行的 Node.js Web 應用程序框架，它提供了一組強大的功能和工具，用於構建 Web 應用程序和 API。它是建立在 Node.js 的 HTTP 模塊之上的，通過簡化常見任務和提供靈活的路由機制，使得構建 Web 應用程序變得更加快速和簡單。 它是web框架，能夠提供後端服務能力，並能以類似JSP模版的形式渲染web頁面。 express

express , node.js , Javascript

收藏 評論

aqiongbei 頭像

aqiongbei - javascript中的動態集合NodeList&HTMLCollection

不知道你有沒有在控制枱見到過類似這樣的輸出 我們會發現，同樣都是獲取元素的代碼，為啥一個是NodeList，一個是HTMLCollection。 那麼這倆是啥？又有啥區別，本篇文章我們就聊聊這個。 NodeList NodeList對象是節點的集合(類數組)。通常是由屬性，如Node.childNodes 和 方法（如document.querySelectorAll） 返回的

dom , 前端 , Javascript

收藏 評論

fenanjiu 頭像

南玖 - 使用原生 cookieStore 方法，讓 Cookie 操作更簡單

前言 對於前端來講，我們在操作cookie時往往都是基於document.cookie，但它有一個缺點就是操作複雜，它並沒有像localStorage那樣提供一些get或set等方法供我們使用。對與cookie的操作一切都是基於字符串來進行的。為了讓cookie的操作更簡便， Chrome87率先引入了cookieStore方法。 document.cookie document.cookie可以

cookie , 前端 , Javascript

收藏 評論

apifox 頭像

Apifox - 探索 JavaScript：every()方法背後的邏輯

JavaScript 語言的核心足夠大，以至於很容易誤解其某些部分的工作方式。我最近在重構一些使用every()方法的代碼時發現，我實際上並沒有完全理解其背後的邏輯。在我的腦海中，我假設回調函數必須被調用並返回true，every()才會返回true，但實際情況並非如此。對於一個空數組，every()無論回調函數是什麼都會返回true，因為那個回調函數從未被調用。考慮以下情況： function

數組 , 前端工程師 , 程序員 , 前端 , Javascript

收藏 評論

cynthia_59675eba1a2ee 頭像

cynthia - AMD和CMD的最簡單實現

AMD（Asynchronous Module Definition） 模塊的依賴是在定義模塊時就聲明好的，並且作為參數傳入模塊的工廠函數。這意味着所有的依賴都需要在模塊體開始執行之前被加載。 (function(global) { var modules = {}; // 用於存儲定義的模塊 // 定義模塊 function define(name, dependenc

模塊化 , Javascript

收藏 評論

jellythink 頭像

果凍想 - AMD、request.js，生詞太多，傻傻搞不清

一個兜兜轉轉，從“北深”回到三線城市的小碼農，熱愛生活，熱愛技術，在這裏和大家分享一個技術人員的點點滴滴。歡迎大家關注我的微信公眾號：果凍想 前言 之前在公司用JS寫前端頁面，本來自己是一個寫後端的，但是奈何人少，逼的自己也去寫了。但是自己對前端基本不懂，基本就是照着前人寫的照着抄，反正大體意思是明白的，但是出現問題了，基本上也是吭哧吭哧好幾天，也能解決，但是由於自己對前端這一套是一點都不懂，導致

amd模塊加載 , requirejs , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - 數組方法中的slice與toSpliced

方法羅列 方法 是否修改原數組 返回值 slice 否 包含摘取元素的新數組 toSpliced 否 不包含被刪除元素的新數組 slice 獲取指定位置的元素，然後將這些元素作為數組返回。 函數簽名： slice([start], [end]) start摘取開始位置 e

數組 , 前端 , Javascript

收藏 評論

da_miao_zi 頭像

da_miao_zi - ”JSON 不符合標準，我們不能用“

”JSON 不符合標準，我們不能用。“ 如果聽到有人這麼説，你會不會覺得匪夷所思。 即使從未聽説過 IETF 的 RFC 4627、RFC 8259， Ecma International 的 ECMA-404 這些所謂官方的標準，我們也會默默認為 JSON 就是一種事實上的標準，既可用於系統間的數據傳輸，又可作為數據的存儲格式，甚至可以當作配置文件的格式。 數以千計的 Web API 都會以 J

rest-api , restful , Javascript , Json

收藏 評論

linong 頭像

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

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

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

收藏 評論

apifox 頭像

Apifox - 構建卓越 HTML API 的關鍵步驟

作為 JavaScript 開發者，我們經常忘記並不是所有人都像我們一樣瞭解 JavaScript，這被稱為知識的詛咒：當我們精通某個內容的時候，我們就不記得自己作為新人的時候有多麼困惑。我們總是對其他人的能力估計過高，因此我們覺得，自己寫的類庫需要一些 JavaScript 代碼去初始化和配置也很正常。然而，一些用户卻在使用過程中大費周折，他們瘋狂地從文檔中複製粘貼例子並隨機組合這些代碼，直到它

前端工程化 , API , 程序員 , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - 使用form-data的content-type上傳文件問題

問題 當後端需要我們上傳文件時，一般會用form-data的類型。 接口文檔像這樣： 目標是發出這樣一個請求： 代碼示例 // file從input為file的輸入框獲取 const formData = new FormData(); formData.append('code', 'xxx') formData.append('index', "xxx"); formData.

formdata , 文件上傳 , fetch , Javascript

收藏 評論

hightopo 頭像

hightopo - 圖撲這樣設計高質量可視化大屏

5 大指南塑造高階可視化 5 Guidelines to Shape Advanced Visualization · 可視化是個友好的媒介 · ·理解數據是成為優秀媒介的關鍵 · · 業務驅動下的設計策略· · 圖撲設計的無限可能 · · 創新思維讓可視化更具價值 · 可視化是個友好的媒介 我們正處於一個數據氾濫的時代，隨處可見數據的身影，更知其不可忽視的重要性。企業運營產生的海量數據，若僅停留

設計 , 動畫 , 可視化 , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - 當從localStorage中獲取數據時，如何做異常處理？

提出問題 下面的代碼在有初始值的情況下，能夠工作的很好，但是當localStorage中存在非法的數據時就會拋出異常，如果你的程序沒有做好異常處理，就會崩潰。 const todosStr = localStorage.getItem('todos') const todos = JSON.parse(todosStr) 分析問題 能夠拋出異常的位置在JSON.parse，當JSON.parse解

localstorage , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - 遞歸的幾種場景記錄

場景1：從樹中查找查找符合條件的節點（一個） const findNodeById = (nodes, id) = { // 遍歷當前層的所有數組元素 for (const node of nodes) { // 找到目標節點，直接返回，遞歸結束 if (node.id === id) { // 這裏會有兩種情況： // 1. 如果這裏不是在遞歸中，

遞歸 , 前端 , Javascript

收藏 評論

fenanjiu 頭像

南玖 - 【性能監控】如何有效監測網頁靜態資源大小？

前言 作為前端人員肯定經常遇到這樣的場景：需求剛上線，產品拿着手機來找你，為什麼頁面打開這麼慢呀，心想自己開發的時候也有注意性能問題呀，不可能會這麼誇張。那沒辦法只能排查下是哪一塊影響了頁面的整體性能，打開瀏覽器控制枱一看，頁面上的這些配圖每張都非常大，心想這些配圖都這麼大，頁面怎麼快，那麼我們有沒有辦法監測頁面上的這些靜態資源大小，從而避免這種情況的發生。 Performance Perform

性能監控 , 工程化 , 前端 , Javascript

收藏 評論

tanking 頭像

TANKING - Android微信內h5頁面喚起瀏覽器打開頁面的技術分析和實現

摘要 眾所周知，微信是有內置瀏覽器的，方便瀏覽網頁。但是其內核也是經過特殊改造，導致一些默認行為無法觸發。為了實現從微信跳轉到瀏覽器打開頁面，可以説是相當的困難，本次分享的是Android系統的微信在h5頁面調起手機瀏覽器並打開指定頁面的方法。 技術原理 通過二進制文件下載的方法，調起本地瀏覽器下載文件實現喚起瀏覽器。 代碼 使用php的頭文件實現文件下載，告訴瀏覽器這是一個二進制文件流，瀏覽器就

微信 , 微信開發 , php , Android , Javascript

收藏 評論

tanking 頭像

TANKING - 前端發起網絡請求的幾種常見方式（XMLHttpRequest、FetchApi、jQueryAjax、Axios）

摘要 前端發起網絡請求的幾種常見方式包括： XMLHttpRequest (XHR)： 這是最傳統和最常見的方式之一。它允許客户端與服務器進行異步通信。XHR API 提供了一個在後台發送 HTTP 請求和接收響應的機制，使得頁面能夠在不刷新的情況下更新部分內容。 Fetch API： Fetch API 是一種新的 Web API，提供了一種更強大、更靈活的方式來發起網絡請求。它使用 Promi

xmlhttprequest , fetch , Axios , jquery , Javascript

收藏 評論

shuirongshui 頭像

水冗水孚 - 手寫一個簡單的谷歌瀏覽器拓展插件（附github源碼）

前言 閲讀本文，可以自己寫一個簡單的瀏覽器插件 以及前端瀏覽器插件相關東西 附上github源碼：https://github.com/shuirongshuifu/browser-plugin 接下來學學這個不常用的知識點吧... 效果圖 我們先看一下，自己手寫的簡單插件的操作效果圖（點擊彈出時間） 拓展程序部分 或者地址欄輸入：chrome://extensions/ 回

chrome , 瀏覽器 , chrome-extension , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 抽絲剝繭：詳述一次DevServer Proxy配置無效問題的細緻排查過程

事情的起因是這樣的，在一個已上線的項目中，其中一個包含登錄和獲取菜單的接口因響應時間較長，後端讓我嘗試未經服務轉發的另一域名下的新接口，舊接口允許跨域請求，但新接口不允許本地訪問（只允許發佈測試/生產的域名訪問）。 問題 那麼問題來了，本地環境該如何成功訪問到新的接口並驗證業務功能是否生效呢？ 嘗試過程 我首先就想到了直接在 webpack 項目中配置 devServer，並且修改接口地址

webpack-dev-server , node.js , webpack , 前端 , Javascript

收藏 評論