收藏 / 列表

yangy5hqv 頭像

夢想雲圖網頁CAD - （Online CAD Software）在線CAD二次開發形位公差標註

一、前言 形位公差是指對零件幾何要素的形狀誤差和位置誤差所允許的最大變動量，它與傳統的尺寸公差不同，不僅關注長度或直徑等線性尺寸的變化，還關注零件的幾何特性是否符合設計意圖。在本篇文章中我們將介紹如何通過mxcad插件根據形位公差的特性來實現形位公差標註功能。 二、形位公差的分類 形位公差的所有公差代號如下圖所示： 根據國家標準 GB/T 1182-2018（等同於 ISO 1101

node.js , typescript , npm , html5 , Javascript

jrue 頭像

前端小菜 - js解析url的三種方法

js解析url，將如下url中的參數解析為key-value對象 https://mp.weixin.qq.com/adva... 方法1，split() + 循環依次取出 parseURLParams(url) { let queryParams = {} // 判斷是否有參數 if (url.indexOf('?') 0) return queryPar

ecmascript-6 , es5 , Javascript

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - tailwindcss一個響應式組件只用了50行代碼不到，我決定在團隊推廣使用它

在寫一個網站組件，我決定使用tailwindcss,究竟它的魅力在何處，start有73k，然後看到它代碼更新頻率還是屬於正常維護的 發現它的中文文檔也很友好tailwindcss.中文文檔 我寫了個組件，一個響應的組件，整行代碼不足50行左右，看下效果如下 代碼如下，完整代碼不足50行左右 div class="px-3 py-3 rounded-[5px] bg-white mb-4 o

tailwind-css , tailwindcss , Css , 響應式 , html5

thjjames 頭像

小皇帝James - 編寫babel的插件

前言 Babel 是一個通用的多功能的 JavaScript 編譯器，讓一些新版本的語法或者語法糖可以在低版本的瀏覽器上跑起來。 它有三個主要處理步驟 Parse - Transform - Generate。 在 Transform 轉換過程中通過將插件（或預設）應用到配置文件來啓用代碼轉換。 AST 編寫 Babel 插件非常複雜，需要有相當的基礎知識，在講插件之前必須得提起 AS

ast , plugin , babel , 前端 , Javascript

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用調研

1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括： 可離線訪問：通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕，像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括： Service Worker：用於攔截網絡請求、管理緩存

pwa , HTML , 前端 , Javascript

qinglong_62898aa51988d 頭像

清隆 - 聊聊原型鏈與繼承

前言 原型鏈與繼承、作用域與閉包、單線程與異步並稱為前端的三座大山，均屬於 JavaScript 中基礎卻又十分複雜的部分，而且面試中也經常問到。 今天，我們就來詳細介紹一下原型鏈與繼承，聊聊它的概念、作用與用法。 如果掘友對此部分已經學過只是略微遺忘，可直接跳轉至原型鏈圖片看圖複習。 下面，讓我們循序漸進的介紹下原型鏈與繼承。 認識原型 在我們創建函數的同時，都會自動為其創建一個 prototy

原型 , 原型鏈 , 前端 , Javascript

aqiongbei 頭像

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

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

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

jackysummer 頭像

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

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

react , hooks , 前端

u_17443142 頭像

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

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

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

jianer 頭像

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中，你需要兩個外部變量來管理狀態： // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單：在每個請求發出去之前，都帶上當前的 token

Ajax , 前端 , Javascript

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

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 頭像

華為雲開發者聯盟 - 「萬字圖文」史上最姨母級Java繼承詳解

摘要：繼承是面向對象軟件技術中的一個概念。它使得複用以前的代碼非常容易，能夠大大縮短開發週期，降低開發費用。 本文分享自華為雲社區《「萬字圖文」史上最姨母級Java繼承詳解丨【奔跑吧！JAVA】》，原文作者： bigsai 。 課程導學 在Java課堂中，所有老師不得不提到面向對象（Object Oriented），而在談到面向對象的時候，又不得不提到面向對象的三大特徵：封裝、繼承、多態。三

code , 面向對象編程 , 編程語言 , JAVA , 繼承

heath_learning 頭像

heath_learning - 使用Generator函數實現異步任務隊列

var genAsyncTask2 = (val, time) = { return () = { return new Promise(function (resolve, reject) { let timer = setTimeout(() = { clearTimeout(timer); res

ecmascript-6 , 異步任務隊列 , generator , Javascript

Itstars 頭像

新茶十九 - 高德地圖，開啓webGL效率高還是關閉效率高

關於高德地圖中WebGL的開啓與關閉對效率的影響，絕大多數情況下，開啓WebGL的效率遠高於關閉。 下面我將從多個維度進行詳細對比分析，並提供具體的場景建議。 🆚 效率全面對比 效率維度 開啓 WebGL (推薦) 關閉 WebGL (使用 Canvas 2D) 渲染性能

vue.js , 3d , webgl , 前端開發 , Javascript

christian-heilmann 頭像

Christian Heilmann - Find The Right JavaScript Solution With A 7-Step Test

As Web developers and designers, we are spoilt for choice right now. To build a complex Web application or even just spice up a website with some highly interactive interface element, we have hundre

testing , coding , Javascript

atila-fassina 頭像

Atila Fassina - Localizing Your Next.js App

Instructing Next.js your app intends to have routes for different locales (or countries, or both) could not be more smooth. On the root of your project, create a next.config.js if you have not had t

Apps , next.js , 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 頭像

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

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

面試 , 筆試 , 前端 , Javascript

wuyagege 頭像

雲綺棠兮 - JavaScript創建對象的多種方法

方法一 ----通過字面量創建 let obj = { name: 'zhang', age: 12, sayName: function () { console.log(this.name); } } console.log(obj);//{ name: 'zhang', age: 12, sayName: [Function: sayName

prototype , object , Javascript

xiaoxxuejishu 頭像

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

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

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

hello888 頭像

洛陽醉長安行 - mui 移動端側邊欄菜單組件導致頁面無法滾動問題

無法滾動設置如下css能解決 .mui-scroll-wrapper{ overflow: auto !important; } 如點擊外面遮罩層關閉不了側欄，需要添加一個div class="mui-off-canvas-backdrop"/div在同級就能解決 !-- 側欄內容-- div class="mui-content mui-scroll-wrapper" ... /d

移動端 , Css , mui , 前端 , html5

yinguangyao 頭像

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

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

underscore , 前端 , Javascript