收藏 / 列表

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：Flex 佈局

flex 佈局原理 全稱 flexible box，彈性佈局。 如何開啓：為元素添加 display: flex。 開啓 flex 佈局的元素，稱為 flex 容器（flex container），其子元素成為容器成員，稱為 flex 項目。 flex 佈局原理：通過給父盒子添加 display: flex，來控制盒子的位置和排列方式。 flex 佈局父盒子常見屬性 flex-direction

flex , typescript , 前端 , Javascript

ruozxby 頭像

不語 - springSesurity+JWT權限框架基礎使用模板

前言 Demo源碼地址：https://gitee.com/ruozxby/springsecuritydemo springSesurity本質是一串過濾器執行鏈 我們自定義主要分為三個部分 1.配置文件 2登錄認證 3權限認證 大概流程 調用自定義登錄— 成功返回token(同時用户數據存入redis) —後續調用則進入自定義的jwt校驗過濾器，成功則把用户數據、權限數據存入SecurityC

權限控制 , springboot , 後端 , Jwt

wanzuqiudeshangba 頭像

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

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

yarn , go , 後端 , 前端 , Javascript

laughingzhu 頭像

LaughingZhu - 創建一個專屬的 CLI

作為一個前端，基本上每次初始化項目都會用到腳手架，通過一些腳手架可以快速的搭建一個前端的項目並集成一些所需的功能模塊，避免自己每次都手動一個一個去安裝。安裝各個包的這個過程其實沒啥營養，通過封裝一個腳手架來跳過這個步驟，把精力聚焦到功能研發上。 由於最近自己在寫項目都是相同的技術棧：Nextjs + TailwindCSS + TypeScript + ShadcnUI ，有時候如果忘記了 Sha

astro , blog , 前端 , Markdown

yinguangyao 頭像

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

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

underscore , 前端 , Javascript

wuyagege 頭像

雲綺棠兮 - js中如何監聽一個對象中屬性的變化

訪問器屬性特性 訪問器屬性：這個屬性不包含數據值，包含的是一對get和set方法，在讀寫訪問器屬性時，就是通過這兩個方法來進行操作處理的。 訪問器屬性包含的四個特性： [[Configurable]]------表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或能否把屬性修改為訪問器屬性， 默認為false [[Enumerable]]-------表示能否通

set , get , 前端 , Javascript

hellotech 頭像

哈囉技術 - 基於定位的出發地異常問題治理

前言 哈囉作為一家出行互聯網公司，定位這種基礎能力是深度融入在各業務的核心鏈路中的，筆者所在的地圖團隊經常會收到定位相關的badcase，但苦於定位的複雜與較難回收出價值，一直沒有針對性去解決此類問題，那在各大互聯網廠商都在做下沉市場注重用户體驗的今天，我們重新撿起了這個話題。 問題梳理 無位置 由於APP啓動時未獲取到位置，會給用户提示並阻塞發單，用户需要使用POI搜索或拖動地圖的方式選擇出發地

地圖 , 前端

changlina 頭像

長林啊 - 打造高效React應用：CSS方案深度解析

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終生學習和技術分享。 在React以其聲明式編程範式和組件化架構，成為了構建用户界面的首選技術之一。然而，隨着項目規模的擴大和設計需求的多樣化，如何高效地管理 CSS 樣式成為了每個React開發者都需要面對的挑戰。 本文將從一下三個方面進行介紹，探討如何在 React 中應用和管理樣式，包括內聯樣式、CSS

react , 全棧 , web開發 , next.js , 前端

htvlz 頭像

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋，這些註釋對瀏覽器是不可見的，因此不會影響頁面的顯示。註釋標籤的語法非常簡單，以!--開始，以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分，或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋，它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒：

前端 , html5

aresn 頭像

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前，物料市場中的所有內容均已完成 Vue.js 3 的適配，View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有： 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

vue.js , iview , 前端 , html5 , Javascript

zxl20070701 頭像

zxl20070701 - postMessage

此方法可以用於實現跨源通信等，我們來演示如何實現在兩個窗口之間進行通信。 假設我們現在有兩個頁面：page1.html和page2.html， 他們的關係是通過iframe關聯起來的，就像這樣（下面是page1.html的內容）： iframe id="receiver" src="./page2.html" width="300" height="100"/iframe 為了實現通信，首先你需要

iframe , postmessage , 前端 , html5 , Javascript

nulidexiaocongmang 頭像

MangoGoing - koa實踐總結

什麼是koa？ koa是Express的下一代基於Node.js的web框架。使用 koa 編寫 web 應用，通過組合不同的 generator，可以免除重複繁瑣的回調函數嵌套，並極大地提升常用錯誤處理效率。Koa 不在內核方法中綁定任何中間件，它僅僅提供了一個輕量優雅的函數庫，使得編寫 Web 應用和API變得得心應手。 Koa能幹什麼？ 主要用途 網站（比如cnode這樣的論壇） ap

koa2 , node.js , koa.js , 前端 , Javascript

tanking 頭像

TANKING - 本地使用PaddleOCR進行圖片識別獲得文字（返回JSON）

優點 ✅ 識別率高，支持繁簡中文和手寫識別 ✅ 支持角度檢測，避免文字方向影響識別效果 ✅ 還能識別表格、票據等複雜場景 方法 pip install paddleocr pip install paddlepaddle （如果你有 GPU，可以安裝 paddlepaddle-gpu 以加速識別） 使用示例 from paddleocr import PaddleOCR ocr =

