收藏 / 列表

洛陽醉長安行 - 移動端級聯組件mCascader

移動端開發中可能會涉及到樹狀數據的選擇,由於mui中沒有比較好的組件可以使用,所以我基於mui和jq開發了一款可以在移動端操作級聯的氣泡組件。 源碼地址:https://github.com/booms21/mC... mCascader mCascader 是一款mui風格的移動端h5氣泡級聯框,支持可選擇任意層級、默認值、分隔符 使用方法: 首先引入mui和jq庫,mCascader.

移動端 , mui , html5

尹光耀 - underscore源碼剖析之整體架構

underscore源碼分析之整體架構 最近打算好好看看underscore源碼,一個是因為自己確實水平不夠,另一個是underscore源碼比較簡單,比較易讀。 本系列打算對underscore1.8.3中關鍵函數源碼進行分析,希望做到最詳細的源碼分析。 今天是underscore源碼剖析系列第一篇,主要對underscore整體架構和基礎函數進行分析。 基礎模塊 首先,我們先來簡

underscore , 前端 , Javascript

點墨 - VSCode 樣式格式化

在使用VSCode的插件進行less文件格式化的時候,發現會存在問題。 index.less @prefix: test; @{prefix}-input{ color :red; width : @base-with; height : @base-height; } @base-size : 10px; @base-with : @base-

less , vscode插件 , scss , visual-studio-code , Css

WillemWei - 模擬實現js中的new操作符

new 運算符創建一個用户定義的對象類型的實例或具有構造函數的內置對象的實例。 這是MDN上對new操作符的定義,從這句話中可以看出new返回的其實就是一個實例,那麼問題來了實例又是個啥東西? 先看個例子: function Cat(name, gender) { this.name = name; this.gender = gender; } Cat.prototype.sa

prototype , new , Javascript

雲中小生 - .NET WinForms + WPF 綜合學習路線:從傳統到現代的.NET桌面開發

第一階段:打下堅實基礎 (1-2周) 目標:掌握C#核心語法和麪向對象編程,這是學習任何.NET UI框架的前提。 // 面向對象編程基礎示例 public class Person { public string Name { get; set; } public int Age { get; set; }

redis , .NET Core , 學習 , wpf , 數據庫 , .net , c

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前端入門第 90 問:JavaScript 也能無中生有的創建音頻

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

前端

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

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

小程序 , php , Javascript

微芒不朽 - 3 分鐘搞定 Linux 磁盤清理:實用命令 + 自動腳本,新手也會

在Linux系統中,隨着時間推移,磁盤空間會被各種日誌文件、緩存文件、臨時文件等佔滿。本文將詳細介紹哪些類型的文件和目錄可以安全刪除以釋放磁盤空間。 1. 系統日誌文件 1.1 日誌文件清理 # 查看日誌文件大小 du -sh /var/log/* # 清理舊的日誌文件(保留最近7天) find /var/log -name "*.log" -mtime +7 -delete # 清理系統

Linux

Apifox - 提高開發效率:Mock.js 數據模擬實戰教程

在本篇文章中,我們將深入探討Mock.js,這是一款在前端開發中廣泛應用的工具庫,專門用於生成模擬數據和攔截 Ajax 請求。本文將從以下幾個角度展開討論 Mock.js 的功能和應用: 如何開始使用 Mock.js 創建模擬數據 應用數據模板 模擬 Ajax 請求的技巧 開始使用 Mock.js 首要步驟是將 Mock.js 集成到你的項目中,這可以通過下面的 npm 命令來完成:

mock.js , mock , mockito , 前端工程師 , 前端

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

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

數據可視化 , 前端 , Javascript

aqiongbei - 淺談sessionStorage的"繼承"問題

問題復現 最近在寫bug的過程中發現一個有意思的事,我把它稱之為" sessionStorage'繼承' "。我們可以按以下做法復現這一過程: 測試一 打開一個頁面(我們稱之為a頁面),在控制枱執行 sessionStorage.a = 'a'; window.open(window.location.href); // 得到b頁面 我們把新打開的頁面叫做b頁面,然後我們在b頁面控制枱執行 ses

sessionstorage , HTML , html5 , Javascript

健兒 - 如何用useRef優化重複請求

