收藏 / 列表

點墨 - Qt connectiontype

Qt的信號槽連接機制如下: Qt::AutoConnection:默認,如果信號和槽在同一線程,使用DirectConnection;否則使用QueuedConnection。 Qt::DirectConnection:槽函數立即在信號發出的線程執行,同步。 Qt::QueuedConnection:槽函數在接收者的線程的事件循環中異步執行。 Qt::BlockingQueuedCon

qt , connection

Amejimaobari Ollornwi - Creating An Effective Multistep Form For Better User Experience

For a multistep form, planning involves structuring questions logically across steps, grouping similar questions, and minimizing the number of steps and the amount of required information for each s

ux , Design , Javascript

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

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

前端

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

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

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

微芒不朽 - 【nodejs進階之旅(2)】:使用koa2+mysql 實現列表數據分頁

1.展示效果(分頁) 2.分頁主要字段 分頁主要字段包括 pageSize 每頁條數、pageNum 第幾頁、startRow 當前開始頁編號、endRow 當前結束頁編號、total 總數量。主要是根據前端分頁的參數,進行處理後,返回前端正確的數據,其實是一個很常見且簡單的功能。但是是非常也是非常重要的。 pageSize 每頁條數 pageNum 第幾頁 startRow 當前開始頁編號

vue.js , koa2 , node.js , 前端 , Javascript

DiracKeeko - [JS] js原生 toUpperCase 和 lodash中的upperCase 區別

同事踩了lodash的upperCase的坑。 場景: 基金搜索,輸入字符串搜索基金。選擇器按輸入的字符串過濾並展示過濾後的結果。 例如:搜索 "中證A500" 預期能夠出現"國泰中證A500ETF", "銀華中證A500ETF", "嘉實中證A500ETF", "南方中證A500ETF" 等等包含"中證A500"的結果。 但是結果是用户輸入"中證A500" 之後,過濾後的結果為空。

lodash , 前端 , Javascript

Apifox - 用 Apifox 的 Mock 功能模擬常見業務數據的最佳方法

Apifox 擁有強大的Mock 功能,兼容 Mock.js 語法的同時還提供 Nunjucks 和自定義腳本支持,能夠滿足不同場景需求。 今天給大家分享一些常見業務場景的 Mock 使用技巧,當然,實現的方法不唯一。在開始之前,你需要將 Apifox 的當前環境切換為「本地 Mock」或「雲端 Mock」環境。 模擬簡單數據 要模擬一些簡單的數據,只需在 「返回響應」 裏定義字段,系統便會自動使

mock.js , mock , 前端性能 , 程序員 , 前端

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

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

數據可視化 , 前端 , Javascript

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時,加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設,整理了一下現有的線上報錯,其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

若川 - 50行代碼串行Promise,koa洋葱模型原來是這麼實現?

1. 前言 大家好,我是若川。歡迎關注我的公眾號若川視野,最近組織了源碼共讀活動《1個月,200+人,一起讀了4周源碼》,感興趣的可以加我微信 ruochuan12 參與,長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript

懟懟 - 【vue】MVVM、雙向綁定

MV*模式 MVC MVP MVVM 1 MVC 一個應用分為三部分 模型 (Model):數據保存 應用程序的數據、控制與修改這些數據的業務規則 Model改變時:通知View,為View提供查詢Model相關狀態的能力,為Controller提供訪問封裝在Model內部的應用程序功能的能力。 視圖 (View):用户界面

vue.js , 雙向綁定 , 代理 , mvvm , 響應式

zsirfs - 深入一點 - 用 new 的時候到底發生了什麼?

來自:https://zswfx.com/articles/5db9285f9cf7c10e840e5c6a 我們經常用new來創建一個對象,但是創建對象過程中,到底發生了什麼呢? new 操作符的過程 上面是mdn的定義。 通過上面定義,我們知道使用new的時候,JS引擎就會給我們創建一個空對象作為 this值,然後執行函數,若函數沒有返回值,則默認返回這個空對象。 模擬 new 函數來

javascript專題系列 , Javascript

你好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

追風的苦咖啡 - 教育網站加密標杆:國密 SSL 證書在部級教育系統的落地經驗

國密 SSL 證書在部級教育系統的落地實踐,通過國產算法自主可控、雙證書兼容架構、全生態適配整合三大核心策略,構建起 “合規、安全、易用” 的加密防護體系。以下以中國教育經濟信息網(教育部直屬部級系統)等標杆案例為基礎,解析其落地經驗與技術路徑: 一、政策驅動下的技術選型:從合規剛需到戰略佈局 1.政策法規的剛性約束 根據《密碼法》《網絡安全法》及等保 2.0 三級要求,部級教育系統需對用户數據

ssl證書 , joyent , 安全防護 , HTTPS , Javascript

李遊Leo - 深入理解 ECMAScript 2024 新特性:字符串 isWellFormed 方法

ECMAScript 2024 引入了一個新的字符串實例方法:String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed:概念與應用 String.prototype.isWellForm

ecmascript , Javascript

南城FE - 純CSS實現炫酷背景霓虹燈文字效果

