收藏 / 列表

baby7_68bfdb7205674 頭像

baby7 - Vue視差標題背景

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

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

gaiya_68f1e7ba5b140 頭像

蓋亞 - electron-build報錯:cannot find module/ valid " main " entry

解決electron-build打包後運行app報錯:cannot find module xxx/ Please verify that the package . json has a valid " main " entry 先看一個簡單報錯： 或者類似這種： 解決方法： 檢查package. Json中是否寫了“main”，這裏的“main”必須寫，且應當使用npm指令build的di

vue.js , electron , typescript , 前端 , Javascript

xiaohe0601 頭像

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

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

插件 , vite , rollup , typescript , 前端

nihaoanihao 頭像

你好啊你好 - 摩天輪（vue）

效果圖 使用示例 script lang="ts" setup import FerrisWheel from "**/FerrisWheel.vue"; import { ref } from "vue"; const defaultUrls = [ "https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.

vue.js , Css , HTML , 前端 , Javascript

wszgrcy 頭像

wszgrcy - 初始化項目像搭積木一樣?你可使用Code Recycle的模板功能

一般情況下,我們初始化新項目的時候,往往都是通過現有文件,製作一個模板(倉庫使用) 但是有時候一個相同的功能(模塊)更新無法同步更新到所有的文件模板上,我們需要在生成後繼續進行細節調整 這時候你可以嘗試下使用Code Recycle的模塊功能 Code Recycle所具有的模板功能 支持交互.你可以在調用時輸入字符串來修改文件中一些變量;你可以選擇選項控制內容是否生成

vscode插件 , 代碼生成 , 腳手架 , 模板

benfangdechaofen 頭像

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

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

bootstrap , tailwind-css , chrome-devtools

liuyue_5e7eb6745e089 頭像

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

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

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

invalidnull 頭像

註銷 - 關於電商應用性能指標 DTU 的評估

DTU 全稱 Database Transaction Unit，是一種用於評估和衡量雲數據庫性能的指標。它最常用於關係型數據庫管理系統（RDBMS），特別是在雲計算環境中，如Microsoft Azure SQL Database和Amazon RDS等。DTU 是一個關鍵的性能度量標準，幫助開發者和數據庫管理員瞭解其數據庫實例的性能狀況，以便更好地規劃、優化和監控數據庫工作負載。 在 DTU

電商網站 , 電商架構 , 性能分析 , 電商 , 性能

winnn 頭像

Winn - 使用炫酷的vue動畫庫，輕鬆給網站上大分

關於vue的動畫庫有很多，但今天我只分享兩個，GSAP和Vue-Lottie是個人認為目前功能比較強大的動畫庫。 1、GSAP 地址：https://greensock.com GSAP全稱為GreenSockAnimationPlatform，是一個從flash時代一直髮展到今天的專業動畫庫。來看一下如何在vue項目中使用： 和其他動畫庫一樣，你可以使用npm或cdn等方式去安裝，安裝和使

vue.js , 動畫 , 網站開發 , 前端 , html5

nanian_5cd6881d3cc98 頭像

那年 - 項目踩坑記：無法將“create-react-app”項識別為 cmdlet、函數、腳本文件或可運行程序的名稱...解決

創建項目的時候報錯 試過網上改淘寶鏡像的法子不行 最後使用npx 成功了 npx create-react-app todo-list npx 會自動查找當前依賴包中的可執行文件，如果找不到，就會去 PATH 裏找。如果依然找不到，就會幫你安裝。 npx 甚至支持運行遠程倉庫的可執行文件。 npx解釋：https://www.jianshu.com/p/684..

react , npm , create-react-app

qfifteen 頭像

十五 - 受夠了團隊代碼風格不統一？7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系，主要內容為：通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化，通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字，主要內容分為 7 個大章節，內分多個小章節。請耐心讀完，相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章，該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

kayo5994 頭像

kayo5994 - Vue 響應式原理剖析 —— 數據更新常見問題

概況 在 Vue 開發的過程中，多少都會遇到數據更新後，頁面沒有更新渲染這類問題。而在上兩篇文章《Vue 響應式原理剖析 —— 從實例化、渲染到數據更新（上）》和《Vue 響應式原理剖析 —— 從實例化、渲染到數據更新（下）》中，從「實例化」、「渲染」、「數據更新」三條線完整地講述了 Vue「響應式」的工作原理，本文正是基於這些原理去解決一些常見的數據更新相關問題。 對象數據的某些修改無法被檢聽？

框架學習 , vue.js , 觀察者模式 , 框架源碼 , 響應式

heath_learning 頭像

heath_learning - 記錄一次vue-cli創建vue項目失敗，一直卡着不動問題

問題描述：使用 vue create a-test 命令創建項目一直卡着安裝依賴失敗，報錯：ERROR Failed to get response from https://registry.npm.taobao.org/binary-mirror-config，命令行出現如下信息： Failed to check for updates ✨ Creating project in

vue.js , registry , vue-cli , npm

charon_5f4765a39cea7 頭像

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

hooray 頭像

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

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

vue.js , 後台 , Javascript

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 7.3.生成器

關注前端小謳，閲讀更多原創技術文章 生成器 ES6 新增的結構，可以在一個函數塊內暫停和恢復代碼執行，可以自定義迭代器和實現協程 相關代碼 → 生成器基礎 生成器的形式是一個函數，函數名稱前加一個星號* 可以定義函數的地方，都可以定義生成器（箭頭函數除外） function* generatorFn() {} // 生成器函數聲明 let gfn = function* ()

yield , generator , 生成器 , 前端 , Javascript

hai2007 頭像

你好2007 - 從vue-loader開始理解webpack的一些設計思想

寫在前面 為了更好的説明，我們模仿Vue.js開發了一個類似的簡化版本的前端框架Quick Paper(文檔) 來幫助你理解一些細節。因此在開始之前，讓我們先大致瞭解一下此項目的結構，方便後續描述。 温馨提示：我們推薦你在開始之前去Github上把此項目clone下來後，對照着源碼進行學習！ 目錄結構 其實你只需要關注下面四個文件夾： src：框架源碼； loader：類似vue-loade

vue-loader , vue.js , loader , webpack , Javascript

yeshifu 頭像

程序員老葉 - 2025 年 CRM 系統 TOP10 排名榜單

隨着企業數字化轉型的深入，CRM系統已成為企業提升客户管理效率、優化銷售流程、推動業績增長的重要工具。2025年，CRM市場競爭激烈，各類軟件在功能、特點、適用性等方面持續優化，以滿足企業多樣化需求。本文精選2025年十大CRM系統，為企業選擇提供全面參考。 1. Zoho CRM 功能：涵蓋銷售自動化（管理銷售線索、商機及銷售漏斗）、AI助手Zia（智能預測、客户行為分析）、多渠道溝通（郵件、電

vue.js , angular , chrome-devtools

nidexiaoxiongruantangna 頭像

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

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

thinkphp

jdcdevloper 頭像

京東雲開發者 - SimpleDateFormat 線程安全問題修復方案 | 京東物流技術團隊

問題介紹 在日常的開發過程中，我們不可避免地會使用到 JDK8 之前的 Date 類，在格式化日期或解析日期時就需要用到 SimpleDateFormat 類，但由於該類並不是線程安全的，所以我們常發現對該類的不恰當使用會導致日期解析異常，從而影響線上服務可用率。 以下是對 SimpleDateFormat 類不恰當使用的示例代碼： package com.jd.threadsafe; impo

線程池 , 線程安全 , JAVA , simpledateformat , 後端

fengliudeshanghen 頭像

風流倜儻的傷痕 - 深入解析NoSQL數據庫：從文檔存儲到圖數據庫的全場景實踐

title: 深入解析NoSQL數據庫：從文檔存儲到圖數據庫的全場景實踐 date: 2025/2/19 updated: 2025/2/19 author: cmdragon excerpt: 通過電商、社交網絡、物聯網等12個行業場景，結合MongoDB聚合管道、Redis Stream實時處理、Cassandra SSTable存儲引擎、Neo4j路徑遍歷算法等42

MySQL , nosql , mongodb , 數據庫 , 後端

u_9849794 頭像

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

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

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

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.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