收藏 / 列表

baby7_68bfdb7205674 頭像

baby7 - 博客的加載速度和大小的優化、優化再優化

0. 前言 最近對博客的加載速度和各種文件體積進行了優化，特此記錄一下 可以點擊七仔的博客測試我的博客速度 1. 基礎 1.1 圖片加載優化 對於非文章類的大圖片先進行一遍壓縮，使用各種壓縮網站就可以 然後對於各種圖片最好都轉換為為webp格式，相對於傳統格式能降低大小大概四成左右 1.2 gzip壓縮 gzip是針對文本類型進行壓縮的，例如html、js、css、txt等格式，可以在ng

vue.js , gzip , 雲存儲 , Nginx , 前端

gaiya_68f1e7ba5b140 頭像

蓋亞 - 大膽猜想：Labelme的AI多邊形(AI-Polygon)功能是怎麼實現的？

大膽猜想：Labelme的AI多邊形(AI-Polygon)功能是怎麼實現的？ 百度一下，有關AI-Polygon的詞條大多是使用教程，卻很少有人挖掘其背後的原理。在開發自己的標註軟件過程中，我設想出一個接近原版的開發邏輯： 1，加一個按鈕（名稱為AI多邊形），點擊開啓AI-Polygon功能，同時關閉其他所有鼠標操作會觸發的功能 2，跳出選項框，供用户選擇模型，用户選擇後選項框關閉，並記錄

vue.js , flask , 後端 , 前端

xiaohe0601 頭像

xiaohe0601 - 🥳 Uni ECharts 2.1 發佈：正式支持鴻蒙，零成本遷移、全平台兼容、跨端開發零負擔！

Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔：https://uni-echarts.xiaohe.ink Github：https://github.com/xiaohe0601/uni-echarts 🏝️ 背景 🎵 “本來應該從從容容遊刃有餘，現在是匆匆忙忙連

vue.js , uni-app , echarts , typescript , 前端

nihaoanihao 頭像

你好啊你好 - 邊緣吸附組件（vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

opentiny 頭像

OpenTiny社區 - 老闆要排名可視化？我反手甩出TinyChart 排名進度圖

本文由張顥嚴同學原創。 前言 OpenTiny HUICharts 是一套功能強大的前端可視化圖表庫，提供豐富的圖表組件、支持 Vue、React、Angular 等主流前端框架，並內置多套主題且可靈活定製，同時完全兼容 ECharts API，使開發高性能、響應式的數據可視化應用變得簡單便捷。 RankProcessChart 基於 HUICharts 開發，專門用於展示排名及流程類數據的可視化

圖表庫 , 前端

wszgrcy 頭像

wszgrcy - 通用表單解決方案---皮影

皮影為不同框架提供統一的表單開發體驗 使開發者更加關注於邏輯和佈局,從瑣碎事物中解放出來 皮影的相關設置更加語義化,減少開發心智;並允許自定義封裝 皮影完全兼容valibot的所有Action,可以完美的利用其驗證及轉換機制 文檔 感性的認識可能會讓您更快的體驗到皮影的魅力,網站上實現了大量的用例,方便您快速瞭解皮影 https://piying-org.github.io/we

react , vue.js , angular , typescript , 前端

benfangdechaofen 頭像

奔放的炒粉 - 加強與利益相關者的溝通

有效溝通是明確模糊需求的核心手段。團隊應建立持續、透明的溝通機制，如定期的需求澄清會或Scrum站立會議，及時發現並解決需求理解上的差異。 此外，使用項目管理系統，如研發項目管理系統PinCode或通用項目管理系統Worktile，可以有效提高溝通效率。通過統一平台共享需求信息，團隊與利益相關方能夠實時反饋，快速解決模糊之處。 五、設立優先級管理機制 面對模糊需求，設立明確的需求優先級機制至

bootstrap , tailwind-css , chrome-devtools

refanbanzhang 頭像

熱飯班長 - flex佈局中flex-basis屬性

該屬性的取值 數值、百分比 auto content 數值、百分比 指定數值、百分比，該元素的寬度為指定寬度 flex-basis: 200px; flex-basis: 50%; auto 指定auto，該元素的寬度為自身的width屬性寬度，如果沒有設置width，則為內容撐開的寬度 flex-basis: auto; content 指定content，該元素的寬

flex

jdcdevloper 頭像

京東雲開發者 - Python網絡爬蟲原理及實踐 | 京東雲技術團隊

作者：京東物流 田禹 1 網絡爬蟲 網絡爬蟲：是一種按照一定的規則，自動地抓取萬維網信息的程序或者腳本。 網絡爬蟲相關技術和框架繁多，針對場景的不同可以選擇不同的網絡爬蟲技術。 2 Scrapy框架（Python） 2.1. Scrapy架構 2.1.1. 系統架構 2.1.2. 執行流程 總結爬蟲開發過程，簡化爬蟲執行流程如下圖所示： 爬蟲運行主要流程如下： （1） Scrapy啓動Spid

webmagic , python爬蟲 , scrapy , Python

shuirongshui 頭像

水冗水孚 - 每天進步一點點——學習高度過渡的四種方式

每天學點知識點，每天進步一點點，本文記錄了高度過渡變化的四種方式，大家一塊來查漏補缺，或者回顧知識吧😉😉😉 常見的四種方式的高度過渡 目前常見的高度過渡的方式有四種 transition + height transition + max-height transition + tranform:scale(0/1) JS方式計算元素的高度 實際上，還有一個height: c

