收藏 / 列表

健兒 - 從一個請求封裝的“死循環”Bug,我學到了什麼?—— 深入剖析 async/await 與錯誤處理 前言:那個讓我頭疼的下午

我們都曾經歷過這樣的下午:一個看似邏輯嚴密的模塊,在實際運行時卻表現得像個失控的野獸。我的故事,就從一個本應“智能”處理登錄和 Token 刷新的 ajax 請求封裝函數開始。 我希望它能在接口返回 400(需要登錄)或 4_01(Token 失效)時,自動完成登錄或刷新 Token,然後再重新發起剛才失敗的請求。然而,它卻在某些情況下陷入了可怕的無限循環,瘋狂轟炸着我的服務器。 起初

Ajax , 前端 , Javascript

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的,因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例,如下: 把任務拆解下: 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api,不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript

WangLanguager - Word2Vec介紹和代碼示例

Word2Vec 介紹 Word2Vec 是一種用於生成詞嵌入(word embeddings)的模型,由 Google 的研究團隊於 2013 年提出。它能夠將詞彙映射到一個低維度的向量空間,使得相似的詞在向量空間中距離較近。 Word2Vec 的兩種主要模型 Skip-Gram:給定一個詞,預測其上下文中的詞。適用於處理稀

yyds乾貨盤點 , 加載 , 自然語言處理 , 詞向量 , 前端開發 , Javascript

Sam Poder - Next.js Wildcard Subdomains

A “wildcard”? What in the world? Great question, these types of domain stem from Wildcard DNS Records which look like this: *.example. 3600 TXT "Wild! You have found a wildcard.

Tools , next.js , Jamstack , Static Generators

周皺 - javascript字符串常用api使用匯總(一)

javascript字符串常用api使用匯總(一) charAt charCodeAt fromCharCode concat repeat startsWith endsWith includes indexOf lastIndexOf slice substr substring trim charAt、charCodeAt、fromCharCode 按照索引獲

slice , 字符串 , concat , string , Javascript

雲綺棠兮 - js中如何監聽一個對象中屬性的變化

訪問器屬性特性 訪問器屬性:這個屬性不包含數據值,包含的是一對get和set方法,在讀寫訪問器屬性時,就是通過這兩個方法來進行操作處理的。 訪問器屬性包含的四個特性: [[Configurable]]------表示能否通過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或能否把屬性修改為訪問器屬性, 默認為false [[Enumerable]]-------表示能否通

set , get , 前端 , Javascript

flydean - ECMAScript 2018(ES9)新特性簡介

簡介 ES9是ECMA協會在2018年6月發行的一個版本,因為是ECMAScript的第九個版本,所以也稱為ES9. 今天我們講解一下ES9的新特性。 ES9引入了3大特性和2個小的特性,我們接下來一一講解。 異步遍歷 在ES6中,引入了同步iteration的概念,隨着ES8中的Async操作符的引用,在ES9中引入了異步遍歷的新特性Async iteration。 具體的內容可以參考我之前的文

es8 , ecmascript-6 , es7 , es10 , ecmascript

Michelle Barker - Developer Decisions For Building Flexible Components

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Added to that, on the modern web, users have an ever-increasing range of options for ho

Techniques , Content , Css , Design

架構設計師之光 - ASP.Net之筆記11-05(Repeater 分頁)

: positional encoding : triplet encoding : subject encoding : object encoding Relation Transformer (RelTR), to directly predict a fixed-size set of − −

歸一化 , 三元組 , 人工智能 , transformer , 深度學習 , 前端開發 , Javascript

破曉L - 現代 JavaScript 框架工作原理你瞭解多少?

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年,但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時,我常常會被自己不知道的事情壓得喘不過氣來。 不過,瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外,我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , Javascript

賀公子 - 證書請求全過程分析

證書請求全過程分析 證書請求通常涉及生成密鑰對、創建證書籤名請求(CSR)、提交至證書頒發機構(CA)以及最終獲取簽名的證書。以下是詳細流程: 密鑰對生成 使用加密算法(如RSA或ECC)生成公鑰和私鑰。私鑰需嚴格保密,公鑰則包含在CSR中。 創建CSR CSR包含公鑰、主體信息(如域名、組織名稱等)以及簽名。簽名使用私鑰生成,用於驗證CSR的完整

密鑰對 , 服務器 , HTTP , 前端開發 , Javascript

wadelau - GWA2吉娃兔🐇升級模板引擎子系統

近期,全球範圍內的新冠肺炎疫情有所緩解,抗擊疫情有發展成為常態化的趨勢,復工復學正有序展開。GWA2 吉娃兔🐇 在此期間升級改進了模板引擎系統。 這是一件令人開心的事,夙願已久,終得實現。 大約7-8年前,當我們完成GWA2 PHP版本所有主要功能架構後,開始審視代碼進行加強和優化時,就設想在模板文件的加載部分需要優化改進。 這一設想,拖來拖去,竟然有7-8年過去了。 通常情況下,GWA2

php , smarty , 模板引擎 , JAVA

specialcoder - 字符編碼系列: ASCII、UTF-8 和 Unicode

準備 二進制換算 1 G = 1024 M = 1024 1024 K = 1024 * 1024 * 1024 Byte 1 Byte = 8 bit 一、ASCII 碼 只佔用一個字節表示的編碼 我們知道,計算機內部,所有信息最終都是一個二進制值。每一個二進制位(bit)有 0 和 1 兩種狀態,因此八個二進制位就可以組合出256種狀態,這被稱為一個字節(byte)。也就是説,一個字節一

