收藏 / 列表

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 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧（一）

在現代 Web 應用開發中，密鑰的使用幾乎是不可避免的，無論是加解密本地敏感數據、調用第三方 SDK 還是網絡請求籤名等場景都需要用到密鑰。 如何相對安全、靈活地管理密鑰一直是一個令人頭疼的問題，我們既希望在開發環境可以方便地修改、調試和注入密鑰，又不希望這些密鑰在構建產物中被明文暴露，以免被有心之人輕鬆獲取。 通常情況，我們會先手動將密鑰通過特定的算法混淆拆分成多份放入源碼中，運行時再通過逆運算

插件 , vite , rollup , 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

wszgrcy 頭像

wszgrcy - 使用任意 git 倉庫初始化項目 - `Code Recycle`

為了方便開發,一般初始化項目時都會使用 git 上的模板倉庫 想了解某個項目的功能時,可能會去運行這個倉庫下的某個實例 或者倉庫下某個文件夾內提供了一些文件模板用來限定一些模塊的初始化 上面三種場景,我們都需要拉取倉庫,但是有時候只需要拉取倉庫的一部分,這時候不妨使用Code Recycle,通過幾行配置進行自定義拉取 全部拉取 changeList: - type: copy

github , vscode-extensions , cli , template-engine , Git

benfangdechaofen 頭像

奔放的炒粉 - 培養理性的技術文化

企業文化對技術決策具有深遠的影響。培養理性的技術文化，可以有效降低過度追求新技術帶來的風險。管理層應當倡導一種謹慎創新、穩步推進的技術文化，避免企業盲目追風。 在實踐中，企業可以通過定期培訓、技術沙龍、內部分享會等方式，引導技術人員客觀、理性地看待新技術，強調技術選型以穩定性和長期價值為首要考量。例如谷歌通過定期舉辦技術分享會，鼓勵工程師分享技術實踐與反思，營造了健康的技術文化氛圍。 六、參考行業

bootstrap , tailwind-css , chrome-devtools

liuyue_5e7eb6745e089 頭像

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

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

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

invalidnull 頭像

註銷 - 手動為 SAP Spartacus 添加 SSR 即服務器端渲染的步驟

ng add @spartacus/schematics --ssr 在用 SAP Spartacus 開發的 store 裏，能看到 devDependencies 裏具有 @spartacus/schematics 的依賴： 這是 SAP Spartacus Schematics 的一部分：https://sap.github.io/spartacus-docs/schematics. Sp

sap , spa , ssr , typescript , Javascript

qfifteen 頭像

十五 - Tailwind Css 中使用 Element Plus 主題系統的方案與實現

前言 本篇文章主要講解在 Tailwind Css 中配置 Element Plus 主題變量以統一視覺設計 本文也是《通俗易懂的中後台系統建設指南》系列的第九篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 需求概括 上一篇文章中我們講解了生成 Element Plus 主題色階和動態切換主題色：一篇文章實現 Element Plus 色彩動態切換 Clean Admin 中使用 Ta

vue.js , tailwind-css , element-plus , typescript , 前端

heath_learning 頭像

heath_learning - JavaScript獲取字符串中連續出現次數最多的字符

需求：使用js獲取aaaabcc4aa4ddcfceeeeeeeggg這個字符串中連續出現次數最多的字符 方式一：利用指針思想（即索引） 在JavaScript中指針思想就是索引思想。 思路： 首先定義i、j兩個索引，i指向第一個字符，j指向i後面的字符 i不動，j一直向後移動，然後比較i與j指向的字符，如果它倆相等則不管，説明i與j之間的字符是連續的。 如果不相等則説明i指向

索引 , 算法 , 指針 , 字符串處理 , Javascript

u_9849794 頭像

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

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

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

charon_5f4765a39cea7 頭像

charon_5f4765a39cea7 - Vue Virtual DOM基礎之Snabbdom解析(3-1-3)

前言：前面寫了1篇vue 觀察者模式響應式數據的解析，裏面關於dom操作部分是直接操作的真實dom，並沒有涉及到虛擬dom部分，然後這裏就做一個虛擬dom的實現解析。 首先，還是説什麼是虛擬dom，我之前一篇mini-react中説過虛擬dom的概念，這裏再重複一下。 Virtual DOM(虛擬 DOM)，是由普通的 JS 對象來描述 DOM 對象，因為不是真實的 DOM 對象，所以叫

vue.js , virtual-dom

yeshifu 頭像

程序員老葉 - CRM 軟件如何解決銷售報價管理難題

