收藏 / 列表

點墨 - 解決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 - Building An Offline-Friendly Image Upload System

So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file

User Experience , serverless , Javascript

前端路引 - Web前端入門第 88 問:引入 JavaScript 的 script 標籤究竟有多少用法?

HTML 版本不停的更新迭代,也導致瀏覽器支持的寫法眼花繚亂,就拿 script 標籤來説,剛剛入行的那會兒就只知道用來寫內聯的 js 代碼,後來又學到了引入 js 文件,ES 模塊規範化之後又知道能用來引入模塊化的 js 代碼,可這就是它的全部了嗎?? 然而...並不是!!! 各種用法 看看 script 千奇百怪的用法,一定有你沒見過的~~ 1、內聯腳本 如文章開頭説的一樣,直接用來寫內聯腳本

前端 , Javascript

後山人 - 有些數據管理的軟件,真心不用找人寫的

我們的Simplest Admin快速開發系統,有國企、高校、政府、公司、個人等各類用户。他們都有同樣的特點,就是需要快速的完成,功能不是特別複雜的系統,他們本身就是各個組織信息部門的人員,本事就有責任落實這些需求,但是,苦於沒有合適的,上手就用的系統;這時候,我們的Simplest Admin系統就恰好滿足了他們的需求。 首先,快速且完整,他們可以使用代碼生成,不同於很多系統一鍵生成,需要

vue.js , thinkphp

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

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

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

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 - PUT和POST的區別

PUT 和 POST 是 HTTP 協議中兩種常用的請求方法。它們有些相似之處,但也有一些重要的區別。在本文中,我們將詳細介紹 PUT 和 POST 的區別。 PUT 請求 PUT 請求是 HTTP 協議中的一種請求方法,通常用於更新或替換服務器上的資源。使用 PUT 請求時,客户端需要將整個資源的新版本發送到服務器。如果服務器上已存在該資源,則用客户端提交的新版本替換原有的資源。如果該資源不存在

程序員 , put , 後端 , get , 前端

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前,需要經過一系列的“準備”,這被稱為執行上下文 ,其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的,每創建一個執行上下文,就會將當前執行上下文放到一個棧頂,這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文: 全局執行上下文 ,進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , Javascript

linong - 前端培訓-中級階段(21)- xhr2、FormData(2019-10-17期)

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門,但也僅僅是入門,現在前端開發的定義已經遠遠不止這些。前端小課堂(HTML/CSS/JS),本着提升技術水平,打牢基礎知識的中心思想,我們開課啦(每週四)。 AJAX 我們肯定不陌生,低版本IE使用new ActiveXObject("Microsoft.XMLHTTP"),其他瀏覽器使用new XMLHttpReq

formdata , xmlhttprequest , Ajax , html5 , Javascript

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

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

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

懟懟 - 【js】實現繼承的幾種方式

js繼承 原型鏈 構造函數 組合繼承(原型鏈 + 構造函數) 原型式繼承 寄生式繼承 寄生組合繼承 1.原型鏈繼承 將父類的實例作為子類的原型 //父類 function School(name) { //實例屬性 this.name = name || "父類" this.arr = [1] } //父類原型方法 School.prototype = {

繼承 , Javascript

zsirfs - 深入一點 - JS 函數為什麼可以這樣操作

原文: https://zswfx.com/articles/5dc8f64a9cf7c17b240e5c6c 我們經常在函數參數裏面使用如下操作 Array.prototype.slice.call(arguments, 1), 這樣的操作,類似還有 Object.prototype.toString.apply(o)這種操作,為什麼可以這樣玩呢? 前言 我們經常通過數組的方法去操作類數組,還會

javascript專題系列 , Javascript

你好2007 - 關於CSS中設置overflow屬性的值為hidden的相關理解

包裹元素剪裁條件 是不是包裹元素overflow設置為hidden以後,內部元素如果超過包裹元素的話就會被剪裁?答案是不一定,這要看此刻的CSS環境。 根據對CSS2.1規範的理解,可以這樣表述:如果一個元素的包含塊的overflow屬性設置為hidden,那麼超過這個包含塊部分的內容就會被剪裁。 因此我們需要學會尋找一個元素的包含塊,不過在這之前,讓我們先簡單的知道如果一個元素的overflow

overflow , bfc , hidden , Css

追風的苦咖啡 - 信創產業核心組件:國密 SSL 證書如何支撐自主安全生態?