如題:如何用useRef優化重複請求。 寫業務代碼,時而會遇見這種情況,如下偽代碼: useEffect(() = { // api請求 () }, [a, b]) 參數a來源某接口請求、參數b來源另外一個接口請求 毫無疑問,上面寫法回調函數一定會進去兩次,除了用參數校驗 比如滿足條件再進入api調用,還可以用useRef來暫存參數,而又不會引起頁面的re-rende

react , hook , Javascript

mob64ca13fe62db - (轉載)Spring異常處理@ExceptionHandler

@ExceptionHandler原理淺析 初始化 初始化 ExceptionHandlerExceptionResolver#exceptionHandlerAdviceCache 初始化方法:initExceptionHandlerAdviceCache() public static ListControllerAdviceBe

oracle , 優先級 , 初始化 , 數據庫 , JAVA

新茶十九 - webstorm保存自動prettier格式化

在 WebStorm 中配置保存時自動使用 Prettier 格式化代碼,能有效統一代碼風格。以下彙總了關鍵的配置方法和注意事項。 配置步驟 關鍵操作 説明/參考 ① 安裝 Prettier 在項目根目錄執行 npm install prettier --save-dev

code , 根目錄 , 代碼風格 , 前端開發 , Javascript

Zack Grossbart - Writing Unit Tests For WordPress Plugins

My first goal for the WordPress Editorial Calendar was to make it do anything useful. I was new to JavaScript and PHP and didn’t really know what I could pull off. In a few days I had a proof of con

wordpress , coding , Techniques (WP) , plugins , Javascript

泯瀧 - Chrome瀏覽器插件Manifest V3 簡介

隨着互聯網的快速發展,瀏覽器插件成為了許多用户提升瀏覽器功能和個性化體驗的重要工具。Chrome瀏覽器作為全球最受歡迎的瀏覽器之一,其插件生態系統也日益壯大。為了保證插件的安全性和性能,Chrome團隊推出了Manifest V3,這是一種新的插件開發規範。 A step in the direction of security, privacy, and performance. 向安全性

插件 , 瀏覽器 , 瀏覽器原理 , 前端 , Javascript

zsirfs - 深入一點 - 為什麼説splice 效率低呢

原文: https://zswfx.com/articles/5da713302ddd022595ff506a 我們在使用 Array.prototype.splice 方法的時候,都會提及説它速度慢,效率低。尤其在例如 Vue或者React 框架中也不推薦使用,原因是為什麼呢? splice 方法 方法介紹如下: 方法也比較明瞭,就是在數組內刪除或者添加元素。 如下示例: // 添加一個

javascript專題系列 , Javascript

破曉L - 面試小冊:面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型(string、number、boolean、undefined、symbol、bigint 和 null),這些都是不可變的。這意味着一旦分配了一個值,我們就無法修改它們,我們可以做的是將它重新分配給一個不同的值(不同的內存指針)。另一方面,其他數據類型(如 Object 和 Function)是可變的,這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

瘋狂的技術宅 - 這 7 道關於 this 的面試題,你能答對幾個?

在 JavaScript 中,this 是函數調用上下文。正是由於 this 的行為很複雜,所以在 JavaScript 面試中,總是會問到有關 this 的問題。 做好的準備面試的方法是練習,所以本文針對 this 關鍵字整理了 7 個有趣的面試。 注意:下面的 JavaScript 代碼段以非嚴格模式運行。 1:變量與屬性 以下代碼輸出什麼: const object = { messag

面試 , this的用法 , 前端 , Javascript

zhanle_huang - 一張base64圖片格式的圖片,將其轉化成blob然後上傳到服務器

一張base64圖片格式的圖片,將其轉化成blob然後上傳到服務器 需求描述 一張base64圖片格式的圖片,將其轉化成blob然後上傳到服務器,後台跟接收表單文件上傳一樣的方式去處理改圖片 實現 // url 表示base64的字符串, name表示文件名,附加到blob上的那麼、上 uploadFile(url, name) { // 以逗號劃分類型和內容

base64 , blob , HTML , 前端 , Javascript

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

源代碼下載: learnxml-cn.xml XML 是一種標記語言,被設計用來存儲數據和傳輸數據。 不像 HTML , XML 不指定怎樣顯示或格式化數據,只是攜帶它。 XML 語法 !-- XML中的註解像這樣 -- ?xml version="1.0" encoding="UTF-8"? bookstore book category="COOKING" title la

數據 , 樹形結構 , xml , 語法

邊城 - Java 中模擬 C# 的擴展方法

我平時主要使用 C#、JavaScript 和 TypeScript。但是最近由於某些原因需要用 Java,不得不再撿起來。回想起來,最近一次使用 Java 寫完整的應用程序時,Java 還是 1.4 版本。 這麼多年過去,Java 確實有不少改進,像 Stream,var 之類的,我還是知道一些。但用起來感覺還是有點縛手縛腳,施展不開的感覺。這肯定是和語法習慣有關,但也不乏 Java 自身的原因

語法 , JAVA

你好2007 - Symbol + Generator函數 + Promise

一:Symbol 1.1 基本使用 簡單的説,Symbol就是一個絕對唯一的key值,類似之前obj['key']='value'這種操作的字符串'key',好處是絕對不會重複,避免覆蓋之前的值。 Symbol是一個方法,會返回一個唯一的symbol,可以帶參數,比如:var sy=Symbol('sy-name'),不過這只是為了方便查看,加不加目前沒有區別。 var sy1=Symbol(),

ecmascript-6 , promise , symbol , generator , Javascript