收藏 / 列表

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

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

遞歸 , tree , 算法 , 前端

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的,因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例,如下: 把任務拆解下: 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api,不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript

WangLanguager - GloVe介紹和代碼示例

GloVe 介紹 GloVe(Global Vectors for Word Representation)是一種用於生成詞嵌入的模型,由斯坦福大學的研究團隊於 2014 年提出。與 Word2Vec 的局部上下文窗口方法不同,GloVe 通過全局詞共現矩陣來捕捉詞與詞之間的關係。 GloVe 的基本原理 GloVe 的核心思想是利用詞

yyds乾貨盤點 , 自然語言處理 , 詞向量 , 前端開發 , Javascript , Python

Sam Poder - The Case For Prisma In The Jamstack

The Jamstack approach originated from a speech given by Netlify’s CEO Matt Biilmann at Smashing Magazine’s very own Smashing Conf in 2016. Jamstack sites serve static pre-rendered content through a

next.js , Jamstack , serverless , Javascript

周皺 - 一文搞懂String的replace用法

String的replace方法的使用 大部分語言的都有字符串類型,字符串類型基本都有replace方法,今天就來説説javascript的replace方法 const str = 'abcdefjabcd' const newStr = str.replace('a', 'p') console.log(newStr) // pbcdefjabcd 今天的分享就到這裏,恭喜你已經學

replace , string , Javascript

雲綺棠兮 - 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

flydean - flutter系列之:在flutter中使用流式佈局

簡介 我們在開發web應用的時候,有時候為了適應瀏覽器大小的調整,需要動態對頁面的組件進行位置的調整。這時候就會用到flow layout,也就是流式佈局。 同樣的,在flutter中也有流式佈局,這個流式佈局的名字叫做Flow。事實上,在flutter中,Flow通常是和FlowDelegate一起使用的,FlowDelegate用來設置Flow子組件的大小和位置,通過使用FlowDelegat

佈局 , flutter

Michelle Barker - Optimizing A Vue App

Single Page Applications (SPAs) can provide a rich, interactive user experience when dealing with real-time, dynamic data. But they can also be heavy, bloated, and perform poorly. In this article, w

Tools , Vue , Apps , Javascript

架構設計師之光 - 計算機畢業設計java+ssm實驗室設備管理系統_51CTO博客

簡介:“實驗室設備管理系統Java版”是一款採用Java技術與Sql Server數據庫構建的綜合性管理軟件,涵蓋設備登記、借還管理、維護保養、用户權限控制及數據統計等核心功能。系統集成Spring框架(可能含Spring Boot)、MyBatis/Hibernate等主流技術棧,具備高可維護性和擴展性。配套提供完整文檔、PPT演示、源代碼與數據庫腳本

User , spring , 管理系統 , 前端開發 , Javascript

破曉L - 瞭解關鍵區別:await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面,它使我們能夠處理耗時的操作,而不會阻塞其他任務的執行。使用異步函數時,我們會遇到三個重要的關鍵字:await 、return、return await。在本文中,我們將探討這些關鍵字之間的差異,並討論何時使用每個關鍵字。 在深入探討細節之前,讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數,可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

賀公子 - 證書請求全過程分析

證書請求全過程分析 證書請求通常涉及生成密鑰對、創建證書籤名請求(CSR)、提交至證書頒發機構(CA)以及最終獲取簽名的證書。以下是詳細流程: 密鑰對生成 使用加密算法(如RSA或ECC)生成公鑰和私鑰。私鑰需嚴格保密,公鑰則包含在CSR中。 創建CSR CSR包含公鑰、主體信息(如域名、組織名稱等)以及簽名。簽名使用私鑰生成,用於驗證CSR的完整

密鑰對 , 服務器 , HTTP , 前端開發 , Javascript

wadelau - GWA2吉娃兔🐇升級模板引擎子系統

近期,全球範圍內的新冠肺炎疫情有所緩解,抗擊疫情有發展成為常態化的趨勢,復工復學正有序展開。GWA2 吉娃兔🐇 在此期間升級改進了模板引擎系統。 這是一件令人開心的事,夙願已久,終得實現。 大約7-8年前,當我們完成GWA2 PHP版本所有主要功能架構後,開始審視代碼進行加強和優化時,就設想在模板文件的加載部分需要優化改進。 這一設想,拖來拖去,竟然有7-8年過去了。 通常情況下,GWA2

php , smarty , 模板引擎 , JAVA

specialcoder - 字符編碼系列: ASCII、UTF-8 和 Unicode

準備 二進制換算 1 G = 1024 M = 1024 1024 K = 1024 * 1024 * 1024 Byte 1 Byte = 8 bit 一、ASCII 碼 只佔用一個字節表示的編碼 我們知道,計算機內部,所有信息最終都是一個二進制值。每一個二進制位(bit)有 0 和 1 兩種狀態,因此八個二進制位就可以組合出256種狀態,這被稱為一個字節(byte)。也就是説,一個字節一