如圖所示,這是一個很炫酷的霓虹燈文字效果且背景炫酷,就像很多個燈光閃爍着不同的顏色。 本次文章將解析如何用CSS代碼實現這個效果,根據上面的動圖分析出我們要實現的幾個主要功能點: 整個背景中有平均分佈的小點襯托中心區域 文字閃爍效果如同霓虹燈一樣 文字背景呈多個平均分佈的亮點 背景亮點的顏色整體呈現漸變色變化 1. 默認背景色 首先我們來看看如何通過CSS創建一個多個小點背景效果。

交互設計 , css3 , 動畫 , Css , 前端

beckyyyy - 可視化學習:WebGL實現簡易的局部“馬賽克”

前言 接觸過Canvas的小夥伴應該都知道,在Canvas2D中我們要加載一個圖片很簡單,通過調用drawImage API就能將圖像繪製到畫布上,當然在WebGL中我們也可以繪製圖像,在繪製時我們需要用到WebGL中的紋理對象,在之前WebGL實現網格背景的文章中,我使用了一個叫做紋理座標的配置,現在要完成紋理的加載我們也需要用到紋理座標,並且我們可以通過對紋理座標處理實現簡單的”馬賽克“效果。

webgl , canvas , 可視化 , 前端

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務,第一次在小程序上開發地圖,既興奮又忐忑。還好,雖然小程序地圖的 API 功能有些少,但是基本的需求都能覆蓋到。 在這裏,對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位,但缺乏示例代碼,第一次搞還是有點迷糊的。網上的文章又寫得七零八落,沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序,因

地圖開發 , 小程序 , typescript , 前端 , Javascript

雲魚 - ES6 Promise筆試題

一動不動是王八,上一篇文章學習了那麼久Promise,是時候大顯身手了! 基礎題 題一 const promise = new Promise((resolve, reject) = { console.log(1) resolve() console.log(2) }) promise.then(() = { console.log(3) }) console.

ecmascript-6 , 面試 , 筆試 , 異步編程 , Javascript

轉角處的湯姆 - 前端 JavaScript 數組扁平化處理:方法與技巧

在前端開發中,數組扁平化(Flattening an Array)是一個常見的操作,特別是在處理嵌套數組時。數組扁平化的過程就是將多維數組轉化為一維數組。這在許多場景下都非常有用,例如處理API返回的數據、操作複雜的列表、或是優化數據結構。 本文將深入探討如何在 JavaScript 中實現數組扁平化,並展示幾種常見的扁平化方法,幫助你更好地處理嵌套數組。 目錄

數組 , 扁平化 , 嵌套 , 前端開發 , Javascript

月恆 - Browser-use:基於 Python 的智能瀏覽器自動化 AI 工具調研與實戰

Browser-use:基於 Python 的智能瀏覽器自動化 AI 工具調研與實戰 一、概述 Browser-use 是一個旨在將 AI “智能體”(Agents)與真實瀏覽器進行交互的 Python 庫,可以輕鬆實現瀏覽器自動化。在配合 LLM(如 GPT 系列)使用時,瀏覽器-use 能夠讓你的智能體發起對網頁的訪問、操作頁面元素、收集信息、執行腳本等,從而擴展 AI 應用的落地場景。

llm , 數據挖掘 , 瀏覽器 , 人工智能 , Python

前端小巷子 - 前端虛擬長列表

前端虛擬長列表 當一次性渲染十萬條 DOM 節點時,瀏覽器會瞬間陷入「卡頓—白屏—崩潰」三連擊。虛擬長列表(Virtual Scroller)把「按需渲染」做到極致:只繪製可見區域並加少量緩衝,讓巨量數據在低端設備也能保持 60 FPS。 一、問題本質:渲染成本與滾動成本的矛盾 渲染成本等於節點數量乘以單個節點複雜度,滾動成本等於佈局重排乘以樣式重繪。瀏覽器單幀預算約 16

複雜度 , 重繪 , Math , 前端開發 , Javascript

Grewer - React 性能 debug 小記

前言 之前開發重構項目的時候,遇到了一些問題, 如 hooks 的性能問題和 quill 的重載問題。本文就是記錄這些問題的解決過程。 場景 在基於富文本的輸入場景中,我們發現在輸入回車後會出現明顯的卡頓現象。為了更好地展示此類場景,這裏使用了一個簡單的例子展示。 function App() { const [value, setValue] = useState(''); /

performance , react , 性能分析 , 前端 , Javascript

凡事提前 - HarmonyOS Next UI測試框架API總結

HarmonyOS Next UI測試框架API總結 HarmonyOS Next中UiTest提供模擬UI操作的能力,供開發者在測試場景使用,主要支持如點擊、雙擊、長按、滑動等UI操作能力,該模塊提供以下功能: On:提供控件特徵描述能力,用於控件篩選匹配查找。 Component:代表UI界面上的指定控件,提供控件屬性獲取,控件點擊,滑動查找,文本注入等能力。 Driver:入口類,提

harmonyos-next , 測試 , 單元測試 , 自動化測試 , harmonyos