CRM軟件如何解決銷售報價管理難題？使用CRM軟件進行銷售報價管理，使企業能夠克服傳統手工管理的許多不足，有效提升其競爭力。Zoho CRM為企業提供了一整套綜合解決方案，實現報價流程的全面優化和管理水平的全面提升。 銷售報價管理作為銷售環節中的重要一環，對企業的成交效率和客户滿意度有直接影響。然而，傳統的手動管理報價過程往往面臨許多挑戰，這就是為什麼越來越多的企業開始藉助CRM軟件來解決這一難題

nosql , mongodb

nidexiaoxiongruantangna 頭像

ThinkPHP - 【共享充電寶】express獲取首頁門店邏輯

寫作背景，在發現大部分的時間都去哪了。為什麼，整天做重複的工作。而不是有效的。問題出現在哪呢。 mysql.js const mysql = require('mysql') const conn = mysql.createConnection({ host: '127.0.0.1', user: 'mini', password: '15aZw9fNKjMz9jSKr

express

jdcdevloper 頭像

京東雲開發者 - Nginx常用配置及和基本功能講解 | 京東雲技術團隊

作者：京東物流殷世傑 Nginx已經廣泛應用於J-one和Jdos的環境部署上，本文對Nginx的常用的配置和基本功能進行講解，適合Nginx入門學習。 1 核心配置 找到Nginx安裝目錄下的conf目錄下nginx.conf文件，Nginx的基本功能配置是由它提供的。 Nginx的配置文件(conf/nginx.conf)整體上分為如下幾個部分： ： 區域 職責

nginx-config , Nginx , 反向代理 , 後端

tanking 頭像

TANKING - Python實現微信電腦版微信支付收款監聽及支付回調通知

摘要 為什麼要監聽收款？那是因為現在還有人在使用微信的收款碼、商業碼、讚賞碼實現免籤支付，這類實現方法的最終方案還是監聽收款結果。 技術原理 通過Python實時解析微信電腦版控件的文本內容來獲取信息。不需要Hook和抓包，也不是走任何的協議，就是非常簡單的界面信息獲取和解析。 如何使用 登錄電腦版微信； 找到微信支付公眾號； 雙擊，讓微信支付公眾號單獨顯示，如下圖； WxPayPcNo

支付接口 , 微信開發 , 微信支付 , 監聽 , Python

shuirongshui 頭像

水冗水孚 - 連接mysql：Error: connect ECONNREFUSED ::1:3306 at TCPConnectWrap

問題描述 筆者把服務器上的node，從14升級到18 再次使用express的連接池連接mysql的時候（mysql版本：2.18.1） 出現連接不上的報錯 報錯信息如下： Error: connect ECONNREFUSED ::1:3306 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1555:16)

express , MySQL

refanbanzhang 頭像

熱飯班長 - 當useEffect遇到函數依賴

下面的代碼實現了一個簡易的登錄功能（為了減少代碼量，去掉了密碼）。 import React, { useState } from 'react'; const api = { login(username) { console.log('username', username); }, }; function Login() { const [username, setU

react , react-hooks

aresn 頭像

Aresn - View UI Plus 發佈 1.3.1 版本，增強 TypeScript 使用體驗

View UI Plus 1.3.1 版本已於 2022-06-29 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 提供基於 TypeScript 的工程。view-ui-project-ts Playground 默認模板支持切換組合式 API 和選項式 API。Playground 修復 ImagePreview 操作欄在移動端顯示不完整的問題。#104

vue.js , iview , typescript , 前端

Itstars 頭像

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

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

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

hsr2022 頭像

後山人 - 有些數據管理的軟件，真心不用找人寫的

我們的Simplest Admin快速開發系統，有國企、高校、政府、公司、個人等各類用户。他們都有同樣的特點，就是需要快速的完成，功能不是特別複雜的系統，他們本身就是各個組織信息部門的人員，本事就有責任落實這些需求，但是，苦於沒有合適的，上手就用的系統；這時候，我們的Simplest Admin系統就恰好滿足了他們的需求。 首先，快速且完整，他們可以使用代碼生成，不同於很多系統一鍵生成，需要

vue.js , thinkphp

opentiny 頭像

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

本文由體驗技術團隊Kagol原創。 Fluent Editor是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 源碼：https://github.com/opentiny/fluent-editor/（歡迎 Star ⭐） 官網：https://opentiny.github.io/fluent-editor

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

u_15967048 頭像

農民工前端 - 基於 Vue 和 Element Plus 的時間範圍控制與數據展示

本文將重點講解如何在 Vue 項目中使用 Element Plus 的 el-date-picker 組件實現時間範圍選擇，並結合“日”、“月”、“年”按鈕動態控制時間範圍。！🚀 1. 核心功能 🎯 時間範圍選擇：使用 el-date-picker 實現日期範圍選擇。 快速切換：通過“日”、“月”、“年”按鈕快速設置時間範圍。 動態綁定：根據用户選擇

vue.js , 高亮顯示 , 時間選擇器 , 前端開發 , HTML