收藏 / 列表

evilboy 頭像

瘋狂的技術宅 - 深入理解 JavaScript 回調函數

作者：Nilesh Sanyal 翻譯：瘋狂的技術宅 原文：https://dzone.com/articles/ja... 未經允許嚴禁轉載 JavaScript回調函數是成為一名成功的 JavaScript 開發人員必須要了解的一個重要概念。但是我相信，在閲讀本文之後，你將能夠克服以前使用回調方法遇到的所有障礙。 在開始之前，首先要確保我們對函數的理解是紮實的。 快速回顧：Java

回調函數 , callback , Javascript

gomi 頭像

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

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

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

liuyuxuan6666 頭像

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞：觀察者模式。 觀察者模式是什麼？ 觀察者模式和回調函數有什麼關係？ 使用httpClient時，加上.subscribe有什麼作用？ Angular的httpClient中如何體現觀察者模式？ 解決了上述問題之後，就寫了這篇文章。 （這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數，卻沒有給出實際應用的例子。） 引入問題：httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

jianer 頭像

健兒 - 記錄arr.map 和arr.foreach 遇到的回調函數（異步和同步問題）的坑

大致問題是： 通過map或者foreach循環的回調函數操作數組，回調函數內部有ajax異步函數，通過await同步的寫法來調用的。console.log打印出數組跟實際渲染到view層的頁面始終不一致。 後來改寫成for循環就好了。 所以總結出來，基礎知識，在理解map和foreach這個api不夠深刻，也對await 關鍵詞的使用場景理解不透徹（雖然是for循環，但作用域函數可以找

promise , await-async , map , for循環 , Javascript

daimaxieshen 頭像

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

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

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

dvqlfbwm 頭像

愛吃雞蛋餅 - 知識訂正：瀏覽器是如何渲染頁面的？

一.瀏覽器是如何渲染頁面的？   當瀏覽器的網絡線程收到 HTML 文檔後，會產生一個渲染任務，並將其傳遞給渲染主線程的消息隊列。在事件循環機制的作用下，渲染主線程取出消息隊列中的渲染任務，開啓渲染流程。   整個渲染流程分為多個階段，分別是： HTML 解析（Parse HTML）、樣式計算（Computed Style）、佈局（Layout）、分層（Layer）、繪製（Paint）、

瀏覽器原理 , 前端 , 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

u_15903730 頭像

WangLanguager - T5 (Text-to-Text Transfer Transformer)介紹和代碼示例

T5（Text-to-Text Transfer Transformer）介紹 T5 是由 Google Research 提出的一個統一的文本到文本的轉換模型。T5 的核心思想是將所有的自然語言處理任務都視為文本到文本的轉換問題，這種方法使得模型可以通過相同的架構處理各種任務，如文本分類、翻譯、問答等。 T5 的關鍵特點 統

yyds乾貨盤點 , 加載 , text , 分詞器 , jquery , 前端開發

qifengliao_5e7f5b20ee3bd 頭像

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下，不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js（如果沒有就新建，在項目根目錄） 在config-overrides.js文件裏重寫postcss，加入如下代碼 這文件將a

react , px2rem , rem , html5

willemwei 頭像

WillemWei - Express和Koa2的區別

前言 猶記得前段時間一次面試中，面試官問到：能説一説express和koa的區別嗎？當時心裏輕蔑一笑，這問題簡單，於是信心滿滿回答道：一個是基於回調，一個是基於Promise的。當時面試官楞了一下，笑了笑沒説什麼，我當時便意識到有什麼地方不對，後來查了下資料，發現確實沒有這麼簡單。 我總結了我查閲到的資料，希望對各位童鞋有所幫助。 Express和Koa2的區別和聯繫 Express是基於 N

express , node.js , koa , koa.js

wszgrcy 頭像

wszgrcy - 程序員如何封裝邏輯?

程序員如何封裝邏輯? 封裝 關於封裝代碼,我想大家都知道,提高可讀性,使代碼更清晰,更易於維護 那麼什麼是封裝邏輯?舉個例子,假如我想修改某個函數的傳參,將foo(a,b)改成foo(b,a),我們可以將a剪切到b後面,或b剪接到a前面,這就是我們的在操作時邏輯,而封裝邏輯,就是代替我們執行這個操作,我們只需要調用,就會有人幫我們實現 為什麼要封裝邏輯? 剛才舉的例子,只是交換一下參數