utf-8 , ascii碼 , unicode , Javascript

suporka - underscore 誕生記(二)—— 鏈式調用與混入(mixin)

上篇文章講述了 underscore 的基本結構搭建,本文繼續講鏈式調用與混入。 如果你還沒看過第一篇文章,請點擊 “underscore 誕生記(一)—— 基本結構搭建” 鏈式調用 在 JQuery 中,我們經常使用到鏈式調用,如: $('.div') .css('color', 'red') .show(); 那麼在 underscore 中,是否支持鏈式調用呢?答案是支持的,只不過

underscore系列 , underscore , Javascript

雲端築夢者 - Kafka到底有多高可靠?(RNG NB)

kafka的高可靠性的核心是保證消息在傳遞過程中不丟失,涉及如下核心環節: 消息從生產者可靠的發送至Broker;—網絡、本地丟數據。 發送Broker的消息可靠持久化;—PageCache緩存落盤、單點崩潰、主從同步跨網絡。 消費者從Broker消費到消息且最好只消費一次。—跨網絡消息傳輸。

數據 , 持久化 , 分佈式 , kafka , 前端開發 , Javascript

Zara Cooper - You Can Do That With A JavaScript Data Grid?

This article has been kindly supported by our dear friends at Progress Kendo UI who are committed to giving developers the tools they need to harness and master the technological evolution shapin

Tools , Javascript , ui

前端胖頭魚 - Zepto源碼分析之ie模塊

前言 Zepto中的ie模塊主要是改寫getComputedStyle瀏覽器API,代碼量很少,但也是其重要模塊之一。在看源代碼之前,我們先回顧一下如何使用 getComputedStyle Window.getComputedStyle() 方法給出應用活動樣式表後的元素的所有CSS屬性的值,並解析這些值可能包含的任何基本計算。MDN let style = window.get

zepto , 源碼分析 , jquery , 前端

你好2007 - 理解prototype和__proto__(繼承與原型鏈)

從關係圖中可以看出來,ECMAScript中創建一個對象是通過new構造函數實現的,而本質上來説這個對象其實是以構造函數的屬性prototype指向的對象為基本模板的,因此新對象的__proto__屬性表明了自己來源於誰。 prototype 該屬性用來指向創建一個對象的基本模板,默認指向new構造函數,也可以修改,或者通過改屬性為新對象添加屬性。 需要注意的是,該屬性只有函數才有。 //構造函

prototype , 前端 , Javascript

IT開發者筆記 - Stimulsoft 引入無代碼腳本編程 —— Blockly 讓報表與儀表盤更智能

Stimulsoft 是一款功能強大的數據可視化與報表平台,廣泛應用於各類企業的數據分析與展示場景。其核心優勢之一在於支持為報表和儀表盤添加自定義邏輯,以實現數據處理、可視化控制和用户交互等高級功能。 Stimulsoft Ultimate 試用下載 從傳統腳本到無代碼邏輯 在過去,Stimulsoft 中的邏輯擴展主要依賴編程腳本,不同產品支持的語言各不相同,如C#、VB.NET 或 JavaS

企業信息化

另類的剪刀 - SmartProxy – 企業級出站 Web 訪問與數據採集的安全可運營基座

面向企業的出站 Web 訪問與數據採集,安全與可運營缺一不可。HTTPS 代理以 CONNECT 隧道與端到端 TLS 為核心技術,構建清晰的加密邊界,實現可策略化、可審計、可擴展的訪問控制。結合 HTTPS 與 Socks5 分層策略,依託全球住宅 IP 與託管網絡,為覆蓋範圍、性能表現、可靠性保障與 SLA 承諾建立確定性優勢 1。 一句話價值主張 以 CONNECT + TLS 端到端

Javascript

愛跑步的番茄 - 什麼是住宅代理(Residential Proxy)?詳解原理、優勢與應用場景

在數字經濟與跨境互聯網時代,網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”(Residential Proxy)作為一種高匿名、高穩定的網絡中轉方式,正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別,以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理(Residential Proxy) 是指通過真實

typescript , 前端 , Javascript

雨花石 - npm包的main字段

背景: 將前端項目中一些常用的代碼封裝成了一個單獨的npm包放在私服上,其他項目使用時通過install安裝後,webpack構建時提示找不到該npm包, This dependency was not found: * @b/sm2 in ./src/utils/js/common.js To install it, you can run: npm install --save @b/sm

npm , 前端 , Javascript

夢想雲圖網頁CAD - (JS實現編輯DWG文件)網頁CAD SDK集成方法

前言 我們基於mxcad創建了一個在線的CAD項目,該項目中包含了預覽、編輯圖紙、操作圖紙數據庫等多種CAD功能。用户集成後支持二次開發。當前我們提供了兩種集成方式,方案1:通過iframe集成mxcad項目;方案2:直接在項目中集成mxcad-app插件。 下面我們詳細講解第2種mxcad-app的集成方式,這種方式與iframe嵌套集成相比更加方便,集成後也只需要維護當前一個系統項目。

node.js , typescript , html5 , Javascript

前端小菜 - js合併數組的方法

1,方法一 concat() 實例:arrayA.concat(arrayB) 會生成新的數組。 let arrayA = ['ja', 'va']; let arrayB = ['scr', 'ipt']; // 合併數組A和B arrayA = arrayA .concat(arrayB); // 查看合併後的結果 console.log(arrayA); // ['ja',

ecmascript-6 , es7 , es5 , Javascript