收藏 / 列表

evilboy 頭像

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

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

回調函數 , callback , Javascript

gomi 頭像

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

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

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

liuyuxuan6666 頭像

LYX6666 - 解決lodash由於依賴錯誤導致無法啓動的問題

目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目，前兩天想看一下里面一個功能，結果前端起不來了。 先上報錯： Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend

node.js , localstorage , typescript , npm , 前端

jianer 頭像

健兒 - 多級數組Tree如何做搜索

兩種方案 1、數組打平，根據搜索字符在打平數組裏去filter出滿足條件的node節點，但此時被篩選的節點只有子節點，然後再通過被篩選出的子節點去找對應的父節點，然後拿到結果後轉成tree結構 優點：思路簡單，打平數組用了遞歸，好理解 缺點：找父節點的時候相對麻煩。 2、寫一個遞歸算法，滿足條件就返回tree 比如有一個簡單個tree const treeData = [ {

遞歸 , tree , 算法 , 前端

daimaxieshen 頭像

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

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

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

dvqlfbwm 頭像

愛吃雞蛋餅 - 由瀏覽器緩存機制引起的思考

不管三七二十一，先丟一張流程圖，然後看個一分鐘。 有了大致的流程印象之後，我就來補充説明一下大概流程： PS：面試的時候可以按大概流程來説。 當我們進入頁面或刷新頁面時，瀏覽器會加載資源。 此時，瀏覽器會檢查是否有強緩存，即判斷是否有expires或者cache-control（cache-control優先級更高）。 如果有，則查看是否過期，未過期則從緩存讀取資源進行加

瀏覽器 , 瀏覽器緩存 , Javascript

renzhongdaoyuan_59170ca258c53 頭像

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

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

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

u_15903730 頭像

WangLanguager - 序列到序列模型（Seq2Seq）介紹和代碼示例

序列到序列模型（Seq2Seq）介紹 序列到序列模型（Seq2Seq）是一種用於處理序列數據的深度學習架構，廣泛應用於自然語言處理（NLP）任務，如機器翻譯、文本摘要、對話生成等。Seq2Seq 模型通常由兩個主要部分組成：編碼器（Encoder）和解碼器（Decoder）。 關鍵特點 編碼器：編碼器接收輸入序列，將其轉換為一

編碼器 , yyds乾貨盤點 , 機器翻譯 , ci , jquery , 前端開發

qifengliao_5e7f5b20ee3bd 頭像

起風了 - React setState、useState同步？異步？

React setState、useState到底是同步的，還是異步的？ setState語法 用法1： this.setState({ // 數據更新 }) 用法2： this.setState((state, props) = { // 當前組件的state // 父級的state }, () = { // 數據更新之後 }) useState語法 用法1： const [n

react , 同步 , 異步 , 前端

willemwei 頭像

WillemWei - Express和Koa2的區別

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

express , node.js , koa , koa.js

wszgrcy 頭像

wszgrcy - 在nodejs環境使用依賴注入

前言 一直以來static-injector都遵循修舊如舊原則,把 Angular 的依賴注入完整的提取出來 但是這樣的話在其他平台上必須使用transformer來進行一個靜態轉換,一個是影響速度,還有一個就是加大了配置難度 因為 Angular 的依賴注入增加了inject可以在構造時讀取依賴項,所以基本上不影響功能.如果想使用providedIn可以改為類中加入靜態屬性static

node.js , 依賴注入 , typescript , Javascript , Web

bianchengsanmei 頭像

編程三昧 - Web Components系列（一） —— 概述

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

component , 組件化 , 前端

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 - 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互聯網技術 - JVM 內存大對象監控和優化實踐

作者：vivo 互聯網服務器團隊 - Liu Zhen、Ye Wenhao 服務器內存問題是影響應用程序性能和穩定性的重要因素之一，需要及時排查和優化。本文介紹了某核心服務內存問題排查與解決過程。首先在JVM與大對象優化上進行了有效的實踐，其次在故障轉移與大對象監控上提出了可靠的落地方案。最後，總結了內存優化需要考慮的其他問題。 一、問題描述 音樂業務中，core服務主要提供歌曲、歌手等元數據與用

內存 , 監控 , 故障 , 優化

flydean 頭像

flydean - 密碼學系列之:在線證書狀態協議OCSP詳解

簡介 我們在進行網頁訪問的時候會跟各種各樣的證書打交道，比如在訪問https網頁的時候，需要檢測https網站的證書有效性。 OCSP就是一種校驗協議，用於獲取X.509數字證書的撤銷狀態。它是為了替換CRL而出現的。 本文將會詳細介紹OCSP的實現和優點。 PKI中的CRL 我們知道在PKI架構中，CA證書是非常重要的組件，客户端通過CA證書來驗證服務的可靠性。對於CA證書本身來説在創建的時候是

microservice , 密碼學

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 - Hello 2019! Hanjst/漢吉斯特 模板語言及引擎創新發布

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

模板引擎 , Javascript

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 - “山寨版”《草料二維碼》

背景 之前瀏覽過草料二維碼的網站，他的二維碼美化功能很強大，可以分別自定義碼眼和碼點的形狀和顏色，功能十分強大 💪！ 碰巧之前寫過一個 npm 插件 qrcode-with-logos, 用於前端生成帶 logo 的二維碼。 而且在 github 的 issues 裏有外國友人 👨‍🦱 問我能否實現不同樣式的二維碼，剛好以此作為新需求，模仿草料二維碼的樣式和功能，開發了 qrcode-wit

canvas , 前端 , Javascript