收藏 / 列表

baby7_68bfdb7205674 頭像

baby7 - Vue視差標題背景

一、説明 這個我是為了放在博客的標題部分作為背景圖，上下滾動的時候比較好看。 原理就是通過幾張透明的png進行疊加，然後在上下滾動時，外層png移動的快，內層png移動得慢來實現視差效果。 先放一張示意圖： 這裏實際的距離X和Y在觀察者看來是一樣的，原因是距離觀察者的距離Z不一樣導致的。 再放一張視差標題背景的3d示意圖： 二、Vue代碼 這裏為了代碼高亮分三部分展示 html部分

vue.js , 視差滾動 , 視差動畫 , 博客

gaiya_68f1e7ba5b140 頭像

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

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

vue.js , flask , 後端 , 前端

xiaohe0601 頭像

xiaohe0601 - 🚀 擁抱 create-uni，一行命令輕鬆集成 Uni ECharts！

Uni ECharts 正式集成到 create-uni 啦！現在，你只需要一行命令，就能快速創建一個內置 Uni ECharts 的 uni-app 初始項目。告別複雜配置，數據可視化從未如此輕鬆高效，讓開發者專注於創意與體驗！ 🤓 為什麼選擇 Uni ECharts ？ Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni

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

wszgrcy 頭像

wszgrcy - Angular的無選擇器(Selectorless)非官方實現

Angular的無選擇器(Selectorless)非官方實現 眾所周知,Angular的組件定義,使用的時候,必須生成一個自定義標籤;某些時候使用css佈局的時候,就會比較麻煩 雖然官方已經開始考慮實現無選擇器,但是目前還在規劃中,不知道要等多久 原理 眾所周知,結構型指令可以動態插入模板 模板內容可以自定義,並且也可以使用組件內的所有屬性和方法 那麼只需要將組件變成一個模板,即

react , vue.js , angular , 前端

benfangdechaofen 頭像

奔放的炒粉 - 企業在面對新技術時，應當審慎評估其實際適用性

要避免技術創新帶來的風險，企業應當建立有效的技術選型機制。這一機制包括新技術引入前的評估體系、決策流程，以及明確的審批程序。尤其是在大型項目管理中，可以使用研發項目管理系統PingCode進行技術選型的標準化流程管理，確保每項技術選擇都經過全面分析和決策。 企業還可以組建跨部門的技術委員會，包括技術專家、項目經理和業務負責人，共同決策新技術的引進事宜。例如華為和阿里巴巴等知名企業都建立了相應的技術

bootstrap , tailwind-css , chrome-devtools

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 石火電光追風逐日|前端優化之次時代圖片壓縮格式WebP的項目級躬身實踐(Python3 PIL+Nginx)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_190 我們知道，在前端界有一個共識：速度就是生命，帶寬就是金錢。怎樣將頁面加載速度有效提升是無數前端工程師無時不刻在思考的課題，目前的網絡環境中，除了視頻，圖片仍舊是佔用流量較大的一部分，對於app端尤其如此，因此，如何在保證圖片視覺不失真的前提下縮小圖片體積，對於節省帶寬和電池電量都十分重要，因此Google在十年前提出了一種

python3 , 圖片壓縮 , webp , 前端優化 , Nginx

invalidnull 頭像

註銷 - curl 命令的使用一例

curl --verbose -k 這個命令用於在命令行中使用 curl 工具時，提供更詳細的輸出信息，並允許連接到服務器時忽略 SSL 證書驗證。下面我將詳細介紹這個命令的作用，並通過示例説明其用法。 作用介紹： curl: 是一個用於在命令行中進行數據傳輸的工具，支持多種協議，如 HTTP、HTTPS、FTP 等。 --verbose（或簡寫 -v）: 用於顯示詳細的操作信息，包括請求和

curl

winnn 頭像

Winn - vue性能優化之異步組件和路由懶加載

