tag Javascript

標籤
貢獻1,356
1156
06:37 AM · Oct 27 ,2025

@Javascript / 博客 RSS 訂閱

anran758 - Promise 與異步編程

Promise 是 JavaScript 中的一個重要概念,與前端的工作更是息息相關。因此本文將整理一下 Promise 在日常工作中的應用。 概念 從 MDN | 使用 Promise 中我們能學習到 Promise 的基礎使用與錯誤處理、組合等概念,可以將 Promise 的特點概括為: Promise 對象有三種狀態,且狀態一旦改變就不會再變。其值記錄在內部屬性 [[Promis

promise , node.js , 異步編程 , 前端 , Javascript

收藏 評論

周翔宇 - JavaScript——數組的reduce方法

JavaScript的reduce和reduceRight的作用是通過順序或逆序遍歷數組,從而得到一個結果,原理如下: function myReduce(execute, initValue) { const length = this.length let result for (let i = 0; i length; i++) { if (i =

數組 , reduce , 數組去重 , 前端 , Javascript

收藏 評論

註銷 - 關於 PWA url 參數 ngsw-bypass=true

"ngsw-bypass-true" 這個參數是與 Angular Service Worker (ngsw) 相關的一個選項,用於控制在 Service Worker 中是否繞過緩存,直接請求網絡資源。在 Angular 應用中,Service Worker 主要負責緩存應用的靜態資源,以提高應用的性能和用户體驗。 首先,讓我們瞭解一下 Angular Service Worker 的基本概念。

ecmascript-6 , pwa , typescript , 前端 , Javascript

收藏 評論

六月的可樂🥤 - 智能API代碼示例生成工具AiRestful

一、產品介紹 AiRestful是一款基於智能AI的,幫助小白快速生成任意編程語言的API接口調用示例代碼的編程工具.它的特點是:簡單易用、集成支持、多主流編程語言覆蓋.它是面向學生、編程愛好者、編程小白的實用工具. AiRestful官網: 點擊直達AiRestful官網 二、如何使用 AiRestful是簡單易用的,只需要三步即可為您生成您需要的編程語言的代碼示例. 1、第一步(必須): 根

restful , 人工智能 , 深度學習 , 前端 , Javascript

收藏 評論

茶色島 - JavaScript面向對象

一:面向對象 1.面向對象基本特徵 封裝:也就是把客觀事物封裝成抽象的類,並且類可以把自己的數據和方法只讓可信的類或者對象操作,對不可信的進行信息隱藏 繼承:通過繼承創建的新類稱為“子類”或“派生類”。繼承的過程,就是從一般到特殊的過程 多態:對象的多功能,多方法,一個方法多種表現形式 2.javascript和麪向對象 javascript是一種基於對象(objec

oop , 前端 , Javascript

收藏 評論

Grewer - V8 入門記錄二:環境與調試

環境搭建 這裏先説下我的環境, 這是代碼運行的前提。 系統: Mac Monterey 12.6.8 Xcode: 14.2 Python: 3.11.6 (不要使用 2.x 版本!) 建議全程指令都在FQ工具下進行 由源碼構建 V8 首先我們需要一個工具 depot_tools 執行指令克隆,這裏我是在文件夾 /Users/apple/Sites/demo/depot_tools

v8 , v8js , chrome , 前端 , Javascript

收藏 評論

註銷 - PWA 架構下文件 hash 的重要作用介紹

在PWA(Progressive Web App)體系架構下,文件 hash 起着非常關鍵的作用,它主要用於緩存管理、版本控制以及確保 Web 應用程序的可靠性。在前端開發中,文件 hash 是文件的唯一標識符,通常是文件內容的哈希值,例如 MD5 或 SHA-256。以下是文件 hash 在 PWA 中的幾個關鍵作用: 1. 緩存管理: 文件 hash 在 PWA 中用於實現緩存策略,確保在更新

ecmascript-6 , pwa , 前端 , html5 , Javascript

收藏 評論

註銷 - 關於 JavaScript 的異步操作

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

異步編程 , 異步 , Javascript

收藏 評論

南城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

收藏 評論

四冥 - JS模塊化系統

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

amd , 模塊化 , commonjs , Javascript

收藏 評論

熱飯班長 - fetch的使用記錄

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

fetch , 前端 , Javascript

收藏 評論

阿菇kinoko - JavaScript 原型鏈詳解

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

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

收藏 評論

kexb - Express入門學習記錄

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

express , node.js , Javascript

收藏 評論

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

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

dom , 前端 , Javascript

收藏 評論

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

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

cookie , 前端 , Javascript

收藏 評論

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

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

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

收藏 評論

cynthia - AMD和CMD的最簡單實現

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

模塊化 , Javascript

收藏 評論

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

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

amd模塊加載 , requirejs , Javascript

收藏 評論

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

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

數組 , 前端 , Javascript

收藏 評論

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

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

rest-api , restful , Javascript , Json

收藏 評論

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

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

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

收藏 評論

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

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

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

收藏 評論

熱飯班長 - 使用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 - 圖撲這樣設計高質量可視化大屏

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

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

收藏 評論