收藏 / 列表

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

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

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

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

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

vue.js , flask , 後端 , 前端

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧(二)

上一章 我們詳細介紹了為什麼需要一個自動化的密鑰管理方案,以及如何利用虛擬模塊機制設計並實現一個適用於 Rollup 的密鑰管理插件。 我們從需求出發,將核心的密鑰拆分還原算法獨立為 crypto-splitter 模塊,再通過 rollup-plugin-crypto-key 模塊將其接入 Rollup / Vite 的構建流程。用户只需簡單配置明文密鑰,就能實現在業務代碼中像導入普通模塊一樣獲

插件 , vite , rollup , typescript , 前端

你好啊你好 - 強化 Naive UI n-message-provider 的 to 屬性,實現自由指向

效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura

vue.js , vue3 , 前端

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

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

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

奔放的炒粉 - 跨部門溝通、如何打破信息壁壘

在跨部門合作中,信息傳遞的延遲和混亂尤為常見。打破部門間的信息壁壘,建立跨部門協作機制,是解決跨部門溝通問題的有效方法。跨部門溝通常常面臨的挑戰是不同部門之間的文化差異、工作流程不同和溝通方式的差異。 建立統一的溝通平台:為了打破信息壁壘,企業可以選擇一個統一的溝通平台,方便各部門在同一個系統內進行信息共享和任務協作。Worktile等工具能夠有效地支持跨部門的協作,通過統一平台,團隊成員能夠實時

fiddler , bootstrap , postman

劉悦的技術博客 - 以寡治眾各個擊破,超大文件分片上傳之構建基於Vue.js3.0+Ant-desgin+Tornado6純異步IO高效寫入服務

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_218 分治算法是一種很古老但很務實的方法。本意即使將一個較大的整體打碎分成小的局部,這樣每個小的局部都不足以對抗大的整體。戰國時期,秦國破壞合縱的連橫即是一種分而治之的手段;十九世紀,比利時殖民者佔領盧旺達, 將盧旺達的種族分為胡圖族與圖西族,以圖進行分裂控制,莫不如是。 21世紀,人們往往會在Leetcode平台上刷分治算法題

vue.js , 文件 , 上傳文件 , 文件上傳 , tornado

註銷 - 如何查找 jsp 自定義指令的實現源代碼

要查找最後一行 %@ taglib uri="core" prefix="app"% 中 core 自定義標籤庫的實現源代碼,你需要經過幾個步驟。這個過程依賴於多個因素,包括你對項目結構的瞭解、是否有訪問源代碼的權限,以及你的開發環境。接下來,我將逐步展示如何查找這種類型的標籤庫的源代碼,並解釋相關概念和工具的使用。 理解 JSP 標籤庫 JSP 標籤庫是一組自定義標籤的集合,這些標籤可以在 JS

jsp

十五 - 參透 JavaScript —— 圖解 Event Loop 事件循環

前言 本篇文章主要講解瀏覽器中事件循環(Event Loop) 那些事 單線程 JavaScript 中的同步和異步 同步任務是立即執行的任務,在調用棧(Call Stack)順序執行 異步任務則不同,它在同步任務沒完成之前,不會進入主線程,而是將對應回調函數註冊到隊列中,要理解這一步,我們先要知道任務隊列 任務隊列 在調用棧(Call Stack)中,如果遇到一個異步操作,那麼會將對應的回調函數

promise , 事件循環 , 異步任務隊列 , 異步編程 , Javascript

heath_learning - uni-app自定義密碼輸入框

最近在用uni-app開發時遇到一個類似微信支付的密碼框需求,要求:用户輸入密碼後自動向後跳轉一個輸入框,並且獲得焦點,直到輸入完畢。用户刪除時,刪除完當前輸入框的內容,再按一個“退格/刪除”鍵,則自動往前跳一個輸入框,並將其內容刪除。 效果如: 實現思路 有且只能有一個input輸入框 如果採用一個方框用一個input輸入框,在模擬器裏沒有什麼問題,但在真實的手機中會

input , 輸入框 , vue.js , 混合app , uni-app

子丶不語 - 用好 CSS 的三角函數,讓佈局更聰明

在日常開發中,我們經常用calc()、var()來讓樣式變得動態可控。但其實,CSS 還能做更“數學化”的計算——從 CSS Values Level 4 開始,瀏覽器支持了sin()、cos()、tan()等三角函數。 這意味着,我們在樣式中,也能像在 JavaScript 裏那樣,直接用角度計算出幾何關係,讓佈局、動畫更自然、更精準。 一、CSS 三角函數是什麼?

三角函數 , Math , Css , 前端開發 , HTML

charon_5f4765a39cea7 - vue 源碼解析(3-2-2,虛擬dom)

前面寫過一個snabbdom的解析,vue2.0版本用的就是這個,然後在他的基礎上添加了一些功能 推薦先去看下總結:vue源碼總結 vue-clic生成項目中的render 中的 h 函數,就是createElement() src/core/instance/render.js中創建h函數 Vue.init 的時候會調用initRender 初始化_render,