圖片識別 , paddleocr , 圖片處理 , ocr , Python

ruochuan12 頭像

若川 - 50行代碼串行Promise，koa洋葱模型原來是這麼實現？

1. 前言 大家好，我是若川。歡迎關注我的公眾號若川視野，最近組織了源碼共讀活動《1個月，200+人，一起讀了4周源碼》，感興趣的可以加我微信 ruochuan12 參與，長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript

limingcan562 頭像

limingcan - 關於原型鏈的問題，教你怎麼套用方法直接判斷，面試不再虛

前言 首先原型、原型鏈，算是前端進階裏面必不可少，十分重要的一塊了。由於這塊特別繞，所以面試官很喜歡用這一塊來辨別你的底層知識掌握的怎麼樣。用的第三方框架，庫裏面，很多功能模塊化了，但大部分功能都繼承自一個基類。既然涉及到繼承，那也必不可少得先了解原型鏈，所以原型鏈確實重中之重。 為什麼大家對原型，原型鏈子會感到“懵”跟“繞” 其本質是因為，大家都沒理清楚__proto__、prototype、c

繼承鏈 , 原型 , 繼承關係 , 繼承 , 原型鏈

kagol 頭像

Kagol - 🥳重磅更新！Fluent Editor 開源富文本支持 LaTeX 可編輯公式啦~

你好，我是 Kagol，個人公眾號：前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 源碼：https://github.com/opentiny/fluent-editor/（歡迎 Star ⭐） 官網：https://opentiny.github.io/fluent-

富文本編輯器 , 開源 , 前端

codechen8848 頭像

codechen8848 - 輕量高效！一款輕量級的自託管服務器監控工具！

大家好，我是 Java陳序員。 在企業開發中，涉及眾多的服務器資源，一款好用的服務器監控工具能讓運維效率事半功倍。 今天，為大家推薦一款輕量級的自託管服務器監控工具，具備資源佔用低、部署簡單和功能實用的特點！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 Komari 是一款輕量級的自託管服務器監控工具，旨在提供簡單、高效的服

go , 後端

aipaobudefanqie 頭像

愛跑步的番茄 - 靜態IP與動態IP的選擇：如何通過711Proxy實現高性價比代理服務

1.住宅代理IP是什麼？ 在互聯網的應用中，代理IP被廣泛使用，比如：跨境電商，網絡匿名瀏覽等，特別需要隱藏真實IP、提高匿名性或繞過地域限制。 住宅代理IP就是一種常見的代理方式，通過提供真實的住宅IP地址，讓用户看起來像是來自不同地區的普通用户，因此具備較高的隱匿性和穩定性。 住宅代理IP可以分為兩種類型：靜態IP和動態IP。這兩者各有特點，適合不同的使用場景。 今天，我們將深入探

ip , 代理服務器

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 破解雲VR教育普及難題： 點量實時雲渲染——實現跨終端無界協同

在數字化轉型浪潮中，教育領域正迎來深刻變革。尤其是虛擬現實（VR）技術，憑藉其沉浸式、交互式特點，成為推動教學方式演進的重要力量。然而，傳統VR教學方案受限於硬件性能、部署成本與使用門檻等因素，難以大規模普及。在此背景下，雲VR教學模式成為新的發展方向藉助以點量雲流實時雲渲染為代表的輕終端交互技術，可以突破傳統教學瓶頸，為教育行業帶來全新的可能性。 一、雲 VR 教學：邁向教育普惠與深度沉浸的新

資訊 , 服務器 , c++ , vr , Python

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - JS 原型鏈深度解讀：從混亂到通透，掌握 90% 前端面試核心

JS 原型鏈深度解讀：從混亂到通透，掌握 90% 前端面試核心 前言：你是否也被這些原型鏈問題折磨過？ " 為什麼obj.toString()能調用卻不在自身屬性裏？" "prototype和__proto__到底有什麼區別？" " 用class定義的類和原型鏈是什麼關係？" "修改原型對象為什麼會影響所有實例？" 作為 JavaScript 的核心機制，原型鏈是理解繼承、對象關係和內置方法的基礎

原型鏈 , 前端 , Javascript

minnanitkong 頭像

王大冶 - 使用 React Query 時還需要 Redux 嗎？| 狀態管理 2024

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 隨着前端技術的不斷髮展，狀態管理一直是React應用開發中的核心問題。Redux作為長期佔據主導地位的狀態管理庫，為開發者提供了可預測的狀態容器和強大的生態系統。然而，隨着React Query等新興工具的出現，開發者們開始重新思考狀態管理的最佳實踐。本文將深入探討在2024年的前

ecmascript-6 , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多，下面我們來寫常用的幾種（包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承）： 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例，從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

原型 , 繼承 , 原型鏈 , 前端 , Javascript

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 全面解析函數DataOpter在低代碼和數據分析中的實踐應用

函數介紹 函數使用的場景在快速開發的平台中會常常使用到，最通用的函數式編程是 excel ，如下圖所示，某個字段的內容是來源於其他字段的和，這個過程可以是動態的，也就是説，其他字段修改後，這個求和自動變化 也就是函數加工的最大價值是實現了數據的動態加工。 DO的定義 在JVS整個體系中，函數加工使用非常普遍，於是我們把函數公式做成了一個通用的能力組件：DataOpter，如下圖所示：

函數 , bi , 低代碼