tag Javascript

標籤
貢獻1,371
1545
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 訂閱

jdcdevloper 頭像

京東雲開發者 - 深入跨域 - 從初識到入門 | 京東物流技術團隊

前言 跨域這兩個字就像一塊狗皮膏藥一樣黏在每一個前端開發者身上，無論你在工作上或者面試中無可避免會遇到這個問題。如果在網上搜索跨域問題，會出現許許多多方案，這些方案有好有壞，但是對於闡述跨域的原理和在什麼情況下需要用什麼方案，缺少系統性的説明。大家在工作中可能因為大佬們已經配置好了，不會產生跨域，但是作為一個前端的開發人員，面對跨域的問題，還是需要從原理上去理解跨域的原因，在不同的情況中，我們該如

chrome , 跨域 , 前端 , Javascript

收藏 評論

tinyang 頭像

豫見世家公子 - js遞歸遍歷數組並判斷數組中的每一項如果都不為空則返回true，只要有一項為空則返回false

js遞歸遍歷數組並判斷數組中的每一項如果都不為空則返回true，只要有一項為空則返回false。一開始看到這樣的場景我就覺得很簡單沒難度，可真正上手才發現並不那麼簡單，而且想要讓代碼健壯就又複雜了些。於是經過一個小時的努力加不斷修改、增補，總算實現了自己想要的一個方法。 代碼如下： const isArrayEmpty = arr = { if (!Array.isArray(arr) ||

數組 , 遞歸 , 前端 , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 前端技術探秘-Nodejs的CommonJS規範實現原理 | 京東物流技術團隊

瞭解Node.js Node.js是一個基於ChromeV8引擎的JavaScript運行環境，使用了一個事件驅動、非阻塞式I/O模型，讓JavaScript 運行在服務端的開發平台，它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言。Node中增添了很多內置的模塊，提供各種各樣的功能，同時也提供許多第三方模塊。 模塊的問題 為什麼要有模塊 複雜的

chrome , node.js , commonjs , 前端 , Javascript

收藏 評論

papermoon 頭像

papermoon - nodejs 基於JWT的token認證

萬惡之源： 阿里雲：基於JWT的token認證 有需求需要連接java服務器的API，對接的小夥伴給出的教程如上。 仔細看完大致流程是服務端生成JWK（當然也可以用https://mkjwk.org 在線生成），客户端自行添加載荷和頭加密並簽名生成token用以校驗。 但是文中只提供了java實現（keypair還拼錯了一次），無法作為nodejs的參考。 查看了下如何用node

node.js , crypto , token , Javascript , Jwt

收藏 評論

webinfoq 頭像

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

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

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

收藏 評論

jungang 頭像

jungang - 瞭解JavaScript閉包機制

介紹 JavaScript中的閉包是一種強大的概念，它允許我們在函數內部創建和訪問私有變量，並且可以在函數外部繼續使用這些變量。理解閉包的工作原理對於編寫高質量的JavaScript代碼至關重要。本文將深入探討JavaScript閉包的機制，並結合最佳實踐和代碼示例進行詳細説明。 什麼是閉包？ 閉包是指函數能夠訪問並操作其詞法作用域外部的變量的能力。當一個函數內部定義了另一個函數，並且內部函數引用

閉包 , 前端 , Javascript

收藏 評論

guisijun 頭像

歸思君 - JavaScript中的this指向哪？

大家好，我是歸思君 一、引言 this可以説是前端開發中比較常見的一個關鍵字，由於其指向是在運行時才確定，所以大家在開發中判斷其方向時也會很模糊，今天就把this的指向問題拆開了，揉碎了，好好講一講。 先來看一個場景，看看該處的 this 應該指向哪：首先在 request.js 中定義一個 getAction 函數 export function getAction(url,paramet

this , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - node.js 項目中執行 npm install 命令後看到的 idealTree inflate 的含義

隱身窗口是Chrome瀏覽器的一項隱私功能，它允許用户在瀏覽網頁時保護個人隱私。當用户在隱身窗口中瀏覽時，瀏覽器不會保存瀏覽歷史、搜索歷史、下載記錄以及填寫的表單數據。這一功能有助於用户在不留下痕跡的情況下訪問網頁，尤其是在共享計算機或公共場所使用時更為重要。 隱身窗口的核心特性 不保留瀏覽歷史記錄： 隱身窗口模式下，Chrome瀏覽器不會保存用户的瀏覽歷史記錄。這意味着在關閉隱身窗口後，之前

spring , ruby-on-rails , node.js , 前端 , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 如何利用燭龍和谷歌插件優化CLS(累積佈局偏移) | 京東雲技術團隊

簡介 CLS 衡量的是頁面的整個生命週期內發生的每次意外佈局偏移的最大突發性_佈局偏移分數_。佈局變化的發生是因為瀏覽器傾向於異步加載頁面元素。更重要的是，您的頁面上可能存在一些初始尺寸未知的媒體元素。這種組合意味着瀏覽器在加載完成之前無法確定單個元素將佔用多少空間。因此，這種不確定性帶來的劇烈佈局轉變就會導致一個高的CLS分數，也就説明用户體驗將會很糟糕。 累積佈局偏移的計算公式 = 影響比例*

佈局 , 前端 , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 解析$nextTick魔力，為啥大家都愛它？

1.為什麼需要使用$nextTick? 首先我們來看看官方對於$nextTick的定義: 在下次 DOM 更新循環結束之後執行延遲迴調。在修改數據之後立即使用這個方法，獲取更新後的 DOM。 由於vue的試圖渲染是異步的，生命週期的created()鈎子函數進行的DOM操作一定要放在Vue.nextTick()的回調函數中，原因是在created()鈎子函數執行的時候DOM其實並未進行渲染，而此時

vue.js , dom , 前端 , Javascript

收藏 評論

nanchengfe 頭像

南城FE - [譯]優秀的URL設計

本文翻譯自 Examples of Great URL Design，作者：Jim Nielsen， 略有刪改。 以下是Kyle Aster關於URL的設計為何重要的觀點（2010年）： URL是通用的。它們可以在Firefox、Chrome、Safari、Internet Explorer、cURL、wget、iPhone、Android中使用，甚至可以寫在便籤上。它們是網絡的一種通用語法，但別

前端 , Javascript , url

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 前端 JS 安全對抗原理與實踐

作者：vivo 互聯網安全團隊- Luo Bingsong 前端代碼都是公開的，為了提高代碼的破解成本、保證JS代碼裏的一些重要邏輯不被居心叵測的人利用，需要使用一些加密和混淆的防護手段。 一、概念解析 1.1 什麼是接口加密 如今這個時代，數據已經變得越來越重要，網頁和APP是主流的數據載體，如果獲取數據的接口沒有設置任何的保護措施的話，數據就會被輕易地竊取或篡改。 除了數據泄露外，一些重要功能

混淆 , 調試 , 前端 , Javascript

收藏 評論

nanchengfe 頭像

南城FE - 2023 年最受歡迎的 12 款 Chrome 瀏覽器擴展

谷歌瀏覽器Chrome是目前最受歡迎的瀏覽器之一，而瀏覽器擴展則是為了提升用户體驗和功能而開發的插件。 2023年穀歌公佈了12款最受歡迎的Chrome瀏覽器擴展。每個都提供獨特的功能來增強您的瀏覽體驗。以下是它們的詳細介紹： Speechify：將Google文檔、PDF、網頁或書籍轉換成語音，擁有30多種語言的自然發音聲音。 QuillBot：一套AI驅動的寫作工具，包括語法檢查

chrome , chrome-extension , Linux , 前端 , Javascript

收藏 評論

guisijun 頭像

歸思君 - 聊一聊 JavaScript 中的作用域和閉包

哈嘍大家好，我是歸思君~ 一、引言 我們知道，作用域（Scope）就是代碼中變量和函數的可訪問的區域，這個區域中決定了變量和函數的生命週期。在當前的高級程序語言中，主要有詞法作用域（靜態作用域）和動態作用域兩種。 靜態作用域：其作用域是在編寫代碼時就已經確定好，靜態作用域是根據變量和函數在代碼中的位置來決定。函數尋找變量時，是在函數定義的位置中尋找，而不是調用的位置。現在大多數編程語言都採用的

作用域 , 閉包 , 作用域鏈 , 前端 , Javascript

收藏 評論

wswx 頭像

goblin_pitcher - 單調棧模板和適用範圍

刷力扣時，遇到關鍵詞：下一個更大/小的數這類題目時，往往會採用單調棧的解法，如每日温度 刷題最常見的問題就是，看到題解，感覺很精妙，但下次遇到一模一樣的題目時，往往知道思路，但寫不出代碼，有或者遇到類似的變體題目時，不會往這方面想。這兩種情況在之前的文章(數據結構算法小結)中提到過，分別有兩方面的原因： 對工具（如單調棧知識點）的特性（適用範圍）不明朗 對工具的原理沒有真正的理解 初學單調

數據結構和算法 , 前端 , Javascript

收藏 評論

zzd41 頭像

superZidan - 深入探索 Next.js 中的流式渲染和分塊傳輸編碼

hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 Next.js 中的流式渲染和分塊傳輸機制 ，如果大家遇到任何問題，歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能，乾貨滿滿，建議點贊➕關注➕收藏； 温馨提示：如果你還是個 Next.js 新手，建議先閲讀這篇 Next.js 最佳實踐，照着這篇文章先把代碼敲一遍 簡述 在本篇文章中，我們將深入探索組

node.js , next.js , stream , ssr , Javascript

收藏 評論

ddup365 頭像

specialcoder - URL參數的格式化和解析

常見場景 傳遞 URL 參數是頁面A與頁面B通信時常用的方法。如：頁面A是新聞列表頁面，在點擊某一條新聞的時候，需要帶着新聞 ID 打開頁面B新聞詳情頁面 pageB?id=${id}，這樣頁面B就能根據解析 URL 上的 ID 獲取具體的新聞詳情了。 常見的格式化和解析方法 🔥🔥🔥 推薦一個好用的解析工具：Prettier URL 給出一段參數： const query = { a

Javascript , url

收藏 評論

anran758 頭像

anran758 - Promise 與異步編程

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

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

收藏 評論

sigui_5f58bd7ced379 頭像

周翔宇 - 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

收藏 評論

invalidnull 頭像

註銷 - 關於 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

收藏 評論

liuyuedekele 頭像

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

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

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

收藏 評論

lengcang 頭像

茶色島 - JavaScript面向對象

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

oop , 前端 , Javascript

收藏 評論

grewer 頭像

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

收藏 評論

invalidnull 頭像

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

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

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

收藏 評論