vue.js , virtual-dom

程序員老葉 - CRM系統如何實現營銷服務一體化

隨着數字化轉型的深入,企業在營銷和服務領域的需求日益複雜化。傳統的營銷和服務往往是分離的,導致客户體驗斷層、數據孤島以及資源浪費等問題。而CRM(客户關係管理)系統作為企業數字化的核心工具,正逐步成為實現營銷服務一體化的關鍵。本文將詳細探討CRM系統如何幫助企業實現營銷與服務的無縫銜接,從而提升客户體驗和企業競爭力。 一、什麼是營銷服務一體化? 營銷服務一體化是指將企業的營銷活動與客户服務流程進行

chrome , Javascript

ThinkPHP - 【小編推薦】ThinkPHP3.x基礎管理系統

https://download.notestore.cn/2020/05/12/tpcms-master/

thinkphp

京東雲開發者 - EasyExcel碰到問題記錄

1、富文本中文字設置不同顏色和字體不生效 String stringCellValue = cell.getStringCellValue(); if (StringUtils.isNotBlank(stringCellValue) stringCellValue.contains(startIndex) stringCellVa

程序員

TANKING - PHP輕量級、超簡單、入門級、易上手的框架:CodeIgniter

摘要 CodeIgniter 3 是一個輕量級的 PHP Web 應用程序開發框架,專注於簡單性和性能。它提供了一系列的庫和工具,幫助開發者快速構建各種規模的 Web 應用程序。 簡單易用:CodeIgniter 設計簡潔,學習曲線低,使得開發者可以快速上手並開始構建應用程序。 MVC 架構:CodeIgniter 遵循 MVC(Model-View-Controller)設計模式,將應用程序的邏

php , php框架 , codeigniter , mvc , 後端

水冗水孚 - React中使用map+area標籤實現img圖片特定區域標記功能(可用Photoshop精準拾取對應點位)

需求描述 前段時間,工作中筆者接到了一個有意思的需求 就是給圖片做特定的交互效果 圖片中有幾個特殊區域 當用户hover特殊區域的時候,高亮 點擊特殊區域的時候,彈框給到一些提示信息 效果圖和線上演示 線上效果演示地址:https://ashuai.site/reactExamples/imagePoint 技術方案選擇 這個需求如果圖片中的特定區域都是矩形 我們完全可以直接

react , jquery插件 , Css , jquery , HTML

熱飯班長 - 如何使用Github Pages發佈自己的個人網頁?

基礎流程 創建倉庫 創建一個倉庫名為賬户名.github.io。 比如我的賬户名為refanbanzhangwork,那麼我的倉庫名就填寫:refanbanzhangwork.github.io。 其他位置保持默認就好了,然後點擊Create repository按鈕。 創建index.html 上一步點擊創建倉庫按鈕之後,會來到倉庫頁面,在這裏,我們點擊creating a

react , vue.js , github-pages , github , 前端

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

新茶十九 - forceWebGL 和 forbidenWebGL

高德地圖中 forceWebGL 和 forbiddenWebGL 這兩個參數的區別、用法和注意事項。 這是一個非常具體且重要的問題,因為它直接關係到高德地圖渲染引擎的選擇。 🆚 核心區別對比 特性 window.forceWebGL = true window.forbiddenWebGL = true

vue.js , 高德地圖 , API , webgl , 前端開發

OpenTiny社區 - 專訪|OpenTiny 開源社區 常浩:完成比完美更重要

前言 2023年已過大半,備受關注的 OpenTiny*開源之夏活動也順利結項。開源之夏由中國科學院軟件研究所發起的計劃,目的在於鼓勵在校學生積極參與開源軟件的開發維護,推動優秀開源軟件社區的繁榮發展。該活動聯合各大開源社區,聚焦於關鍵開源軟件的開發與維護,向全球高校學生開放報名。學生可自主選擇感興趣的項目進行申請,一旦中選,他們將在經驗豐富的項目開發者(社區導師)的指導下進行開發。根據項目的難易

vue.js , 富文本編輯器 , 開源 , Javascript

後山人 - 為什麼 PHP 依然有如此龐大的用户羣?——技術選擇背後的商業邏輯與進化

為什麼 PHP 依然有如此龐大的用户羣?——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現,但數據顯示,PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計,截至 2024 年,超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然,它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度,結合 鋭

vue.js , php , Javascript

農民工前端 - vue3報錯:Uncaught runtime errors: × ERROR this.$set is not a function TypeError: this.$set is not a fu

報錯內容 Uncaught runtime errors: × ERROR this.$set is not a function TypeError: this.$set is not a function at Proxy.editRow (webpack-internal:///./node_modules/babel-loader/lib/index.js??clon

vue.js , 數組 , Vue , bundle , 前端開發