收藏 / 列表

點墨 - 使用 egg-cloud 調用 dubbo 服務

參考https://www.yuque.com/egg/nod...進行配置,就自身遇到的幾個問題進行記錄。 已運行成功環境: java 1.8 nacos:1.0.0 dubbo-consumer:1.0.0 常見問題: 一、安裝和啓動nacos,需要配置數據庫:先在mysql數據庫裏執行nacos-mysql.sql腳本,然後修改application.propert

dubbo , eggjs , nacos

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

前端路引 - Web前端入門第 90 問:JavaScript 也能無中生有的創建音頻

網頁播放音樂這個常識應該都知道,畢竟百度 MP3 搜索可是風靡一時! 但使用瀏覽器無中生有的創建音頻,在 HTML5 規範落地之前可是一片空白。 AudioContext 的體量與 Canvas 差不了多少,一個針對圖形圖像,一個用於音頻,兩者結合起來就把 flash 給拉下了神壇~~ 本文源之於一次技術研究,曾經有一個需求要用 H5 搞一個網頁 K 歌,技術難點在於要將原唱、伴唱、錄音的音頻數

前端

後山人 - 穿越週期:堅持使用 PHP 的感悟與選擇的哲學

穿越週期:堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界,PHP 似乎每年都要經歷一次“死亡”的預言,但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言,這不僅僅是一種技術選擇,更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟,並結合 鋭智後台(RaiseAdmin)快速開發平台 的實踐,闡述 PHP 如何在現代化浪潮中,憑藉其

vue.js , MySQL , 小程序 , php , 教程

微芒不朽 - Koa2實現多併發文件上傳

koa2批量上傳文件 目前的是為了實現批量導入md文件,發佈文章。這樣就不用自己一篇一篇同步文章了。一次可以同步幾千篇文章。 實現界面 內容 主要包含上傳的文件標題,文件大小,上傳狀態。 el-upload ref="uploader" v-model:file-list="fileList" drag multiple :accept="accept" :maxSize="maxS

koa2 , vue3 , 前端 , Javascript

DiracKeeko - [axios] axios發送 及 接收處理二進制數據

一、發送攜帶二進制數據的請求 在圖片上傳、文件上傳等場景中,需要發送payload為二進制數據的'POST'請求 注: 只要請求體中不是純 JSON 或字符串,而是包含或完全由二進制數據構成的內容 (如文件、音視頻、圖片),就需要發送payload為二進制數據的'POST'請求。 這裏的重點是設置headers,先介紹如何發送這種特殊的請求。 分別以 1.axios(config) , 2.

文件上傳 , 二進制 , Axios , blob , 前端

Apifox - 深入探討 REST API 版本控制的最佳實踐

隨着 Web 應用程序和移動應用程序的普及,RESTful API 成為了各種應用之間數據交換的重要方式。RESTful API 的設計和開發需要考慮各種因素,其中之一就是版本控制。在本文中,我們將介紹 RESTful API 的版本控制,包括什麼是版本控制、為什麼需要版本控制、REST API 版本控制的常用方法和步驟,以及如何使用 API 工具進行版本控制。 什麼是版本控制 版本控制是一種管理

rest-api , rest , API , restful , 程序員

銀之夏雪 - AntV G6 基礎元素詳解(React版)

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎,適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫,G6 提供完整的佈局算法 和交互體系 ,開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽: 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點(Nodes)完

數據可視化 , 前端 , Javascript

OpenTiny社區 - 如何使用 TinyEditor 快速部署一個協同編輯器?

本文由曹裏林同學原創。 簡介 TinyEditor 是一個框架無關的富文本編輯器,既可以在原生 JavaScript 項目中使用,也可以在 Vue、React 等前端框架中使用。 本篇文章帶來的是如何使用 TinyEditor 最新的協同編輯模塊快速部署多人實時協作編輯。 前端集成 1、安裝TinyEditor 首先需要安裝 TinyEditor pnpm i @opentiny/fluent-

vue.js , 富文本編輯器 , 前端

泯瀧 - Web Woker 與主線程通信場景下對postMessage的簡潔封裝

在Web Worker與主線程之間進行通信時,使用postMessage是一種常見的方式。然而,在某些業務場景中,postMessage可能會顯得不夠簡潔,因為它涉及到手動序列化和反序列化數據,以及通過事件監聽器處理消息。以下是一些常見問題和解決方案,以簡化在Web Worker與主線程之間的通信場景中使用postMessage的問題。 結構化克隆問題 在Web Worker與主線程之間傳輸數據時

瀏覽器 , webworker , 瀏覽器原理 , 前端 , Javascript

懟懟 - 【js】DOM基礎

DOM 基本概念 節點類型 節點樣式 事件 1 基本概念 Document Object Model 文檔對象模型 BOM:與瀏覽器交互的方法和接口 DOM:處理網頁內容的方法和接口 - HTML和XML的應用程序接口 window是BOM的核心對象,window上的document是DOM的核心 任何HTML或XML文檔都可以用DOM表示為一個由節點構成的層級結

dom , 事件 , Javascript

zsirfs - 深入一點 - 使用bind的時候發生了什麼呢?

從規範來看,Function.prototype.bind 是如何工作,以及如何來模擬bind操作。 簡單示例 如下簡單示例,普通對象 testObj 內部有一個b函數,接受一個普通參數,若參數為空則輸出 this.a。 const testObj = { a: 3, b: function(args) { console.log(args || this.a); }, };

javascript原型 , javascript專題系列 , Javascript

破曉L - React 50 種狀態類型

