收藏 / 列表

軟件部長 - 深度解析數據可視化氣泡圖,讓複雜關係一目瞭然

氣泡圖是一種非常實用的多變量數據可視化圖表,它通過氣泡的大小來傳遞第三個維度的信息,讓複雜的數據關係一目瞭然。 特點: • 展示三個變量的關係。 • 呈現複雜的多維數據關係。 • 強調數據點之間的比較和相關性。 氣泡圖樣式配置 在JVS-智能BI中,提供了這些混合圖圖表組件。今天我詳細説一下具體是如何配置的。 進入到可視化圖表設計中,在左側點擊選擇(或者拖拽)

數據可視化 , 數據分析 , 圖表 , 可視化

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大,組件化的前端框架,前端路由等技術的發展,模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步,其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事,無論在哪個編程領域都是相當常見的事情,模塊化存在的意義就是為了增加可複用性,以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , Javascript

程序員白彬 - then, catch, finally如何影響返回的Promise實例狀態

雖然Promise是開發過程中使用非常頻繁的一個技術點,但是它的一些細節可能很多人都沒有去關注過。我們都知道,.then, .catch, .finally都可以鏈式調用,其本質上是因為返回了一個新的Promise實例,而這些Promise實例現在的狀態是什麼或者將來會變成什麼狀態,很多人心裏可能都沒個底。我自己也意識到了這一點,於是我通過一些代碼試驗,發現了一些共性。如果您對這塊內容還沒有把握,

promise , 前端 , Javascript

嘿嘿不務正業 - React SSR - 寫個 Demo 一學就會

今天寫個小 Demo 來從頭實現一下 react 的 SSR,幫助理解 SSR 是如何實現的,有什麼細節。 什麼是 SSR SSR 即 Server Side Rendering 服務端渲染,是指將網頁內容在服務器端中生成併發送到瀏覽器的技術。相比於客户端渲染(CSR),SSR 一般用於以下場景: SEO (搜索引擎優化):由於部分搜索引擎對 CSR 內容支持不佳,所以 SSR 可以提升網站在

react , ssr , 前端

IPD產品研發管理 - 如何用複用省下數十億研發成本?IPD的CBB重用開發策略

不知道你們企業有沒有遇到過這種問題?庫房裏堆着十幾種功能相似的主板,採購成本居高不下,生產換型時還頻頻出錯。 這些生產中無處不在的重複浪費,不僅拖慢了產品上市的節奏,還讓研發成本像無底洞一樣消耗着企業的資源。 在IPD(集成產品開發)中,對這類重複的研發投入提出了成熟的解決方案——CBB(公共模塊)。IPD強調基於平台的異步開發與重用策略,而CBB的核心目標是推動不同項目、不同產品線共享成熟模塊,

觀點 , 程序員 , 後端 , 前端

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

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

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

用户bPdeUmS - PostCSS 插件系統:如何使用 PostCSS 插件優化 CSS 工作流

PostCSS 是一個功能強大的 CSS 處理工具,廣泛應用於現代前端開發中。它本身並不是一個 CSS 預處理器,而是一個工具集,可以通過插件系統來處理、優化、和增強 CSS 代碼。PostCSS 的核心非常輕量,但插件系統卻讓它極具擴展性,可以實現自動添加瀏覽器前綴、轉換現代 CSS 特性、支持變量、嵌套、甚至可以檢查和修復代碼質量等功能。 本文將專注於如何使用 PostCSS 插件優化 CSS

postman , postcss , typescript , 前端 , Javascript

LYX6666 - 解決lodash由於依賴錯誤導致無法啓動的問題

目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目,前兩天想看一下里面一個功能,結果前端起不來了。 先上報錯: Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend

node.js , localstorage , typescript , npm , 前端

瓏墨 - 【吃透】JS代理(Proxy)

今天給大家分享如何從根本上吃透js代理,嘎嘎的😍,看下面 咱們首先得知道: 代理是 js 中的對象,它允許你創建對象的代理,同時還可以為標準對象操作定義自定義行為。這意味着,譬如,如果有人試圖從對象中獲取屬性的值,你可以定義一組自定義行為。這使代理變成了一個非常強大的工具,所以讓我們看看它們是如何工作的。get set has 一、js 代理的基礎知識✔ en... 上面聽起來很複雜,所以

