收藏 / 列表

yangy5hqv 頭像

夢想雲圖網頁CAD - （WEB在線編輯DWG）在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能，用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值，同時可以自定義選擇標註文字的位置，測量圓功能能夠快速掌握目標圓對象的數據信息，方便統計工程量。 測量面積功能（多邊形、矩形）以多邊形的每一個頂點來確定多邊形的形狀和位置，通過點擊矩形的量角點來確定矩形的大小和位置，也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

jrue 頭像

前端小菜 - JS如何刪除對象中的某一屬性

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 添加新屬性 math

ecmascript-6 , es5 , Javascript

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 完整版移動端滑動事件封裝

touchEvent 基於Jquery擴展在移動端產生的事件，包含，單次觸摸事件，兩次觸摸事件，長按事件，滑屏事件，向上滑動事件，向下滑動事件，向左滑動事件，向右滑動事件 預覽 地址預覽 https://hangjob.github.io/touchEvent/index.html 事件類型 單次觸摸事件 $(el).tap tap: function(element, fn) {

移動端web , jquery , 前端 , html5 , Javascript

thjjames 頭像

小皇帝James - 表格Table實現前端全選所有功能

前言 最近兩家公司都遇到了全選全頁+批量操作的功能場景，即點擊全選所有的時候需要勾選所有數據包括非當前頁的。 方案 如果純前端分頁可以參考 antdv.table，一般主流的組件庫都給封裝好了。 後端分頁一種方案是： 基於組件庫的現有能力，全選所有時設置 pageSize 為無窮大並調用列表接口得到全量數據賦值給 selectedRowKeys 即可。但是這套方案最大的問題在於

全選 , table , vue3 , selection , Javascript

wupeng_5a4de5c290b9d 頭像

PatWu16 - Webview中h5上傳圖片踩坑記錄

前段時間開發端內h5項目，用到了h5上傳圖片，現記錄下遇到的坑。 端內h5上傳圖片問題歸納： 1、Webview中使用原生h5 input file上傳圖片時android只能單選、ios只能多選；android上還存在的一個問題為：點擊上傳按鈕進入圖片選擇頁後，如果取消選擇，返回項目，則無法再次上傳，會波及到整個webview，其他h5頁面也無法上傳，只有關閉此webview重新進入才可以

upload , file , 前端 , Javascript

qinglong_62898aa51988d 頭像

清隆 - 為什麼 shift 比 pop 慢？JS 中隊列的實現

