收藏 / 列表

點墨 - 解決Qt 6.2.3 WebEngine中clipboard.write圖片複製失效及下載問題

複製失效問題 問題描述 在Qt 6.2.3中使用QWebEngineView嵌套網頁時,通過JavaScript的navigator.clipboard.write()複製圖片無響應,控制枱報錯: Uncaught TypeError: navigator.clipboard.write is not a function 根本原因 安全上下文限制 clipboard.write()

chrome , c++ , Web

Amejimaobari Ollornwi - Generating Unique Random Numbers In JavaScript Using Sets

JavaScript comes with a lot of built-in functions that allow you to carry out so many different operations. One of these built-in functions is the Math.random() method, which generates a random floa

Techniques , coding , Javascript

前端路引 - Web前端入門第 83 問:JavaScript localStorage 有大小限制嗎?溢出會怎樣?

本地存儲除了 Cookie 外,還有 localStorage 和 sessionStorage,本文一探 localStorage。 localStorage 此 API 存入的數據會 永久 保存在瀏覽器中,除非用户手動刪除。 localStorage 能用於同一瀏覽器同一域名跨標籤頁通信。 同一瀏覽器無痕模式和非無痕模式下,localStorage 存儲的數據無法互通,且無痕模式存入的數據在瀏

前端 , Javascript

後山人 - 洞察:低代碼與零代碼的本質區別及其對企業級開發的影響

在數字化轉型的浪潮中,低代碼(Low-Code)和零代碼(No-Code)平台因其承諾的效率提升而備受關注。然而,兩者並非同義詞,它們在目標用户、所需技能、應用場景和定製化能力上存在本質區別。 本文將詳細闡述低代碼和零代碼的核心差異,分析它們各自的侷限性,並結合 鋭智後台(RaiseAdmin)快速開發平台 的實踐,説明其如何通過“代碼生成 + 專業編碼”的混合模式,為企業級應用提供一個超越兩者侷

小程序 , php , Javascript

微芒不朽 - 用 n8n 實現工作自動化後,我每天多睡 2 小時!

n8n 是一個開源的工作流自動化平台,允許用户通過拖放節點來創建複雜的自動化流程。n8n 提供了豐富的內置節點和社區貢獻的節點,支持與各種 API、數據庫和其他服務集成。本文將詳細介紹 n8n 中節點的使用方法,包括如何添加節點、配置節點、連接節點以及調試和優化工作流。 1. n8n 基本概念 1.1 工作流(Workflow) 工作流是由多個節點組成的自動化流程,每個節點代表一個操作,如發送電

機器學習 , 人工智能 , 深度學習

DiracKeeko - [JS] javascript中的原型鏈01 prototype&__proto__

先給出名詞的定義: 1、實例對象-被new出來對象稱之為實例對象 例如: const p1 = new Person() p1就是實例對象 2、普通對象-未經new,直接聲明的對象是普通對象 例如:const p2 = { name: "John" } p2就是普通對象 3、prototype, 中文翻譯:原型對象 4、__proto__ ,中文翻譯:原型 (英文可以讀作dunder

原型鏈 , 前端 , Javascript

Apifox - 精通多環境多服務調試:在微服務架構中做到遊刃有餘

在 微服務 架構中,項目被分解成多個獨立的模塊,每個模塊對應一個微服務。這些微服務各自承擔不同的任務,例如用户管理、支付處理或訂單管理。它們可以使用不同的技術棧,獨立開發、測試和部署。微服務之間通過 API 等方式進行通信,以協同完成應用程序的各項功能。 當我們測試項目各個模塊的功能時,就需要選擇相應的服務以建立連接,確保每個模塊都能正常運行。在這個背景下,我們需要一種方法,將項目中每個模塊的接口

環境變量 , 微服務 , 架構 , 調試 , 後端

銀之夏雪 - 從底層到實踐:深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上,通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時,Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

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

若川 - Taro 源碼揭秘:9. Taro 是如何生成 webpack 配置進行構建小程序的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-22),目前最新是 4.0.7,

react , 小程序 , webpack , 前端 , Javascript

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

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

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

zsirfs - 談談深拷貝、淺拷貝

前提: 假設您已經知道為什麼在JavaScript中需要深拷貝和淺拷貝了。 舉兩個例子: const a = [1, 2, { key: 20 }] const b = [...a] b[2].key = 30 console.log(a[2] === b[2]) console.log(a === b) // true const o = { k1: { kk1: 50} } con

javascript專題系列 , Javascript

你好2007 - v-solt 插槽(基礎使用、具名插槽、作用域插槽等)

基本使用 組件通過slot預留位置,使用組件的時候,可以通過傳遞具體的內容去替換slot佔用的地方,這就是插槽。 比如現在定義了一個組件: !-- simple-use.vue -- template div slot/slot /div /template 組件slot/slot佔用的位置具體內容不確定,需要使用的時候傳遞進來,我們就可以這樣使用: simple-use em

vue.js , htm , template.js , 前端 , Javascript

追風的苦咖啡 - SSL證書過期怎麼辦?續費與更換的注意事項