es7 , challenge , es6-proxy , 前端 , Javascript

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

獲取代碼: learnhtml.txt HTML 代表超文本標記語言。 它是一種允許我們為萬維網編寫頁面的語言。它是一種標記語言,它使我們能夠使用代碼編寫網頁來指示應如何顯示文本和數據。事實上,HTML 文件是簡單的文本文件。 這個標記是什麼?它是一種通過用開始標籤和結束標籤包圍頁面數據來組織頁面數據的方法。此標記用於賦予它所包含的文本以意義。與其他計算機語言一樣,HTML 有許多版本。這裏我們將

基礎 , 入門 , HTML , html5

蘇琢玉 - 在 Astro 博客中優雅使用 51.la 統計數據

作為老牌網站流量統計服務商,51.la 提供每月高達 1000 萬次的免費統計額度,非常適合個人博客或小型網站使用。不過,51.la 默認的統計展示是通過嵌入 JS 文件自動渲染的,這種展示方式對美觀性和自定義性有限,對於追求頁面整潔或者想要自己設計展示風格的博主來説不太方便。 我之所以想自己處理 51.la 的統計,是因為我希望更直觀地看到有多少人訪問我的博客,瞭解訪客的訪問情況,從而改進內容和

astro , 博客 , 前端

十五 - 受夠了團隊代碼風格不統一?7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系,主要內容為:通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化,通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字,主要內容分為 7 個大章節,內分多個小章節。請耐心讀完,相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章,該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

華為雲開發者聯盟 - 事件Event:帶你體驗鴻蒙輕內核中一對多、多對多任務同步

摘要:本文通過分析鴻蒙輕內核事件模塊的源碼,深入掌握事件的使用。 本文分享自華為雲社區《鴻蒙輕內核M核源碼分析系列十二 事件Event》,原文作者:zhushy 。 事件(Event)是一種任務間通信的機制,可用於任務間的同步。多任務環境下,任務之間往往需要同步操作,一個等待即是一個同步。事件可以提供一對多、多對多的同步操作。本文通過分析鴻蒙輕內核事件模塊的源碼,深入掌握事件的使用。本文中所

iot , 事件 , 開源 , 任務管理器 , harmonyos

高德開放平台 - 高德空間智能:賦能vivo藍河生態,讓AIoT設備成為出行“智慧夥伴”

2025年10月10日,廣東深圳vivo開發者大會(VDC)上,高德開放平台AIoT業務線產品負責人董佳玉,正式對外呈現了雙方合作的成果——基於藍河操作系統,我們以“雲+端”協同架構為基礎,為不同形態的AIoT設備註入出行智慧,讓用户在腕間、眼前都能享受到連貫高效的服務。 (高德開放平台AIoT業務線產品負責人 董佳玉) Part 01 高德開放平台:空間智能的探索與實踐 作為專注於空間智

物聯網 , 後端 , 前端

buddha - Replace Autoprefixer browsers option to Browserslist config.

出現這個報錯的原因是引用的postcss版本過高導致,解決方法就是按照給出的提示替換成overrideBrowserslist

vue.js , postcss , 前端

李不要熬夜 - XMLHttpRequest對象解析

!DOCTYPE htmlhtmlbody script function reqListener () { console.log(this); console.log(this.getAllResponseHeaders()); console.log(this.responseText); }

xmlhttprequest , Ajax , 前端

葡萄城技術團隊 - 平民開發者≠技術差!真正發揮平民開發者的創造力,光有低代碼還不夠

隨着低代碼的概念日趨火熱,與之相關的“平民開發者”(Citizen Developer,也稱公民開發者)也受到了更多人的關注。然而,在大多數語境中,平民開發者會與技術基礎差劃上等號,甚至以此來推演低代碼和無代碼在企業中的發展路線和應用前景。事實真的如此嗎? 平民開發者的定義 平民開發者的概念最早被業界廣泛接納,是源於國際知名諮詢公司Gartner的研究報告。翻閲Gartner官網提供的詞彙表,我們

