收藏 / 列表

jianer 頭像

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

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

Ajax , 前端 , Javascript

daimaxieshen 頭像

瓏墨 - 【為什麼】使用 reduce 按順序執行 promise 有效？💭

我是月弦笙音，今天給大家分享為什麼使用 reduce（） 按順序解析 promise 有效，嘎嘎的😍，看下面 在不使用對象的情況下編寫異步 js 很像閉着眼睛烤蛋糕。這是可以做到的，但它會很混亂，你最終可能會shao到自己。😂Promise 一、開題展示 我不會説這是必要的，但你明白了。真是太好了😂。不過，有時它需要一點幫助來解決一些獨特的挑戰，比如當你試圖按順序解決一堆承諾時，一個接

ecmascript-6 , promise , challenge , 前端 , Javascript

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 從實際營銷活動案例看 H5 與 WebView 的交互

從實際案例看 H5 與 WebView 交互 現在運營需要設計一個活動頁面，這個頁面需要支持如下功能: img src="https://img-blog.csdnimg.cn/direct/9cf7eeedd91d48088c3c1695941521cf.jpeg" width="375px"/ img src="https://img-blog.csdnimg.cn/direct/a78

vue.js , uniapp , webview , Javascript

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 html

獲取代碼： learnhtml.txt HTML 代表超文本標記語言。 它是一種允許我們為萬維網編寫頁面的語言。它是一種標記語言，它使我們能夠使用代碼編寫網頁來指示應如何顯示文本和數據。事實上，HTML 文件是簡單的文本文件。 這個標記是什麼？它是一種通過用開始標籤和結束標籤包圍頁面數據來組織頁面數據的方法。此標記用於賦予它所包含的文本以意義。與其他計算機語言一樣，HTML 有許多版本。這裏我們將

基礎 , 入門 , HTML , html5

u_15903730 頭像

WangLanguager - Word2Vec介紹和代碼示例

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

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

bianchengsanmei 頭像

編程三昧 - 前端 CSS 變量簡介及基本使用方法

背景 複雜的網站都會有大量的CSS代碼，通常也會有許多重複的值。 舉個例子，同樣一個顏色值可能在成千上百個地方被使用到，如果這個值發生了變化，需要全局搜索並且一個一個替換，效率不高且容易出錯。 自定義屬性在某個地方存儲一個值，然後在其他許多地方引用它。另一個好處是語義化的標識。比如，--main-text-color 會比 #00ff00 更易理解，尤其是這個顏色值在其他上下文中也被使用到。 概

css3 , css技巧 , css變量var , Css , 前端

imouou_5a60be738882f 頭像

王小o - BUI 新官網上線了，全新出發！

經過幾個月的奮戰，我們的BUI 新官網終於上線了！熱淚盈眶.jpg 簡介 BUI 是一個跨平台UI開發框架，基於路徑式的組件化開發，結合單頁路由，可按需加載，開箱零配置，簡單上手，適合獨立開發各種 Webapp，App，輕應用，小程序，公眾號，聆客，釘釘…… 網站更新內容如下： 【新增】一個新聞資訊類組件化開發的案例，包含（登錄，自動分頁列表，詳情，選項卡，嵌套選項卡，卡片式，用户中心等內容）

框架 , webapp , 模板 , jquery , Javascript

sam-poder 頭像

Sam Poder - The Case For Prisma In The Jamstack

The Jamstack approach originated from a speech given by Netlify’s CEO Matt Biilmann at Smashing Magazine’s very own Smashing Conf in 2016. Jamstack sites serve static pre-rendered content through a

next.js , Jamstack , serverless , Javascript

zhouzhou_59fd35dc466dc 頭像

周皺 - javascript字符串常用api使用匯總（二）