開發工具 , 開發 , 技術分享 , 架構模式

bianchengsanmei 頭像

編程三昧 - require() 方法詳解

在 NodeJS 中有一個方法是我們使用頻率最高的，那就是 require 方法。NodeJs 遵循 CommonJS 規範，該規範的核心是通過 require來加載其他依賴的模塊。 幾個問題 module.exports 或者 exports 是全局變量嗎？ 模塊的加載是同步還是異步？ 循環引用會不會產生性能問題或者導致錯誤？ 什麼是 CommonJS 每一個文件就是一個模塊，擁有自己

編程 , node.js , 模塊化 , require

imouou_5a60be738882f 頭像

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

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

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

sam-poder 頭像

Sam Poder - The What, When, Why And How Of Next.js’ New Middleware Feature

“Middleware” isn’t a new term in computing. It is often used as a term to describe a piece of software that holds two systems together. You could call it “glue” for software, and essentially, that’s

Guides , API , next.js , Javascript

zhouzhou_59fd35dc466dc 頭像

周皺 - 一文搞懂String的replace用法

String的replace方法的使用 大部分語言的都有字符串類型，字符串類型基本都有replace方法，今天就來説説javascript的replace方法 const str = 'abcdefjabcd' const newStr = str.replace('a', 'p') console.log(newStr) // pbcdefjabcd 今天的分享就到這裏，恭喜你已經學

replace , string , Javascript

wuyagege 頭像

雲綺棠兮 - element-UI組件工具中button的原生代碼

實現的效果圖 實現代碼 !-- * @Author: [you name] * @Date: 2021-10-13 14:27:18 * @LastEditors: [you name] * @LastEditTime: 2021-10-14 16:21:38 * @Description: -- !DOCTYPE html html lang="en" head met

component , element-ui

wensandaoshi 頭像

fx67ll - Dva.js 快速上手指南

先説些廢話 最近在開發React技術棧的項目產品，對於數據狀態的管理使用了Dva.js，作為一個資深的ow玩家，我看到這個名字第一反應就是————這不是ow裏的一個女英雄嗎?仔細閲讀了官方文檔之後，發現開發者還真是因為這個角色獲得靈感，來命名這個數據狀態管理插件，果然開發大佬都是工作和休閒兩不誤~ 學過React的同學都知道它的技術棧非常多且雜，所以每當你使用React的時候都需要引入很多的模塊，

react , redux-saga , dva.js , redux , Javascript

vivo_tech 頭像

vivo互聯網技術 - Redis key 消失之謎

作者：vivo 互聯網存儲團隊 - Lin Haiwen、Xu Xingbao 本文從一次生產環境業務服務報錯，逐步對問題進行定位，深入分析之後發現導致問題的原因，給出相應的優化方法，提升業務可用性。 1分鐘看圖掌握核心觀點👇 一、問題描述 1.1 報錯信息 應用服務報錯，通過監控日誌發現凌晨2點的時候，應用報錯獲取不到Redis key。 1.2 告警與監控信息 首先想到是否由於內存

redis , 數據庫 , 抓包解密

flydean 頭像

flydean - 架構之:REST和HATEOAS

簡介 我們知道REST是一種架構方式，它只是指定了六種需要遵循的基本原則，但是它指定的原則都比較寬泛，我們需要一種更加具象的約束條件來指導我們的編碼。這就是HATEOAS。 HATEOAS簡介 REST的英文全稱是REpresentational State Transfer，表示的是狀態的轉移。而HATEOAS的全稱是Hypertext As The Engine Of Application

rest , 架構設計 , 架構 , 架構模式

michelle-barker 頭像

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

u_16099229 頭像

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

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

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

wadelau 頭像

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

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

php , smarty , 模板引擎 , JAVA

ddup365 頭像

specialcoder - 認識包管理工具： npm、yarn和pnpm

包管理工具的發展 2010 年 1 月，一款名為 npm 的包管理器誕生。它確立了包管理器工作的核心原則。 npm 的發佈誕生了一場革命，在此之前，項目依賴項都是手動下載和管理的。npm 引入了文件和元數據字段，將依賴項列表存儲在 package.json 文件中，並且將下載的文件保存到 node_modules 文件夾中。 後來因為 npm 的缺陷或者舊版本的不足，又出現了一個個替代

工程化 , npm , 前端

suporka 頭像

suporka - underscore 誕生記（一）—— 基本結構搭建

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

underscore , 前端 , Javascript