收藏 / 列表

evilboy 頭像

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

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

回調函數 , callback , Javascript

gomi 頭像

Gomi - JavaScript基礎學習——面向對象部分(屬性類型)

前言 JavaScript發明之始，從技術上來講就是一門面向對象的語言，但在ES6之前，JS的很多特性和傳統的面嚮對象語言有所不同，比如沒有類的概念（ES6有了class）。今天結合《JS高編》第六章開始回顧和深入學習面向對象部分,包括對象、原型、原型鏈、繼承等部分。 一、理解對象 談JS的對象之前，先複習一下面向對象的基礎概念和特點吧。 面向對象OOP（Object-oriented pr

面向對象編程 , javascript原型 , oop , 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 頭像

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

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

全棧 , koa2 , vue3

renzhongdaoyuan_59170ca258c53 頭像

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

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

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

u_15903730 頭像

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

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

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

qifengliao_5e7f5b20ee3bd 頭像

起風了 - 封裝一個方法，獲取頁面url中的參數值？

封裝一個方法獲取頁面url參數，可作為框架基礎方法使用： //獲取url參數; 正則獲取url參數，包含hash[#]和search[?]兩種通用 export function getUrlQueryByName(param) { const reg = new RegExp('(^|)' + param + '=([^]*)(|$)'); const r = window.lo

regexp , 前端 , Javascript

willemwei 頭像

WillemWei - 函數柯里化的理解和實現

什麼是柯里化？ 在計算機科學中，柯里化（英語：Currying），又譯為卡瑞化或加里化，是把接受多個參數的函數變換成接受一個單一參數（最初函數的第一個參數）的函數，並且返回接受餘下的參數而且返回結果的新函數的技術。 以上是維基百科對於柯里化給出的定義，總結一下： 輸入是一個函數，並且這個函數擁有n個參數 輸出也是一個函數，並且可以使用fn()()()這種方式調用 參數被柯里化過程中的函數被

currying , Javascript

wszgrcy 頭像

wszgrcy - Angular的無選擇器(Selectorless)非官方實現

Angular的無選擇器(Selectorless)非官方實現 眾所周知,Angular的組件定義,使用的時候,必須生成一個自定義標籤;某些時候使用css佈局的時候,就會比較麻煩 雖然官方已經開始考慮實現無選擇器,但是目前還在規劃中,不知道要等多久 原理 眾所周知,結構型指令可以動態插入模板 模板內容可以自定義,並且也可以使用組件內的所有屬性和方法 那麼只需要將組件變成一個模板,即

react , vue.js , angular , 前端

bianchengsanmei 頭像

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現，把一系列流程用代碼去實現，讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力，解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗，已經成為目前最流行，社區最活躍的構建工具，是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏，各種框架和工具層出不窮，比如 React、Vue、Angular 等，極大

構建工具 , 前端構建 , 工程化 , webpack , 前端

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

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

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

replace , string , Javascript

wuyagege 頭像

雲綺棠兮 - 每日算法題--- 爬樓梯（利用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 階

遞歸 , 前端

wensandaoshi 頭像

fx67ll - Dva.js 快速上手指南

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

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

vivo_tech 頭像

vivo互聯網技術 - 揭露 FileSystem 引起的線上 JVM 內存溢出問題

作者：來自 vivo 互聯網大數據團隊-Ye Jidong 本文主要介紹了由FileSystem類引起的一次線上內存泄漏導致內存溢出的問題分析解決全過程。 內存泄漏定義（memory leak）：一個不再被程序使用的對象或變量還在內存中佔有存儲空間，JVM不能正常回收改對象或者變量。一次內存泄漏似乎不會有大的影響，但內存泄漏堆積後的後果就是內存溢出。 內存溢出（out of memory）：

jvm , 內存泄漏 , oom , 內存溢出

flydean 頭像

flydean - 不要在nodejs中阻塞event loop

簡介 我們知道event loop是nodejs中事件處理的基礎，event loop中主要運行的初始化和callback事件。除了event loop之外，nodejs中還有Worker Pool用來處理一些耗時的操作，比如I/O操作。 nodejs高效運行的秘訣就是使用異步IO從而可以使用少量的線程來處理大量的客户端請求。 而同時，因為使用了少量的線程，所以我們在編寫nodejs程序的時候，一

eventloop , node.js , 事件監聽 , 事件 , event

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

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

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

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

wadelau 頭像

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

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

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

ddup365 頭像

specialcoder - JavaScript 模塊化機制

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

模塊化 , 工程化

suporka 頭像

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

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

underscore系列 , underscore , Javascript