Css , Javascript

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 當我們進行性能優化，我們在優化什麼（LightHouse優化實操）

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_214 好的互聯網產品不僅僅在功能上要高人一籌，在性能層面也需要出類拔萃，否則金玉其外敗絮其中，頁面是美輪美奐了，結果首屏半天加載不出來，難免讓用户乘興而來，敗興而歸。 幸運的是，前端的性能優化有諸多有跡可循的理論和方法，其中相對權威的，無疑是LightHouse。 LightHouse 是一個開源的自動化工具，它作為 Chrom

性能優化 , lighthouse , 前端優化 , 優化 , 前端

invalidnull 頭像

註銷 - PWA 架構下文件 hash 的重要作用介紹

在PWA（Progressive Web App）體系架構下，文件 hash 起着非常關鍵的作用，它主要用於緩存管理、版本控制以及確保 Web 應用程序的可靠性。在前端開發中，文件 hash 是文件的唯一標識符，通常是文件內容的哈希值，例如 MD5 或 SHA-256。以下是文件 hash 在 PWA 中的幾個關鍵作用： 1. 緩存管理： 文件 hash 在 PWA 中用於實現緩存策略，確保在更新

ecmascript-6 , pwa , 前端 , html5 , Javascript

yeshifu 頭像

程序員老葉 - 2025 年 CRM軟件排行榜：從數據到選型，解鎖企業增長新引擎

在數字化轉型進入深水區的2025年，客户關係管理（CRM）系統已從單純的銷售工具升級為企業的戰略級基礎設施。據Gartner預測，全球CRM市場規模將突破1200億美元，中國市場增速更是超過25%，中小企業成為核心增量市場。面對市面上紛繁複雜的CRM產品，單純的"排名先後"早已無法滿足企業選型需求。本文結合全球權威機構數據、市場動態及實際應用場景，從多維度解析2025年CRM軟件格局，為不同類型企

vue.js , chrome-devtools

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0

https://download.notestore.cn/2022/03/03/yii-vue-admin/

vue.js , element , yii

aresn 頭像

Aresn - View UI Plus 發佈 1.3.0 版本，新增 Space、$ImagePreview 組件

View UI Plus 1.3.0 版本已於 2022-06-21 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增間距組件 Space。 ImagePreview 新增下載圖片功能。 ImagePreview 新增屬性 toolbar，可選擇開啓的快捷功能並排序。 圖片預覽支持 $ImagePreview 實例化調用。 ImagePreview 新增拖

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

Itstars 頭像

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

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

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

8848_62c77d4bb2532 頭像

Java陳序員 - 一款極簡的聊天應用

大家好，我是 Java陳序員。 今天，給大家介紹一個開源的聊天應用程序，支持PC端和移動端。 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 HasChat —— 一個基於 Vue3 + Socket.io 的聊天應用，同時支持PC端和移動端。 功能特性： 技術棧： PC 網頁版前端：Vue3 + Vite + TypeS

express , vue.js , github , 數據庫

hsr2022 頭像

後山人 - Raise Admin (鋭智後台管理系統)： 重新定義 PHP 後台開發效率與安全

Raise Admin (鋭智後台管理系統)：重新定義 PHP 後台開發效率與安全 嘿，各位 PHP 和 Vue 社區的開發者朋友們！ 你是否曾深陷於一遍又一遍搭建後台管理的重複勞動中？ 是否為確保系統的權限和數據安全而絞盡腦汁？ 是否夢想着能有一款工具，讓你專注於核心業務邏輯，而不是繁瑣的底層架構？ 今天，我們向你隆重介紹 Raise Admin (鋭智後台管理系統) —— 一款基於

vue.js , php , Javascript

u_16213657 頭像

mob64ca140a1f7c - 前端- JSON Schema 實現複雜結構表單數據展示 - 個人文章

第一章：JS智能表單生成的技術背景與意義 隨着前端技術的快速發展，傳統靜態表單已難以滿足現代Web應用對靈活性與可維護性的高要求。JavaScript作為瀏覽器端的核心編程語言，憑藉其動態性與豐富的生態系統，為實現智能化、數據驅動的表單生成提供了堅實基礎。通過將表單結構抽象為配置數據，結合模板引擎或虛擬DOM機制，開發者能夠動態渲染複雜表單，顯著提

字段 , 表單 , 插槽 , 後端開發 , Python

u_14637492 頭像

肉眼品世界公號 - 十五五展望未來產業七行業投資策略

微信 , Css , 架構師 , 前端開發 , HTML

xingchendahai_68d7dff410962 頭像

星辰大海 - 爬蟲三部曲

爬蟲三部曲：從原理到實踐的合規化數據獲取指南 在信息爆炸的時代，數據已成為驅動決策與創新的核心資源。網絡爬蟲作為自動化獲取公開網絡數據的技術手段，在數據分析、市場調研、學術研究等領域發揮着不可替代的作用。然而，爬蟲技術的濫用可能觸及法律紅線、侵犯網站權益，甚至引發網絡安全風險。本文提出 “爬蟲三部曲”——目標分析與合規審查、技術實現與反爬應對、數據處理與倫理約束，系統梳理爬蟲開發的全流程規範與實踐

python爬蟲

u_9849794 頭像

子丶不語 - 告別“自動黑屏”——一個原生 JS API 就夠了

核心用法（3 段代碼就夠） 1) 能不能用？ function isWakeLockSupported() { return 'wakeLock' in navigator; } 2) 申請 監聽釋放 let wakeLock = null; async function requestWakeLock() { tr

sed , HTTPS , 標籤頁 , 前端開發 , Javascript