國密 SSL 證書作為信創產業的核心安全組件,通過國產算法自主可控、全棧技術適配、跨域信任貫通、合規體系支撐四大維度,構建起覆蓋 “芯片 - 操作系統 - 瀏覽器 - 雲平台” 的自主安全生態,成為我國網絡空間主權的重要技術基石。 一、國產算法自主可控:從底層打破技術依賴 國密 SSL 證書採用我國自主研發的SM2/SM3/SM4 算法體系,從根本上擺脱對 RSA/ECC 等國際算法的依賴

ssl證書 , 服務器 , 微服務 , HTTPS , Linux

李遊Leo - 深入理解 ECMAScript 2024 新特性:正則表達式 /v 標誌

ECMAScript 2024 (ES15)標準引入了新的正則表達式標誌 /v,這一新增功能不僅優化了多行匹配的處理,還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要,比如日誌分析、代碼審核等。接下來,本文將深入探討 /v 標誌的實際應用價值,並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具,經常被用於字符

ecmascript , Javascript

南城FE - 常見WEB攻擊與防禦

作為一個web開發者,web安全是需要了解的,web攻擊是針對用户上網行為或網站服務器等設備進行攻擊的行為,如植入惡意代碼,修改網站權限,獲取網站用户隱私信息等等。從互聯網誕生起,網絡安全威脅就一直伴隨着網站的發展,各種web攻擊和信息泄露也從未停止。本文介紹常見web攻擊方式及預防措施。 XSS(跨站腳本攻擊) CSRF(跨站請求偽造) SQL注入 DDOS XSS 跨站腳本攻擊指攻

csrf , 安全 , xss

beckyyyy - 給web增加簡單的ai對話功能

自從 ChatGPT 火了之後,越來越多人開始對 AI 感興趣,AI 的使用也越來越普遍了。現在你隨便點開個知名網站或者 APP,基本都能看到 AI 的影子,而且這些 AI 大多都是用 “問答” 的形式跟人互動,説白了就是 “聊天”。 當然啦,現在的 AI 也不是完美的,比如有時候會瞎編東西(就是大家説的 “AI 幻覺”),但給 APP 加個 AI 功能,確實能讓它變好玩、互動感更強。那咱們

通義千問 , 人工智能 , 前端

麒寧 - Ant Design 常見用法與坑點總結(二):Form 表單下拉框設置初始值

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

antd , select , antd-mobile , 前端 , Javascript

雲魚 - 19年前端筆試題小結(一)

什麼是web標準? WEB標準不是某一個標準,而是一系列標準的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為 (Behavior)。 對應的標準也分三方面:結構化標準語言主要包括XHTML和XML,表現標準語言主要包括CSS,行為標準主要包括對象模型(如 W3C DOM)、ECMAScript等。這些標準大部分由W3C起草和發佈

筆試 , Css , 前端 , html5 , Javascript

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

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

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

月恆 - Web 頁面性能衡量指標-以用户為中心的性能指標

Web 頁面性能衡量指標-以用户為中心的性能指標 以用户為中心的性能指標是理解和改進站點體驗的關鍵點 一、以用户為中心的性能指標 1. 指標是用來幹啥的? 指標是用來衡量性能和用户體驗的 2. 指標類型 感知加載速度:網頁可以多快地加載網頁中的所有視覺元素並將其渲染到屏幕上 加載響應速度:頁面加載和執行組件快速響應用户互動所需的 JavaScript 代碼的速度 運行時響應速度:網頁在加載

性能優化 , 性能分析 , 性能 , 前端 , Javascript

前端小巷子 - 深入理解 Vue Router

深入理解 Vue Router 在前端單頁應用(SPA)中,路由是連接用户操作與頁面展示的核心橋樑。Vue Router 作為 Vue 官方的路由管理器,提供了豐富的功能和靈活的配置。本文將圍繞“路由模式”、“router 與 route 的區別”、“導航守衞的種類”以及“完整的導航解析流程”四個方面,帶你深入理解 Vue Router 的工作機制。 一、路由模式:hash 與

Vue , 路由配置 , 刷新頁面 , 前端開發 , Javascript

Grewer - V8 入門記錄一:初識

關於 V8 我想前端從業人員或多或少會聽説過這個詞,但是他具體是什麼, 怎麼入門, 怎麼學習是一個較高的門檻,本文就 V8 入門,來做一個記錄,也方便大家的學習。 V8 是 Google 用 C++ 編寫的開源高性能 JavaScript 和 WebAssembly 引擎。它被用於 Chrome 瀏覽器和 Node.js 等。它實現了 ECMAScript 和 WebAssembly,可在 Win

v8 , v8js , 瀏覽器 , 前端框架 , 前端