行業 , 低代碼 , 程序人生

來了老弟 - vue項目引入pwa使網頁應用可安裝

最近在使用vue項目時看到一個這樣的效果,如圖: 現在其實有很多網站都支持把網頁安裝到電腦或手機(IOS Safari支持較好),如下圖安裝後的效果: 這些都是網頁應用。 接下來介紹一下如何讓你的vue2項目變得可以安裝。 添加cli-plugin-pwa 給現有的vue項目添加,使用下面命令: vue add pwa 執行完之後會自動在package.json添加"@vue/c

vue.js , pwa , service-worker

杭州程序員張張 - 我用 Flutter、React Native 和 Ionic 構建了相同的應用程序

在開始尋找最佳的跨平台移動開發框架的過程中,Flutter、React Native 和 Ionic 是讓我印象深刻的。這三款產品很有吸引力,因為它們承諾在為多個平台使用單一代碼庫的同時提供良好的性能。 為了開始冒險進入這個新世界,我創建了三個版本的移動應用程序,這些應用程序使用 API 並在屏幕上顯示基本數據。這個想法很簡單:構建一個應用程序,顯示一個隨機國家的詳細信息。我以前在 Python

ionic , react-native , flutter

中關村科金 - MobTech ShareSDK Android端微信分享小程序

前言:首先要集成ShareSDK,集成步驟請查看這裏; 1.微信開發者後台的相關信息配置 集成完之後做小程序的分享,首先要申請完小程序到微信開放平台綁定到自己的應用,否則無法成功分享, 綁定的位置如下圖: 綁定完之後點擊查看如下圖所示可以看到原始ID,這個後面分享會用到; 分享小程序的頁面路徑可以直接複製 2.分享微信小程序 ShareSDK分享小程序只是ShareSDK分享微信的一種類

微信小程序 , android-sdk

蘭俊秋雨 - 年終盤點跨平台技術優劣勢對比(Hybrid、RN、Weex、Flutter)

跨平台技術發展的三個階段 第一階段是混合開發的web容器時代 為了解決原生開發的高成本、低效率,出現了Hybrid混合開發 原生中嵌入依託於瀏覽器的WebView Web瀏覽器中可以實現的需求在WebView中基本都可以實現 但是Web最大的問題是,它的性能和體驗與原生開發存在肉眼可感知的差異 因此並不適用於對性能和用户體驗要求較高的場景

weex , react-native , flux , hybrid-app , 前端

前端子金 - 詳解node中引入模塊的原理

1. 模塊機制 1.1 commonjs規範 1.2 node的模塊實現(node中引入模塊的過程) 1.2.1 優先從緩存中加載 1.2.2 路徑分析 1.2.3 文件定位 1.2.4 模塊編譯 1.3 核心模塊 1.3.1 js核心模塊的編譯過程

node.js , require , 前端

數據庫知識分享者 - 基於Ganos百行代碼實現億級矢量空間數據在線可視化

簡介: 本文介紹如何使用RDS PG或PolarDB(兼容PG版或Oracle版)的Ganos時空引擎提供的數據庫快顯技術,僅用百行代碼實現億級海量幾何空間數據的在線快速顯示和流暢地圖交互,且無需關注切片存儲和效率問題。 01 引言 如何對時空數據庫中的億級矢量空間數據進行在線可視化一直是業界難題。因數據體量大,傳統方法需要將數據庫中數據進行基於緩存切片的服務發佈才能可視化,操作流程冗長,且有一大

coffeescript , Javascript

何棄療 - 你真的會封裝Dialog彈窗嗎?

經常做CRUD的人對彈窗一定不陌生,新增、編輯、查看和Table列操作,均會伴隨着彈窗封裝,彈窗內包含表單和底部的確認、取消操作,總的來説,這塊的業務都挺簡單的,但是哪怕接觸100個項目,多多少少,不規範封裝彈窗引起的問題還是佔據了很大百分比。 常見問題 二次打開,上次保留的數據還在; 表單自動校驗; 新增和編輯狀態的多重量子糾纏 重置表單無法置空 問題拆解 第一個問題,彈窗關閉一般的

表單 , dialog , 彈窗 , 前端