收藏 / 列表

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

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

回調函數 , callback , Javascript

Gomi - Chrome 138 beta Summarizer API 嚐鮮

前言 之前一直想把視頻AI總結的功能集成到Video Roll中,但是由於調用各廠商的AI接口基本上無法實現完全免費,即使免費額度也是有限制的,所以想免費提供給用户使用就捉襟見肘。另一種方式就是讓用户自己填各個廠商的key來做一箇中間件而已。於是覺得沒太大必要,一直擱置了這個功能。但是最近Chrome宣佈138版本將正式內置AI接口,比如Summarizer, Translater等。於是我趕緊下

chrome , gemini-pro , 人工智能 , 前端 , Javascript

LYX6666 - 初識Spring IoC

零、前言 從第一天開始學習SpringBoot,到現在已經有兩年了,兩年以來我的搬磚能力不斷增強,但理論層面仍然是零基礎小白。 因此,打破瓶頸的方法,就是像學長們一樣,多讀書、多看理論知識,然後應用實踐。 所以我開始學習Spring的兩大特性之一——控制反轉(IoC)。 在此之前,我們需要了解什麼是依賴關係。 如果A的成功運行必須需要調用B,此時就可以稱為B是A的依賴。

spring , ioc

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

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

Ajax , 前端 , Javascript

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

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

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

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

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

瀏覽器原理 , 前端 , Javascript

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

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

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

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

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

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

起風了 - React.PureComponent深入瞭解機制及其原理

起因 用React.PureComponent時,更新state裏面的count用的方式是++this.state.count,但是意外的導致組件沒有重新render(本人用Hook組件較多,所以感到很疑惑) import React from 'react'; import { Button } from 'antd-mobile'; class DemoChildClass extends

react , setstate , component

WillemWei - 模擬實現Javascript中的bind函數

bind() 方法創建一個新的函數,在 bind() 被調用時,這個新函數的 this 被指定為 bind() 的第一個參數,而其餘參數將作為新函數的參數,供調用時使用。 從MDN對於bind的描述來看: 返回值是一個函數,而不是執行結果 this值會指向第一個參數 其餘參數會作為新函數的參數 看個例子: function test(name, age) { console.lo

prototype , bind方法 , new , bind , Javascript

wszgrcy - 我開源了一個表單庫 - 元數據定義一次,即可渲染

我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }

react , vue.js , angular , typescript , Javascript

編程三昧 - 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 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

周皺 - 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實現)

假設你正在爬樓梯。需要 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 - Dva.js 快速上手指南

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

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

vivo互聯網技術 - Hudi 在 vivo 湖倉一體的落地實踐

作者:vivo 互聯網大數據團隊 - Xu Yu 在增效降本的大背景下,vivo大數據基礎團隊引入Hudi組件為公司業務部門湖倉加速的場景進行賦能。主要應用在流批同源、實時鏈路優化及寬表拼接等業務場景。 一、Hudi 基礎能力及相關概念介紹 1.1 流批同源能力 與Hive不同,Hudi數據在Spark/Flink寫入後,下游可以繼續使用Spark/Flink引擎以流讀的形式實時讀取數據。同一份H

大數據 , 效率 , 數據湖

flydean - wildfly 21的配置文件和資源管理

簡介 在上一篇文章我們介紹了wildfly 21的基本使用和管理界面。今天我們將會詳細講解一下wildfly的配置文件和資源管理。 wildfly的配置文件 不管是在standalone還是在domain模式下,有兩個配置文件是非常重要的,他們是standalone.xml和domain.xml。 其他的standalone-*.xml可以參考standalone.xml來配置 我們看下stand

部署 , 服務器 , 配置管理 , web服務器

Michelle Barker - Optimizing A Vue App

Single Page Applications (SPAs) can provide a rich, interactive user experience when dealing with real-time, dynamic data. But they can also be heavy, bloated, and perform poorly. In this article, w

Tools , Vue , Apps , Javascript

架構設計師之光 - 談談EF Core實現數據庫遷移

一種更安全、可控的 EF Core 自動遷移方案:模塊化架構下的工程化實踐 在現代應用開發中,數據庫遷移已經成為不可或缺的工程環節。 特別是在 模塊化架構、分佈式系統、多團隊協作 的背景下,傳統 EF Core 遷移雖然足夠靈活,但在工程化落地方面仍存在一些現實挑戰,例如: 各模塊擁有獨立的 DbContext 多人並行開發導致遷移

Core , EF , 模塊化 , 前端開發 , Javascript

wadelau - Hello 2019! Hanjst/漢吉斯特 模板語言及引擎創新發布

Hello 2019! Hanjst/漢吉斯特 模板語言及引擎創新發布。 值此一元復始之際,恭祝 朋友們新年萬事如意! 寄望 Hanjst/漢吉斯特能幫助大家從各種模板中解脱出來,為人類做出更大的貢獻。 1. 背景 網頁模板語言/引擎緣起於 MVC 思想的引入。當軟件項目膨脹複雜到足夠大時,軟件研發人員與UI/UE設計人員就需要分別獨立出來,其中設計製作人員工作的V(View)部分需要用模板

模板引擎 , Javascript

specialcoder - 前端截圖實現

前言 需求背景: 目標:將頁面內容變成圖片分享出去 持久化:不需要服務端存儲 客户端能力:不依賴客户端端能力 使用pupeteer做截圖服務 優點: 前端使用簡單,只需調用接口即可 分享頁面可以和給用户展示的頁面內容分離,不用額外處理樣式等問題 缺點: 新開服務維護服務 接口響應時間較長會影響體驗 結論 調研發現,可以使用html2canvas純前端做頁面轉化成圖片的功能

html2canvas , html5 , Web

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

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

underscore系列 , underscore , Javascript