React 是一個視圖層框架,其核心思想是 UI = f(state),即「UI 是 state 的投影」,state 自上而下流動,整個 React 組件樹由 state 驅動。當一個 React 應用程序足夠複雜,組件嵌套足夠深時,組件樹中的狀態流動會變得難以控制(例如你如何跟蹤父節點的 state 流動到葉子節點時產生的變化)。這時我們就需要對 state 進行管理,在進行狀態管理的同時,還

react , 狀態管理 , 組件通信 , 前端 , Javascript

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖,能夠通過鼠標去拖拽點,來進行修改圖表 實現 例子基於vue來實現,如果是jq的按照官網的例子即可,配置列表鏈接.,例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , 前端 , Javascript

賀公子 - openMind Library 核心功能與應用

openMind Library 核心功能與應用 openMind Library 是一個面向深度學習開發的工具套件,旨在簡化模型開發全流程。其核心功能包括預訓練、微調、推理和部署,並通過統一的 API 設計兼容多種主流框架和硬件平台。 框架兼容性與硬件支持 多框架兼容:通過適配層接口,無縫支持 PyTorch 和 MindSpore 的代碼遷移,用户無需重寫現有模型

執行效率 , 動態圖 , 前端開發 , Javascript , Python

你好2007 - vue 如何實現表單校驗

安裝並使用 首先,在你的vue項目中進行安裝: npm install --save vue-input-check 接着根據不同的vue版本註冊: vue2.js import Vue from 'vue'; Vue.use(inputCheck); vue3.js+ import { createApp } from 'vue'; let app = createApp(App); app

vue.js , validate , form , submit , Javascript

追風的苦咖啡 - OV證書的組織身份驗證需要提供哪些材料?

OV 證書(組織驗證型 SSL 證書)的核心價值在於通過嚴格的身份驗證建立網站與企業實體的關聯,其驗證標準由國際 CA/Browser Forum(CA 瀏覽器論壇)統一規範,所有合規 CA 機構(如 DigiCert、Sectigo、GlobalSign 等)均需遵循。驗證流程可分為組織身份驗證、域名所有權驗證和補充交叉驗證三大核心環節,每個環節都有明確的審核標準,具體如下: https://

觀點 , webkit , 教程 , Javascript

李遊Leo - 你可能不敢想象,2025 年,jQuery要更新到 4.0 了

讓人難以置信的是,jQuery,這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫,至今仍在更新。自從 2006 年 8 月震撼亮相以來,它已走過了長達 19 年的路程。還記得麼?他的作者是:John Resig,這個年輕的小夥子也變成老大叔了。 而現在,即便在 React、Vue 這樣的現代框架盛行的今天,或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

南城FE - 那些你不知道的 CSS 自定義形狀網格佈局

本文翻譯自 CSS Grid and Custom Shapes, Part 1,略有刪改 在正常的開發中,我們會遇到很多元素塊排列對齊的需求,如九宮格抽獎,多張圖片上傳後等分佈局預覽,微信朋友圈多張圖片展示等。這都是正常的正方形很規整的佈局。 如下所示,如果圖像不是完全正方形,而是形狀像六邊形或菱形怎麼辦?我們怎麼做呢。事實上,我們將結合我們已經研究過的 CSS 網格技術,並加入一些 CSS c

佈局 , css3 , Css , HTML , 前端

beckyyyy - WebGL:使用着色器進行幾何造型

前言 本文將介紹如何使用着色器來進行幾何造型,説到幾何圖形大家一定都不陌生,比如説三角形、圓形,接觸過WebGL基礎使用的小夥伴一定都知道怎麼去在畫布上繪製一個三角形,只要傳入三個頂點座標,並選擇繪圖模式,我們就能在WebGL的畫布上畫出一個三角形。 但是除了這種形式之外,我們還可以直接使用片元着色器進行幾何造型,那麼具體要怎麼做呢,下面就以三角形作為例子來進行演示。 繪製三角形 要實現三角形的繪

webgl , 圖片裁剪 , 可視化 , 前端

麒寧 - Ant Design 常見用法與坑點總結(一)

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫,相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此,瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及,但是容易被忽略的,又比較重

form , 表單驗證 , antd , 前端 , Javascript

雲魚 - JSONP 跨域原理及實現

前言 在日常項目開發過程中,跨域以及如何解決跨域問題是前後端開發同學繞不開的話題。JSONP 跨域就是一種經典的解決跨域問題的方案。 💡温馨提示:本文全文 1921 個字,推薦閲讀時間 10min ,加油老鐵! 一、同源策略和跨域 1.1 同源策略 1.1.1 什麼是同源 如果兩個頁面的協議,域名和端口都相同,則兩個頁面具有相同的源 例如,下表給出了相對於 http://www.test

面試 , 跨域 , 前端 , Javascript , Jsonp

轉角處的湯姆 - 深入理解 JSS:現代化的 CSS-in-JS 解決方案

引言 在現代前端開發中,CSS-in-JS 是一個越來越流行的概念。隨着 React 和其他前端框架的崛起,傳統的 CSS 方法逐漸顯得不夠靈活和高效。JSS(JavaScript Style Sheets)作為一種 CSS-in-JS 解決方案,提供了更靈活、更強大的方式來管理組件樣式。本文將深入探討 JSS,介紹其工作原理、優勢,以及如何在項目中有效使用它。 什麼

類名 , Css , 開發者 , 前端開發 , Javascript

月恆 - Chrome 瀏覽器插件 Manifest.json V3 中權限(Permissions)字段解析

本文參與了SegmentFault 思否 2023 年度有獎徵文活動,歡迎正在閲讀的你也加入。 一、權限(Permissions) 再使用拓展程序的 API 時,大多數的時候,需要在 manifest.json 文件中聲明 permissions 字段。 一、權限類型 在 V3 版本中可以聲明以下類別的權限: permissions: 包含下面 permissions 權限列

2023-年度總結 , permissions , 瀏覽器 , chrome-extension , 前端