我們知道在 JS 中，刪除數組元素有兩個方法：pop 與 shift，分別可以刪除末尾與開頭的元素。 然而同樣是刪除元素，它們的執行時間確實不同的。 當數組項目較多時，shift 的執行時間明顯長於 pop。 const test = (arrLength) = { let arr1 = [] console.time(`${arrLength}-arr1`) for (let i =

shift , pop , 隊列 , 前端 , Javascript

aqiongbei 頭像

aqiongbei - 來學一個值錢的知識，Chrome插件如何優雅的捕獲頁面的請求結果

背景 今天在寫一個某網站限流檢測的chrome插件，需要捕獲頁面的某個請求結果。那麼問題就來了，我們該如何捕獲頁面的請求結果呢？我們來捋捋都有哪些方案。 我開發的時候的配置為manifest_version: 3，下文內容也是在這個基礎上展開的。 本文只列舉方案，一些需同步在manifest_version進行配置地方並未提及，請自行配置。 可行的方案 一、chrome.webReques

chrome , chrome-extension , chrome-devtools , 前端 , Javascript

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（三）

前言 本文是 ahooks 源碼系列的第四篇，往期文章： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素：useEffectWithTarget 【解讀 ahooks 源碼系列】DOM篇（一）：useEventListener、useClickAway、useDocumentVisibility、useDrop、useDrag 【解讀 ahooks 源碼系列】DOM篇

react , hooks , 前端

u_17443142 頭像

51搜不到你 - 平替魯大師 硬件狗狗工具箱分享

2010年魯大師被收購後，他的畫風就變了，各種廣告層出不窮，安裝後也成一個流氓軟件，簡直沒眼看。 今天分享一款平替工具箱——硬件狗狗，包含安裝板112M和免安裝版9M，免安裝版相對來説功能會少點，但也不影響主要功能，大家可以根據需求自行選擇。 免安裝 安裝版 在我的硬件中上面可以看到CPU、顯卡、主板、內存、

電腦使用 , 免安裝 , 驅動大師 , 前端開發 , Javascript

jianer 頭像

健兒 - 多級數組Tree如何做搜索

兩種方案 1、數組打平，根據搜索字符在打平數組裏去filter出滿足條件的node節點，但此時被篩選的節點只有子節點，然後再通過被篩選出的子節點去找對應的父節點，然後拿到結果後轉成tree結構 優點：思路簡單，打平數組用了遞歸，好理解 缺點：找父節點的時候相對麻煩。 2、寫一個遞歸算法，滿足條件就返回tree 比如有一個簡單個tree const treeData = [ {

遞歸 , tree , 算法 , 前端

u_16213608 頭像

mob64ca13fe62db - TPS、併發用户數、吞吐量關係

併發用户數：是指模擬用户實際去 請求的用户數量，模擬每個人去操作。 吞吐量：可以是 流量 也 可以是業務量。 持續時間1分鐘 10個用户併發，按每秒1個線程數來計算 請求數= 10用户×60分鐘×1個線程= 600次請求。 吞吐量=600個請求。 吞吐率=600個請求÷1分鐘=60個請求/秒 持續時間1分鐘 20個用户併發，按每秒1個線程來計算

請求超時 , 高負載 , 基線 , 後端開發 , Python

kirill-myshkin 頭像

Kirill Myshkin - Orchestrating Complexity With Web Animations API

There’s no middle ground between simple transitions and complex animations. You’re either fine with what CSS Transitions and Animations provide or you suddenly need all the power you can get. Web An

animation , API , Interfaces , Javascript

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 雲小課 | “VPC連接”知多少

摘要：華為雲提供了豐富的網絡服務，可滿足多種網絡互連場景。 同Region的兩個VPC怎麼連通？” “跨Region的兩個VPC又怎麼連通？” “VPC內的ECS搭建了一個應用，需要訪問Internet，怎麼弄？” “某客户的業務一部分在香港，一部分在大陸，怎麼經濟可靠的連接起來？” “某客户既有本地的數據中心，又想把一部分業務放到雲上，怎麼玩？” …… …… 網絡域大家族提供了豐富的雲產

idc , internet-explorer , 華為雲 , 私有云 , 網絡

heath_learning 頭像

heath_learning - JavaScript獲取字符串中連續出現次數最多的字符

需求：使用js獲取aaaabcc4aa4ddcfceeeeeeeggg這個字符串中連續出現次數最多的字符 方式一：利用指針思想（即索引） 在JavaScript中指針思想就是索引思想。 思路： 首先定義i、j兩個索引，i指向第一個字符，j指向i後面的字符 i不動，j一直向後移動，然後比較i與j指向的字符，如果它倆相等則不管，説明i與j之間的字符是連續的。 如果不相等則説明i指向

索引 , 算法 , 指針 , 字符串處理 , Javascript

Itstars 頭像

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

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

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

christian-heilmann 頭像

Christian Heilmann - The Seven Deadly Sins Of JavaScript Implementation

If you look at some of the code that has been released, though, we do seem to have taken a step backwards. In gaining easier access, we also became a bit sloppy with our code. Finding clearly struct

coding , Javascript

atila-fassina 頭像

Atila Fassina - How To Benchmark And Improve Web Vitals With Real User Metrics

This article has been kindly supported by our dear friends at Raygun who help developers identify issues before their customers are impacted, providing the standard of experience that users expec

performance , Core Web Vitals , User Experience

lihaixing 頭像

lihaixing - ArrayBuffer 二進制數據

在 Web 開發中，當我們處理文件時（創建，上傳，下載），經常會遇到二進制數據。另一個典型的應用場景是圖像處理。 與其他語言相比，JavaScript 中的二進制數據是以非標準方式實現的。 1. 創建二進制數據 基本的二進制對象是 ArrayBuffer —— 對固定長度的連續內存空間的引用。 let buffer = new ArrayBuffer(16); // 創建一個長度為 16 的 bu

二進制 , arraybuffer , 前端 , Javascript

wanzuqiudeshangba 頭像

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度？

引言 在前端開發中，包管理器是必不可少的工具，用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器，作為 npm 的替代方案，它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是：Yarn 如何優化依賴安裝的速度？ 本文將專注於這個問題，深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前，先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）之手寫題（promise篇）

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 手寫題是比較好準備的一個環節，大部分公司考察的題也就那麼多，大都不會超出範圍。 本篇主要涉及promise相關的題目。 往期： "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等） "寒冬"三年經驗前

面試 , 筆試 , 前端 , Javascript

wuyagege 頭像

雲綺棠兮 - 每日算法題--- 爬樓梯（利用JS實現）

假設你正在爬樓梯。需要 n 階你才能到達樓頂。 每次你可以爬 1 或 2 個台階。你有多少種不同的方法可以爬到樓頂呢？ 示例 1： 輸入：n = 2 輸出：2 解釋：有兩種方法可以爬到樓頂。 1. 1 階 + 1 階 2. 2 階 示例 2： 輸入：n = 3 輸出：3 解釋：有三種方法可以爬到樓頂。 1. 1 階 + 1 階 + 1 階 2. 1 階 + 2 階 3. 2 階 + 1 階

遞歸 , 前端

xiaoxxuejishu 頭像

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

源代碼下載： LearnPowershell-cn.ps1 PowerShell 是 Windows 平台下的腳本語言同時也是配置管理框架，它是建立在微軟 .Net Framework 之上，Windows 7 以及之後版本都內置 Poweshell。下面的示例中都是 PoweShell 腳本的一部分或者直接能夠在 Shell 交互窗口中執行。 與 Bash 最大的不同是你大部分操作的東西是對象而

PowerShell , 腳本語言 , 教程 , 入門 , shell

hello888 頭像

洛陽醉長安行 - 移動端MUI重寫alert優化提示框樣式及頁面加載動畫

問題場景1： 在移動端h5的開發中，因為前期開發使用了是原生的alert來提示，會有在不同機型樣式不統一，還會出現在彈窗標題出現網址的問題，顯示非常不友好，在mui項目中可以直接使用mui的alert組件實現消息提示來解決這個問題。但是因為長期下來alert的地方太多，改動量大，有沒有什麼一勞永逸的辦法。 解決方法： 直接重寫瀏覽器window下的alert函數 window.alert = fu

移動端 , mui , 前端

yinguangyao 頭像

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇，主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中，我們講過_上面的方法有兩種掛載方式，一個是掛載到_構造函數上以_.map(arr)的形式直接調用（在後文上統稱構造函數調用），另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript