收藏 / 列表

evilboy 頭像

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

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

回調函數 , 前端 , Javascript

gomi 頭像

Gomi - Astro + NextUI 搭建個人博客（導航組件篇）

Astro 簡介 由於我之前的個人博客是Vue3+Quasar+Koa+MySql搭建的，整體就是SPA的思路，作為練手倒是可以鍛鍊前後端各方面的能力。但考慮到後期的遷移和更新等，實在過於麻煩，個人博客其實使用SSR或SSG之類的框架就行了，比如Nextjs，Nuxtjs，Remix等等。於是我接觸到了Astro這個框架，它厲害的是不與任何前端框架進行強行綁定，比如Nextjs是與React強綁定

astro , ssg , ssr , 博客搭建 , 前端

liuyuxuan6666 頭像

LYX6666 - 從零起步，真正理解Javascript回調函數

零、前言 總聽到這麼一個詞語：回調函數。 對於它的瞭解，只知道在微信的網頁授權用到了回調，以及在Angular中可以用觀察者模式進行.subscribe訂閲，但對於它原理的理解，卻是一團漿糊。直到昨天開會時，突然被問到回調函數的知識，我才意識到自己真的不理解。 一、基礎知識：JavaScript標準寫法 我們先從最簡單的寫法入手，一步一步走向回調函數。 （如果熟悉語法，請跳到第二節）

angular , 回調函數 , typescript , 前端 , 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 頭像

瓏墨 - 【吃透】JS代理（Proxy）

今天給大家分享如何從根本上吃透js代理，嘎嘎的😍，看下面 咱們首先得知道： 代理是 js 中的對象，它允許你創建對象的代理，同時還可以為標準對象操作定義自定義行為。這意味着，譬如，如果有人試圖從對象中獲取屬性的值，你可以定義一組自定義行為。這使代理變成了一個非常強大的工具，所以讓我們看看它們是如何工作的。get set has 一、js 代理的基礎知識✔ en... 上面聽起來很複雜，所以

es7 , challenge , es6-proxy , 前端 , 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 - 多智能體強化學習（MARL）介紹和代碼示例

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

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

wszgrcy 頭像

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

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

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

bianchengsanmei 頭像

編程三昧 - WebSocket 對象簡介

WebSockets 是一種先進的技術。它可以在用户的瀏覽器和服務器之間打開交互式通信會話。使用此API，您可以向服務器發送消息並接收事件驅動的響應，而無需通過輪詢服務器的方式以獲得響應。 何為 WebSocket 對象？ WebSocket 對象是 WebSockets 的接口之一，用於連接WebSocket服務器的主要接口，之後可以在這個連接上發送 和接受數據。 WebSocket 對

websocket , 技能表 , 前端優化 , 前端

imouou_5a60be738882f 頭像

王小o - [分享]高仿網易新聞WebApp模板源碼下載

BUI-163網易新聞 大小: 6.27M 該App基於BUI Webapp框架+Dcloud構建. 僅供學習交流使用. 整個app開發過程記錄在這裏bui神速訂閲號. 快速開發App系列篇 預覽 交互1: 下拉刷新, 加載分頁 交互2: Tab嵌套交互 交互3: 欄目刪減自動更新 交互4: 底部tab的交互, 每個Tab裏面還有各自的交互 下載 源碼下載: https

hybrid-app , webapp , 前端 , Javascript

sam-poder 頭像

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

zhouzhou_59fd35dc466dc 頭像

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

wuyagege 頭像

雲綺棠兮 - JS 對象如何實現深拷貝

如何實現一個對象的深拷貝？ 方法1：使用JSON (對象的序列化和反序列化) 需要注意的是：在引用數據類型中，地址是保存在棧區的，屬性值存放在堆區的，不同的地址指向的值是不一樣的，這裏是深拷貝的寫法，變量地址是互不影響的，所以是obj == obj1為false，而在淺拷貝中就是為true的，因為在賦值的同時obj會把地址一起賦值給obj1，使他們的地址指向堆區的同一個值 // 如何實現一個對

深拷貝 , lodash , 前端 , Javascript

wensandaoshi 頭像

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

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

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

flydean 頭像

flydean - ES9的新特性:異步遍歷Async iteration

簡介 在ES6中，引入了同步iteration的概念，隨着ES8中的Async操作符的引用，是不是可以在一異步操作中進行遍歷操作呢？ 今天要給大家講一講ES9中的異步遍歷的新特性Async iteration。 異步遍歷 在講解異步遍歷之前，我們先回想一下ES6中的同步遍歷。 根據ES6的定義，iteration主要由三部分組成： Iterable 先看下Iterable的定義： inter

es8 , ecmascript-6 , es7 , es10 , Javascript

michelle-barker 頭像

Michelle Barker - Respecting Users’ Motion Preferences

When working with motion on the web, it’s important to consider that not everyone experiences it in the same way. What might feel smooth and slick to some might be annoying or distracting to others

performance , animation , Css , Javascript

u_16099229 頭像

架構設計師之光 - 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

wadelau 頭像

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

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

php , smarty , 模板引擎 , JAVA

ddup365 頭像

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 頭像

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

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

underscore系列 , underscore , Javascript

u_14256 頭像

laojean - whisper數據庫 - 摩雲菜的個人空間 -

Whisper-large-v3數據管道：實時數據流處理架構 痛點：傳統ASR系統難以應對實時音頻流處理 你還在為語音識別系統的實時性而煩惱嗎？面對持續不斷的音頻流，傳統的批處理模式往往導致延遲過高、資源浪費嚴重。Whisper-large-v3作為OpenAI最新的語音識別模型，其強大的實時數據處理能力能夠徹底解決這一痛點。 讀完本文

批處理 , 數據 , 前端開發 , 語音識別 , Javascript

u_16099346 頭像

雲端築夢者 - 紅黑樹原理和C++實現

前言：在計算機科學領域，數據結構的選擇直接決定着算法性能的巔峯。紅黑樹——這一被譽為"最優雅的平衡二叉搜索樹"，憑藉其嚴格的平衡約束和穩定的對數級時間複雜度（O(log n)），已成為高性能系統的核心支柱。從Linux內核的進程調度到C++ STL的map容器，從數據庫引擎的B+樹後備存儲到實時系統的內存管理，紅黑樹的身影無處不在。

數據結構 , 算法 , 開發語言 , c++ , 前端開發 , 後端 , Javascript

zara-cooper 頭像

Zara Cooper - How To Build A Group Chat App With Vanilla JS, Twilio And Node.js

Chat is becoming an increasingly popular communication medium in both business and social contexts. Businesses use chat for customer and employee intra-company communication like with Slack, Microso

node.js , API , Apps , Javascript