javascript字符串常用api使用匯總（二） 本文講述所有能使用正則的字符串api search replace replaceAll split match search 按正則搜索字符串 這個api使用很簡單，就是搜索字符串中符合規則的字符的開頭索引 const rex = /\w+/ const str = 'abc123321' console.log(st

split函數 , match , Search , string , Javascript

wuyagege 頭像

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

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

set , get , 前端 , Javascript

wensandaoshi 頭像

fx67ll - 前端性能優化的利器 ——— 淺談JavaScript中的防抖和節流

防抖和節流函數是工作中兩種常用的前端性能優化函數，今天我就來總結一下什麼是防抖和節流，並詳細説明一下如何在工作中應用防抖和節流函數 什麼是防抖和節流? 在 JavaScript 中，防抖（debounce）和節流（throttle）是用來限制函數執行頻率的兩種常見技術。 防抖（debounce） 是指在某個時間段內，只執行最後一次觸發的函數調用。如果在這個時間段內再次觸發該函數，會重新計時，直到等

性能優化 , 前端性能優化 , loadsh , 前端 , Javascript

flydean 頭像

flydean - netty系列之:netty中的核心編碼器base64

簡介 我們知道數據在netty中傳輸是以ByteBuf的形式進行的,可以説ByteBuf是netty的數據傳輸基礎。但是對於現代的應用程序來説，通常我們需要用到其他的數據結構或者類型。 為了方便我們在程序中的編寫，一種方式就是在將數據傳入到netty中的時候由程序員自身將數據格式進行轉換，然後再調用netty的系統方法。另外一種方式就是定義一些codec，由netty的內在編碼機制將程序中用到的數

base64 , netty

michelle-barker 頭像

Michelle Barker - Building A Dynamic Header With Intersection Observer

The Intersection Observer API is a JavaScript API that enables us to observe an element and detect when it passes a specified point in a scrolling container — often (but not always) the viewport — t

performance , API , Javascript , ui

u_16099229 頭像

架構設計師之光 - 如何焊接一個LED音樂頻譜電子DIY LED閃光套件

我喜歡完成的電子套件，我可以在這裏專注於完成-通常是來自遠東的物美價廉的小玩意。我給自己買了一個音樂頻譜計，在連接到高保真音響系統或智能手機後，3.5英寸插孔上的聲音可以讓LED動起來。LED燈的閃爍取決於歌曲的節拍。 規格 •工作電壓：5V USB供電 •信號接入方式：3.5音頻線輸入音頻信號 •安裝方式：DIY焊接組裝 •尺寸：1

電路圖 , 智能手機 , 故障排除 , Css , 前端開發 , HTML

webinfoq 頭像

破曉L - 面試小冊：面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型（string、number、boolean、undefined、symbol、bigint 和 null），這些都是不可變的。這意味着一旦分配了一個值，我們就無法修改它們，我們可以做的是將它重新分配給一個不同的值（不同的內存指針）。另一方面，其他數據類型（如 Object 和 Function）是可變的，這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

wadelau 頭像

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

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

php , smarty , 模板引擎 , JAVA

ddup365 頭像

specialcoder - JavaScript 模塊化機制

參考： https://zhuanlan.zhihu.com/p/337796076 JavaScript 模塊化機制概覽 JavaScript 常見的模塊化機制主要有以下三種： AMD (Asynchronous Module Definition): 在瀏覽器中使用，並用 define 函數定義模塊； CJS (CommonJS): 在 NodeJS 中使用，用 require 和 mo

模塊化 , 工程化

suporka 頭像

suporka - “山寨版”《草料二維碼》

背景 之前瀏覽過草料二維碼的網站，他的二維碼美化功能很強大，可以分別自定義碼眼和碼點的形狀和顏色，功能十分強大 💪！ 碰巧之前寫過一個 npm 插件 qrcode-with-logos, 用於前端生成帶 logo 的二維碼。 而且在 github 的 issues 裏有外國友人 👨‍🦱 問我能否實現不同樣式的二維碼，剛好以此作為新需求，模仿草料二維碼的樣式和功能，開發了 qrcode-wit

canvas , 前端 , Javascript

u_14256 頭像

laojean - Mysql詳解

前言：在數據庫管理中，MySQL 作為開源關係型數據庫的標杆，其基礎操作是所有開發者和運維人員的必備技能。本文將從數據庫的創建、編碼配置、查看修改，到備份恢復與連接監控，逐步拆解核心操作，結合實操命令與原理講解，幫你徹底掌握 MySQL 基礎管理邏輯。 一、數據庫創建：基礎語法與本質解析 創建數據庫是 MySQL 操作的起點，掌握其語法規則與底層原理

MySQL , 數據庫 , 前端開發 , Javascript

u_16099346 頭像

雲端築夢者 - Kafka到底有多高可靠？（RNG NB）

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

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

zara-cooper 頭像

Zara Cooper - Reasons To Build A CRM-Powered Website For Your Business

This article has been kindly supported by our dear friends at HubSpot who have created an ecosystem uniting software, education, and community to help businesses grow better every day. Thank you!

Clients , User Experience , Business

116263 頭像

前端胖頭魚 - zepto源碼分析之form模塊

前言 JavaScript最初的一個應用場景就是分擔服務器處理表單的責任，打破處處依賴服務器的局面，這篇文章主要介紹zepto中form模塊關於表單處理的幾個方法，serialize、serializeArray、submit。 原文鏈接 github項目地址 表單相關回顧 在開始學些form模塊相關方法前，我們先來回顧一下表單提交時，瀏覽器是怎麼樣將數據發送給服務器的(以下內容摘自《

zepto , css3 , jquery , html5 , Javascript

software-Development 頭像

IT開發者筆記 - DHTMLX重磅發佈React Scheduler組件，強勢賦能日程管理開發！

React開發者們的呼聲，DHTMLX團隊聽到了！繼DHTMLX React Gantt圖表廣受歡迎後，DHTMLX再次帶來全新力作 ——DHTMLX React Scheduler正式發佈！ 該組件將成熟穩定的JavaScript Scheduler功能完美移植到React生態，為現代Web開發提供強大的日程排程能力，極大地提升項目開發效率與界面體驗。本文將帶您快速瞭解其核心能力與典型用法，助力

react , 前端

lingleidejiandao 頭像

另類的剪刀 - smartproxy API 代理——控制平面 + 策略治理，構建一體化可觀測與可回滾體系

面向中大型技術團隊與企業技術決策者，以”控制平面+策略治理”為核心架構，提供統一接入、統一治理、統一可觀測的 API 代理能力。我們將穩定性與性能作為首要目標，幫助團隊在全球多區域場景下顯著提升交付效率與運營可控性 1。 核心能力概覽 控制平面集中式治理：路由、鑑權、限流、熔斷、重試、可觀測等策略集中下發，實現統一變更與一鍵回滾 企業級穩定性保障：針對 AI 推理、數據採集與高併發場景

Javascript