收藏 / 列表

瘋狂的技術宅 - JavaScript中的回調函數看這篇就夠了

回調函數是每個前端程序員都應該知道的概念之一。回調可用於數組、計時器函數、promise、事件處理中。 本文將會解釋回調函數的概念,同時幫你區分兩種回調:同步和異步。 回調函數 首先寫一個向人打招呼的函數。 只需要創建一個接受 name 參數的函數 greet(name)。這個函數應返回打招呼的消息: function greet(name) { return `Hello, ${name}!

回調函數 , 前端 , Javascript

Gomi - 加速你的 Bun 並行開發:bun-tasks 全攻略

加速你的 Bun 並行開發:bun-tasks 全攻略 如果你在 Bun 項目裏需要同時運行多個腳本,又不想為兼容性煩心,bun-tasks 會是最順手的選擇。這個專為 Bun 設計的並行任務運行器,幫你在一條命令中啓動多個任務、智能合併環境變量,並自動識別 package.json 中的腳本。只要先確認環境裏 bun --version 可用,就能即刻體驗 Bun 原生的多任務流程。 為什麼選擇

node.js , bun.js , npm , 前端 , Javascript

LYX6666 - 釘釘企業內部應用同步部門用户

前言 有了上一篇釘釘企業內部應用SSO單點登錄實戰及踩坑過程之後,再去看釘釘的文檔和接口就顯得輕車熟路了。 明確需求:定時把釘釘的用户同步到企業自己開發的系統中,以便讓企業內的員工都能使用SSO單點登錄。 確定接口 借鑑上一篇的經驗,我們優先選擇V2版本的接口。 釘釘開放平台-用户信息 右側提供了返回值的實體,注意到包括userId、姓名、電話這三個關鍵字段存在,説明該接口滿足需求。 把鼠標放到

單點登錄 , 釘釘 , springboot , JAVA , 後端

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中,你需要兩個外部變量來管理狀態: // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單:在每個請求發出去之前,都帶上當前的 token

Ajax , 前端 , Javascript

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

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

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

愛吃雞蛋餅 - 記一次較完整的vue3+koa2簡單項目開發經驗總結

  最近上頭讓我寫個項目簡單的官方網站,需求很簡單,有前後端,前端負責獲取要跳轉的外鏈進行跳轉和介紹視頻的播放,後端負責傳回外鏈和需要播放的視頻。我拿到需求,想了想,這樣子的需求就用不着數據庫了,後端寫個配置文件,傳回固定的數據就可以了,視頻嘛,就通過流的方式傳給前端。   確定好了實現方式,那就擼起袖子開幹。經過簡單思考,使用vue3+koa2的方式來做。一切從簡,安裝vue3-cli和k

全棧 , koa2 , vue3

零一行者 - 從實際營銷活動案例看 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

WangLanguager - 多智能體強化學習(MARL)介紹和代碼示例

多智能體強化學習(MARL)介紹 多智能體強化學習(Multi-Agent Reinforcement Learning, MARL)是強化學習的一個分支,涉及多個智能體在同一環境中學習和決策。MARL 主要關注以下幾個方面: 環境交互: 多個智能體同時與環境交互,它們的行為不僅影響自身的獎勵,也會影響其他智

強化學習 , yyds乾貨盤點 , tensorflow , 前端開發 , 代碼示例 , Javascript

wszgrcy - 初始化項目像搭積木一樣?你可使用Code Recycle的模板功能

一般情況下,我們初始化新項目的時候,往往都是通過現有文件,製作一個模板(倉庫使用) 但是有時候一個相同的功能(模塊)更新無法同步更新到所有的文件模板上,我們需要在生成後繼續進行細節調整 這時候你可以嘗試下使用Code Recycle的模塊功能 Code Recycle所具有的模板功能 支持交互.你可以在調用時輸入字符串來修改文件中一些變量;你可以選擇選項控制內容是否生成

vscode插件 , 代碼生成 , 腳手架 , 模板

編程三昧 - Web Components系列(一) —— 概述

前言 如果我們選擇不使用任何框架的情況下來進行前端開發,那麼針對一個完整的網頁,我們需要開發以下代碼: HTML 代碼 CSS 代碼 JavaScript 代碼 就幾年之前來説,HTML 部分的代碼基本不存在複用的可能,這就導致我們可能需要開發大量重複的 HTML 代碼,即使使用 CV 法,代碼的冗餘卻是不可避免的。 Web Components 誕生的背景 近幾年,我們在使用前端框架(

component , 組件化 , 前端

王小o - 【快速開發App實戰】BUI高仿網易新聞App系列一、搭建App開發環境和工作空間

一. 搭建App開發環境和工作空間 前言 我們的目標是要做一個真實的案例, 着重通過BUI框架及其相關工具的使用, 結合原生打包平台, 幫助大家理解一個App的開發過程. 以最新網易新聞的App為例, 儘量只描述過程, 細節可以自行完善, 高仿得太過以假亂真, 會有侵權問題 ^_^. 文章會分為多個小章節, 知識點逐個講解的方式, 每天掌握一點點, 進步一點點. 文章首發都會在bui神速訂閲號,

app , hybrid-app , webapp , 前端 , Javascript

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

周皺 - 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

雲綺棠兮 - 每日算法題--- 爬樓梯(利用JS實現)

假設你正在爬樓梯。需要 n 階你才能到達樓頂。 每次你可以爬 1 或 2 個台階。你有多少種不同的方法可以爬到樓頂呢? 示例 1: 輸入:n = 2 輸出:2 解釋:有兩種方法可以爬到樓頂。 1. 1 階 + 1 階 2. 2 階 示例 2: 輸入:n = 3 輸出:3 解釋:有三種方法可以爬到樓頂。 1. 1 階 + 1 階 + 1 階 2. 1 階 + 2 階 3. 2 階 + 1 階

遞歸 , 前端

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

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

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

flydean - JDK9的新特性:String壓縮和字符編碼

簡介 String的底層存儲是什麼?相信大部分人都會説是數組。如果要是再問一句,那麼是以什麼數組來存儲呢?相信不同的人有不同的答案。 在JDK9之前,String的底層存儲結構是char[],一個char需要佔用兩個字節的存儲單位。 據説是JDK的開發人員經過調研了成千上萬的應用程序的heap dump信息,然後得出了一個結論:大部分的String都是以Latin-1字符編碼來表示的,只需要一個字

jdk9 , 字符編碼 , JAVA , string

Michelle Barker - A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect

Techniques , Tools , Css , Colors , Design Systems

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

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

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

wadelau - 🙋Hanjst漢吉斯特優化+JsonDataFromScript等

近日繼續對🙋Hanjst漢吉斯特優化改進。這次的改進思考是從服務器端返回的 HanjstJsonData的容器設計問題。目前的做法是服務器端的HanjstJsonData放入終端頁面的一個Div元素中。這個Div的id默認被設置為Hanjstjsondata。 div id=”Hanjstjsondata” style=”display:none;height:0px;width:0px;”

模板引擎 , 模板 , 前端 , html5 , Javascript

specialcoder - NPM package.json 中 browser,module,main

參考:https://github.com/SunshowerC/blog/issues/8 browser VS module VS main 我們經常見到 package.json 裏有這樣一段內容: { ... main: dist/index module: dist/index.esm.js browser: dist/zhihu-hybrid.umd.js } 當我們在不

打包 , 模塊化 , 工程化 , npm

suporka - underscore 誕生記(一)—— 基本結構搭建

1. 簡介 underscore 是一款成熟可靠的第三方開源庫,正如 jQuery 統一了不同瀏覽器之間的 DOM 操作的差異,讓我們可以簡單地對 DOM 進行操作,underscore 則提供了一套完善的函數式編程的接口,讓我們更方便地在 JavaScript 中實現函數式編程。 jQuery 在加載時,會把自身綁定到唯一的全局變量 $ 上,underscore 與其類似,會把自身綁定到唯一的

underscore , 前端 , Javascript

laojean - 【Java數據結構】集合PriorityQueue及其背後的數據結構堆(優先級隊列)(一)

目錄 一、引言 二、什麼是優先級隊列? 2.1 基本概念 三、堆:優先級隊列的底層實現 3.1 堆的基本概念 3.1.1 堆的定義 3.1.2堆的存儲 3.2 堆的核心操作 3.2.1 向下調整(Shift Down) 3.2.2向上調整(Shift Up) 3.2.3插入與刪除操作

sed , 數據結構 , 優先級隊列 , JAVA , 大根堆 , 前端開發 , Javascript

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

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

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

Zara Cooper - How To Build An E-Commerce Site With Angular 11, Commerce Layer And Paypal

Nowadays it’s essential to have an online presence when running a business. A lot more shopping is done online than in previous years. Having an e-commerce store allows shop owners to open up other

angular , Headless , API , Apps , E-Commerce