utf-8 , ascii碼 , unicode , Javascript

suporka - “山寨版”《草料二維碼》

背景 之前瀏覽過草料二維碼的網站,他的二維碼美化功能很強大,可以分別自定義碼眼和碼點的形狀和顏色,功能十分強大 💪! 碰巧之前寫過一個 npm 插件 qrcode-with-logos, 用於前端生成帶 logo 的二維碼。 而且在 github 的 issues 裏有外國友人 👨‍🦱 問我能否實現不同樣式的二維碼,剛好以此作為新需求,模仿草料二維碼的樣式和功能,開發了 qrcode-wit

canvas , 前端 , Javascript

雲端築夢者 - Kafka到底有多高可靠?(RNG NB)

kafka的高可靠性的核心是保證消息在傳遞過程中不丟失,涉及如下核心環節: 消息從生產者可靠的發送至Broker;—網絡、本地丟數據。 發送Broker的消息可靠持久化;—PageCache緩存落盤、單點崩潰、主從同步跨網絡。 消費者從Broker消費到消息且最好只消費一次。—跨網絡消息傳輸。

數據 , 持久化 , 分佈式 , kafka , 前端開發 , Javascript

Zara Cooper - Reasons To Build A CRM-Powered Website For Your Business

This article has been kindly supported by our dear friends at HubSpot who have created an ecosystem uniting software, education, and community to help businesses grow better every day. Thank you!

Clients , User Experience , Business

前端胖頭魚 - 如何實現swipe、tap、longTap等自定義事件

前言 移動端原生支持touchstart、touchmove、touchend等事件,但是在平常業務中我們經常需要使用swipe、tap、doubleTap、longTap等事件去實現想要的效果,對於這種自定義事件他們底層是如何實現的呢?讓我們從Zepto.js的touch模塊去分析其原理。您也可以直接查看touch.js源碼註釋 源碼倉庫 原文鏈接 事件簡述 Zepto的touch模

zepto , jquery , html5 , Javascript

你好2007 - 理解prototype和__proto__(繼承與原型鏈)

從關係圖中可以看出來,ECMAScript中創建一個對象是通過new構造函數實現的,而本質上來説這個對象其實是以構造函數的屬性prototype指向的對象為基本模板的,因此新對象的__proto__屬性表明了自己來源於誰。 prototype 該屬性用來指向創建一個對象的基本模板,默認指向new構造函數,也可以修改,或者通過改屬性為新對象添加屬性。 需要注意的是,該屬性只有函數才有。 //構造函

prototype , 前端 , Javascript

IT開發者筆記 - 【能源行業案例】藉助TeeChart圖表庫,將地質數據轉化為清晰的見解

自2007年以來,GeoLogismiki一直使用TeeChart Pro VCL/FMX圖表庫將複雜的數據轉化為清晰、交互式的圖形。 將地質數據轉化為清晰的見解 GeoLogismiki是一家總部位於希臘的公司,致力於為地質學家、工程師和環境專業人士開發專用軟件。他們的應用程序可以幫助用户可視化鑽孔、創建地層柱狀圖、監測地下水位以及分析土壤和岩石數據。自2007年以來,GeoLogismi

企業信息化

另類的剪刀 - smartproxy API 代理——控制平面 + 策略治理,構建一體化可觀測與可回滾體系

面向中大型技術團隊與企業技術決策者,以”控制平面+策略治理”為核心架構,提供統一接入、統一治理、統一可觀測的 API 代理能力。我們將穩定性與性能作為首要目標,幫助團隊在全球多區域場景下顯著提升交付效率與運營可控性 1。 核心能力概覽 控制平面集中式治理:路由、鑑權、限流、熔斷、重試、可觀測等策略集中下發,實現統一變更與一鍵回滾 企業級穩定性保障:針對 AI 推理、數據採集與高併發場景

Javascript

愛跑步的番茄 - 代理IP是什麼?核心概念、類型與應用場景全面解析

在跨境電商、數據採集、廣告投放、賬號安全防護等依賴互聯網業務的領域中,代理IP逐漸成為基礎設施。它能夠隱藏真實身份、突破地域限制並提升賬號穩定性,對於企業和個人業務增長意義重大。 本文將系統解析代理IP的概念、原理、類型與選型要點。 一、代理IP的定義 代理IP(Proxy IP)指用户通過代理服務器訪問互聯網時,以代理服務器的IP替代用户自身真實IP的一種網絡技術。 代理IP能夠更改

數據庫 , Android , 後端 , 前端

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景: 兼容性測試流程中,遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下: 根據報錯信息檢查了一下頁面引用的vendors包,發現有...語法,來自於第三方依賴axios。 原因: axios包有es6語法,而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下: {

babel-loader , Android , Axios , webpack , Javascript

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

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

ecmascript-6 , typescript , HTML , html5 , Javascript

前端小菜 - js獲取對象的屬性個數

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 取對象的屬性個數 Ob

ecmascript-6 , es5 , Javascript