今天來聊聊vue2的性能小優化之異步組件跟路由懶加載 一、組件優化 目前代碼塊中包含了兩個子組件，它們在符合條件的情況下才會渲染，採用了最基礎的方式進行導入。 頁面刷新後會加載五個文件，在點擊顯示兩個組件時，只會新增一個文件，加載的是element的字體文件，也就是説在頁面初始化時就已經加載了組件文件。 現在我們把它改寫成異步組件，再來做個對比： 當我們點擊顯示組件時，控制枱會新增一個請求

編程 , vue.js , 前端優化 , 圖片上傳 , 程序員

nanian_5cd6881d3cc98 頭像

那年 - vue+jest 項目中的單測，持續更新..

剛開始接觸jest， 原理api啥的網上一堆，僅自己寫項目記錄下，有問題可以留言一起學習 emit事件 頁面： handleClose() { this.$emit('update:isShow', false) }, jest： test('handleClose', () = { wrapper.vm.handleClose() expect(wrap

vue.js , 自動化測試 , jest , 前端 , Javascript

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

kayo5994 頭像

kayo5994 - Gulp 結構化最佳實踐

在 Gulp 的官方文檔中，Gulp 的任務都是寫在 gulpfile.js 這一個文件中的，如果任務數量不多，這並不會有什麼問題，但當任務數量較多時，會造成代碼可讀性差，難以維護，多人協作時還會容易造成衝突。因此，更好的處理方式是把 Gulp 的代碼結構化。 開始結構化 https://github.com/QMUI/qmui_web 這是一個前端框架，主要由一個 SASS 方法合集與內置的工作

gulp , 工程化 , 工作流

heath_learning 頭像

heath_learning - 手把手教你用webpack打包一個多個模塊且不包含共享模塊代碼的JS庫

1、什麼叫“多個模塊且不包含共享模塊代碼的JS庫”？ 假設你現在要在npm上發佈一個js庫，你的庫裏有module1.js、module2.js2個模塊，這2個模塊都依賴了hex.js工具模塊，如果使用普通的 打包模式打包module1.js、module2.js2個模塊，那麼module1.js、module2.js2個模塊中都會包含hex.js工具模塊，這會導致 在項目導入這2個模

打包 , webpack , js庫 , 模塊化開發 , Javascript

u_9849794 頭像

子丶不語 - 前端必看！12個JS神級簡寫技巧，代碼效率直接飆升80%，告別加班！

在日常開發中，我們經常會遇到一些重複、冗長的代碼。寫起來費勁，讀起來費神，維護起來更是頭疼。而且代碼越複雜，性能可能越受影響。 那有沒有辦法讓代碼更簡潔、清晰又高效呢？ JavaScript提供了許多現代語法特性，合理使用這些簡寫技巧，不僅能大幅減少代碼量，還能提升可讀性和執行效率。 很多資深前端都在用，這篇文章整理了12 個最實用的 JS 簡寫技巧，並結合實際

vue.js , 運算符 , 賦值 , 默認值 , 前端開發

hooray 頭像

Hooray - 一勞永逸，解決基於 keep-alive 的後台多級路由緩存問題

用過 vue-element-admin 的同學一定很清楚，路由的配置直接關係側邊欄導航菜單的展示，也得益於這種設計思路，幾乎大部分後台框架都採用這個方案，當然也包括了我寫的 Fantastic-admin 這個中後台框架。 但這個方案有個明顯的問題，就是為了實現多級側邊欄導航菜單，則需要將路由配置成多級嵌套的形式，一旦超過兩級，達到三級甚至更多級，就需要增加一個空佈局頁面（Empty.vue）用

vue.js , 後台 , Javascript

powerful_simon 頭像

小謳 - 解決 mpvue 經典 bug：同路由切換時，上次的數據會保留

關注前端小謳，閲讀更多原創技術文章 由於一直在用vue技術棧，因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護，為了上手迅速，不顧可能存在的眾多bug，毅然用起來。 果不其然，一個大bug出現了：同一路由切換時，上一次的頁面數據會保留 項目實戰bug：mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因： 參考眾多答案後，用“

vue.js , 小程序 , mpvue , 前端 , Javascript

hai2007 頭像

你好2007 - Symbol + Generator函數 + Promise

一：Symbol 1.1 基本使用 簡單的説，Symbol就是一個絕對唯一的key值，類似之前obj['key']='value'這種操作的字符串'key'，好處是絕對不會重複，避免覆蓋之前的值。 Symbol是一個方法，會返回一個唯一的symbol，可以帶參數，比如：var sy=Symbol('sy-name')，不過這只是為了方便查看，加不加目前沒有區別。 var sy1=Symbol(),

ecmascript-6 , promise , symbol , generator , Javascript

yeshifu 頭像

程序員老葉 - 2025 年客户管理軟件排行榜：哪個更適合你

本篇文章整理了2025年客户管理軟件排行榜，涵蓋7款熱門產品：Zoho CRM軟件、Salesforce 客户管理軟件、HubSpot 客户管理軟件、Microsoft Dynamics 365、Pipedrive、Freshsales、SAP 客户管理軟件。 隨着企業對客户關係管理的需求不斷增長，客户管理軟件（客户關係管理）已成為各類企業提升效率、優化客户體驗的核心工具。2025年客户管理軟件市

angular , chrome-devtools

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0+Element2.0

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

vue.js , yii , element-ui

jdcdevloper 頭像

京東雲開發者 - PWA 離線方案研究報告 | 京東雲技術團隊

本文並不是介紹如何將一個網頁配置成離線應用並支持安裝下載的。研究PWA的目的僅僅是為了保證用户的資源可以直接從本地加載，來忽略全國或者全球網絡質量對頁面加載速度造成影響。當然，如果頁面上所需的資源，除了資源文件外並不需要任何的網絡請求，那它除了不支持安裝到桌面，已經算是一個離線應用了。 什麼是PWA PWA（Progressive Web App）是一種結合了網頁和原生應用程序功能的新型應用程序開

pwa , webkit , 離線應用 , HTML , 前端

dirackeeko 頭像

DiracKeeko - [React] [Vue] 從vue切換到react 組件的封裝和使用

在組件封裝上，兩個框架差的不遠。 在Vue中封裝組件，用插槽的方式子組件中寫好具名插槽的位置和樣式，在父組件中通過插槽名傳入html和js邏輯 部分。 在react中封裝組件，區別於Vue的地方在於，Vue中有插槽這個語法，而react中沒有。在react中的html和js邏輯部分的傳遞都需要藉由屬性組件的屬性(Props)來完成。 (在Vue中插槽傳值，在react中屬性傳值) 此外，Vue中組

react , vue.js , 組件通信 , 組件封裝 , 前端

aresn 頭像

Aresn - View UI Plus 發佈 1.2.0 版本，新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography，內置豐富的內容排版 UI，支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件： Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

Itstars 頭像

新茶十九 - Vue 3 深入瞭解，那些很少有人知道的實用特性和技巧

1. 深層響應式控制 shallowRef - 淺層 Ref import { shallowRef, triggerRef } from 'vue' const state = shallowRef({ count: 0, nested: { value: 1 } // 這個變化不會被自動追蹤 }) // 只有直接賦值會觸發更新 state.value = { c

vue.js , 響應式 , 前端開發 , ide , Javascript

shuirongshui 頭像

水冗水孚 - 😱😱😱CPU和內存飆到100%——我的火山引擎服務器被印度的ip惡意植入挖礦程序了！😡😡😡

發現問題 筆者的阿里雲服務器快到期了，前段時間買了一個火山引擎服務器 除此之外，筆者也用騰訊雲服務器 三家雲服務器供應商都挺不錯，各有千秋 今天，筆者忽然發現自己的火山引擎服務掛了 試試winscp遠程登錄不行，使用火山引擎自帶的ECS Terminal也不行 重啓服務器也不行 各種嘗試都不行，沒辦法只能提交一個工單 售後極速響應 不得不説，火山引擎服務器的售後是真的給力

服務器安全加固 , Centos , Ubuntu