SSL證書過期後的處理方式主要是續費原有證書或重新申請新證書,具體注意事項如下: 續簽SSL證書,優惠入口⬇️ https://www.joyssl.com/certificate/select/joyssl-dv-single-st... 一、續費原有證書 續費流程: SSL證書過期後,最快捷的方式是續費原有證書。由於您已通過初次申請的資料審核,續費時通常無需重新提交企業

觀點 , 資訊 , 服務器 , mariadb , 爬蟲

李遊Leo - 深入理解 ECMAScript 2024 新特性:Map.groupBy() 分組操作

ECMAScript 2024 (ES15) 引入了一個極具潛力的新特性:Map.groupBy(),它大大簡化了數據分組的操作。無論是在處理數組、對象,還是更復雜的業務邏輯中,分組操作都是開發中常見的需求。本文將通過詳細的技術案例和代碼展示,為你剖析 Map.groupBy() 的強大之處。 什麼是 Map.groupBy()? Map.groupBy() 是 JavaScript 新增的靜態

ecmascript , 前端 , Javascript

南城FE - CSS螢火蟲按鈕特效

如圖所示,這是一個很炫酷的按鈕懸浮特效,鼠標懸停時,按鈕呈現發光的效果,周邊還出現類型螢火蟲的效果。本文將解析如何實現這個按鈕特效,基於這個動圖可以分析出需要實現的要點: 有一個跟隨鼠標移動的圓點 按鈕懸停時有高亮發光的效果 懸停時按鈕周邊的螢火中效果 實現過程 跟隨鼠標移動的圓點 這個部分需要基於JS實現,但不是最主要的實現代碼 如果單純做一個跟隨鼠標移動的點很簡單,只需要監聽鼠標事

css3 , 動畫 , 前端

beckyyyy - 我的編程之路:這是一個蓄謀已久的大坑

簡單介紹一下自己和目前的工作 畢業工作已四年,前面三年做的是java外包方面的工作,去年的時候腦子發熱、感覺方向迷茫、這份工作不太想做下去了,於是裸辭了,在失業的三個月中一直在思考人生,終究是並沒有什麼收穫,只是更多增添了煩惱和焦慮,在一次無意的面試後,又是腦子一熱,決定轉向前端。目前在一家創業小公司做着前端的工作,入坑六個月左右,感覺尚可。 詳細寫寫你是如何走上編程的道路 在我小時候那會兒,一個

我的編程之路

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

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

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

雲魚 - JavaScript中各種源碼實現

前言 能夠手撕各種JavaScript原生函數,可以説是進大廠必備!同時對JavaScript源碼的學習和實現也能幫助我們快速紮實地提升自己的前端編程能力。 最近很多人和我一樣在積極地準備前端面試筆試,所以就整理了一些前端面試筆試中非常容易被問到的原生函數實現和各種前端原理實現,其中部分源碼戳這裏。 實現一個new操作符 我們首先知道new做了什麼: 創建一個空的簡單JavaScript對象

面試 , 源碼 , 筆試 , 前端 , Javascript

轉角處的湯姆 - 前端代碼規範:讓你的代碼更易維護和協作

在前端開發中,隨着團隊的不斷擴大和項目的逐步複雜化,統一的代碼規範變得越來越重要。無論是小型團隊,還是跨國團隊,良好的代碼規範能夠提升開發效率、減少bug的產生,並確保代碼易於維護和擴展。今天,我們就來聊一聊前端代碼規範的制定與執行。 為什麼要有前端代碼規範? 提高可讀性和一致性 規範化的代碼有助於保持代碼風格的一致性,無論是單人開發還

開發者 , 代碼風格 , 前端開發 , 代碼規範 , Javascript

月恆 - Cron 表達式用法

Cron 表達式 一、概述 Cron 表達式 是一種用於定義定時任務調度的標準語法,廣泛應用於 Linux 系統中的定時任務管理器 cron。它通過一組字段指定任務的執行時間,靈活地控制任務在特定時間點的運行。 在 cron 中,任務的調度時間通過 cron 表達式 來指定,它由 5 到 6 個字段組成(具體取決於環境)。每個字段表示時間單位(分鐘、小時、日期等),用來描述任務的執行計劃。 二、C

crontab , cron , 前端 , Javascript

前端小巷子 - Vue嵌套路由

Vue嵌套路由 在單頁應用裏,“頁面”不再是整屏刷新,而是由路由驅動的組件樹。當業務複雜到「用户中心 → 個人資料 / 收貨地址 / 賬號安全 / 好友列表」這種層級時,嵌套路由(Nested Routes)是唯一能把深度與可維護性同時保留下來的方案。 一、嵌套路由到底在解決什麼問題 想象一個用户中心: /user 用户中心外殼(Layou

用户中心 , 嵌套 , 前端開發 , Layout , Javascript

Grewer - 樹形選擇器的使用場景探索

在工作中,樹形選擇器(tree-select)是一種常見的基礎組件, 這次我們針對此組件做一些業務適配 背景: 在一個大型組織(2 萬以上)內,需要有一個選擇人、組的一個選擇器, 支持搜索功能。 一開始我的思路是這樣: 層級加載+後端搜索 **既然數據量很多,那最好不要一次性加載,不然會有以下的一些問題: 問題一是後端的加載速度很慢 二是前端也會手動很大的影響,比如需要開

業務 , antd , 組件化 , 前端 , Javascript