收藏 / 列表

hello888 頭像

洛陽醉長安行 - mui 側欄菜單實現多級樹數據列表，返回上一級樹

想在移動端使用樹結構選擇項目，但是在移動端顯示體驗太差怎麼辦？使用棧結構存儲樹歷史，使用類似側欄菜單的方式實現： var currtTreeArr = []; //當前樹列表數組 var treeData = []; //根節點數據 var treeHistoryArr = []; //歷史打開的樹，用於回退，進入到其他節點 $(".mui-table-view").on("click", ".m

移動端 , 樹形結構 , mui , 前端 , Javascript

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

chencaize 頭像

點墨 - qt輸出源碼日誌

在QT源碼裏，很多qCDebug打印的日誌，如何輸出？ 在C:\Users{yourname}\AppData\Local\QtProject增加日誌配置文件qtlogging.ini 如果需要開啓全部日誌,則配置如下所示: [Rules] *=true 如果需要開啓部分模塊日誌,比如開啓lcQpaWindows,首先需要找到lcQpaWindows對應的模塊字符串 配置如下所示: [Rule

qt , 日誌

willemwei 頭像

WillemWei - 模擬實現Javascript中的bind函數

bind() 方法創建一個新的函數，在 bind() 被調用時，這個新函數的 this 被指定為 bind() 的第一個參數，而其餘參數將作為新函數的參數，供調用時使用。 從MDN對於bind的描述來看： 返回值是一個函數，而不是執行結果 this值會指向第一個參數 其餘參數會作為新函數的參數 看個例子： function test(name, age) { console.lo

prototype , bind方法 , new , bind , Javascript

u_13934709 頭像

雲中小生 - Blazor核心：Razor組件開發全解析

1. Razor 組件概述 什麼是 Razor 組件？ 在現代 Web 開發中，組件化已經成為構建複雜用户界面的核心範式。Razor 組件是 Blazor 框架的基石，它們代表了前端開發的一種革命性轉變——讓 .NET 開發者能夠使用熟悉的 C# 語言而不是 JavaScript 來構建交互式 Web 應用。 🔄 Razor 組件的本

.NET Core , Blazor , 組件化 , c , Razor組件 , 前端開發 , Javascript

amejimaobari-ollornwi 頭像

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

linx 頭像

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

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

前端

hsr2022 頭像

後山人 - 告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗

告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中，後台管理系統是不可或缺的一環。然而，重複的CRUD（創建、讀取、更新、刪除）工作常常佔據了開發者大量寶貴時間。今天，我們聚焦一個優秀的開源項目——鋭智後台（RaiseAdmin）快速開發平台，它正以其現代化技術棧和創新的“懶人”代碼生成器，為開發者帶來一場效率革命。 一、現代化技術棧：性能與體驗

vue.js , MySQL , php , Javascript

kestrel_task 頭像

微芒不朽 - Linux 服務器磁盤滿了？教你快速找到大文件，安全刪掉不踩坑！

1. 磁盤空間檢查基礎命令 1.1 查看磁盤使用情況 # 查看所有掛載點的磁盤使用情況 df -h # 查看指定目錄的磁盤使用情況 df -h /home 1.2 查找大文件和目錄 # 查找當前目錄下大於100MB的文件 find . -type f -size +100M -exec ls -lh {} \; # 查找根目錄下大於1GB的文件 find / -type f -size +

Linux

apifox 頭像

Apifox - 構建卓越 HTML API 的關鍵步驟

作為 JavaScript 開發者，我們經常忘記並不是所有人都像我們一樣瞭解 JavaScript，這被稱為知識的詛咒：當我們精通某個內容的時候，我們就不記得自己作為新人的時候有多麼困惑。我們總是對其他人的能力估計過高，因此我們覺得，自己寫的類庫需要一些 JavaScript 代碼去初始化和配置也很正常。然而，一些用户卻在使用過程中大費周折，他們瘋狂地從文檔中複製粘貼例子並隨機組合這些代碼，直到它

前端工程化 , API , 程序員 , 前端 , Javascript

aqiongbei 頭像

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解，查了資料才明白其中的緣由，遂以志之。問題是這樣的： button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

nanian_5cd6881d3cc98 頭像

那年 - antdesign填坑， select下拉選項隨着滾動而定位失效 ， 添加getPopupContainer 失效

1- 官方給的解釋 但是當我添加getPopupContainer 之後，定位任然失效 解決： .tel-box { width: 140px; display: inline-block; position: relative; }

antd , select , 定位

jianer 頭像

健兒 - 徹底搞懂--水平垂直居中

水平垂直居中是面試常考的環節 今天就一步一步分析下是怎麼做到的，以前呢多少有點死記硬背的感覺，沒真正去梳理過。 先看看整個實現的流程圖片吧。 1、當left：50%如圖1 2、當top:50% 如圖2 3、要想呈現如圖3的情況，有兩種實現方案 （1）方案1 在已知目標對象寬高的情況下，可以通過設置margin-left:-寬/2 margin-top:-

transform , Css , 前端 , html5

u_16213608 頭像

mob64ca13fe62db - tableau docker安裝

tableau可視化 When working with geospatial data, it’s often useful to visually inspect the data on a map. In this tutorial, we will be using real cellph

雲計算 , 數據可視化 , tableau docker安裝 , JAVA , Docker , 可視化 , Python

Itstars 頭像

新茶十九 - 高德地圖的柵格圖，2D地圖，瓦片圖有什麼區別

高德地圖的“柵格圖”、“2D地圖”和“瓦片圖”這三個概念經常被混用，但它們描述的是不同層面的東西。 簡單來説： 瓦片圖是技術實現方式。 柵格圖是地圖數據的展現形式（與矢量圖相對）。 2D地圖是地圖的顯示模式（與3D地圖相對）。 下面我用一個清晰的表格和詳細解釋來説明它們的區別和聯繫。 🆚 核心概念對比 維度

vue.js , 高德地圖 , 柵格 , 3d , 前端開發

zack-grossbart 頭像

Zack Grossbart - Backpack Algorithms And Public-Key Cryptography Made Easy

E-commerce runs on secrets. Those secrets let you update your blog, shop at Amazon and share code on GitHub. Computer security is all about keeping your secrets known only to you and the people you

Security , coding

momeak9 頭像

泯瀧 - 強緩存和協商緩存

為什麼有這個東西？ web緩存描述 ： Web 緩存是可以自動保存常見文檔副本的 HTTP 設備。當 Web 請求抵達緩存時， 如果本地有“已緩存的”副本，就可以從本地存儲設備而不是原始服務器中提取這 個文檔。（此結論來自http權威指南） 緩存的優缺點： 優點： 緩存減少了冗餘的數據傳輸，節省了你的網絡費用。 緩存緩解了網絡瓶頸的問題。不需要更多的帶寬就能夠更快地加載頁面。 緩存降低了對

瀏覽器 , 瀏覽器原理 , 網絡 , 網絡傳輸協議 , 前端

zisrfs 頭像

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

webinfoq 頭像

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢，節省寬帶，並降低服務器成本，但許多網站並不重視緩存，造成競爭條件，導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一： 模式一：不可變（immutable）內容 + 長 max-age 模式二：可變（mutable）內容，始終由服務器驗證 模式一：不可變內容 + 長 max-age Cache-Control：max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

evilboy 頭像

瘋狂的技術宅 - 超越 Cookie：當今的客户端數據存儲技術

超越 Cookie：當今的客户端數據存儲 作者：Adam Giese 翻譯：瘋狂的技術宅 原文：https://blog.logrocket.com/be... 未經允許嚴禁轉載 當 cookie 被首次引入時，它是瀏覽器保存數據的唯一方式。之後又有了很多新的選擇：Web Storage API、IndexedDB 和 Cache API。那麼 cookie 死了嗎？我們來看看這些在瀏

indexeddb , cookies , storage , cookie

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明 柱狀圖的圖例默認是圓點的，如圖 要修改成方形，可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 make

源代碼下載： Makefile-cn Makefile 用於定義如何創建目標文件, 比如如何從源碼到可執行文件. 創建這一工具的目標是 減少不必要的編譯或者任務.是傳説中的 Stuart Feldman 在 1976 年花了一個週末寫出來的, 而今仍然使用廣泛, 特別是在 Unix 和 Linux 系統上. 雖然每個語言可能都有相應的或多或少提供 make 的功能, 比如 ruby 的

gnu-make , 工具 , 指令 , 入門 , make

hai2007 頭像

你好2007 - 關於字符串解析的一點理解 （以解析一段HTML字符串為例）

在分析一段字符串的時候，可以藉助字符串的indexOf等方法，或者是正則表達式，可是，如果需要解析的是下面這段字符串： group arc c-bind:cx='_width*0.5' c-bind:cy='_height*0.5' c-bind:radius1='_min*0.5' radius2='100' deg='120deg' /arc group c-for='

vue-loader , 算法 , webpack , template-engine , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - 什麼是免費 SSL 證書？3 分鐘搞懂網站 “https” 的核心保障

什麼是免費 SSL 證書 本質：免費 SSL 證書是一種數字證書，用於在客户端（如瀏覽器）和服務器之間建立加密連接。 核心作用：確保數據傳輸的機密性和完整性。它通過公鑰加密技術對傳輸的數據進行加密，防止數據在傳輸過程中被竊取或篡改。 “免費”的含義：由非營利組織或雲服務商等提供，向最終用户免費提供證書本身，並且自動化管理和續期過程。它們的運營主要依賴捐贈資助。 功能限制：相較於昂貴

免費註冊 , ssl證書 , HTTPS