收藏 / 列表

baby7 - Vue視差標題背景

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

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

蓋亞 - 解決electron+Vue(Vite):ERR _CONNECTION_REFUSED

解決用electron打包Vue工程(Vite)報錯electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED Background: 生產環境通過 Electron 直接加載本地文件系統中的靜態資源 注:node後的狀態碼不重要 明明前端工程可以運行,後端連接也沒問題,為什麼打包完成後總是連不上網址?

vue.js , electron , typescript , npm , Javascript

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

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

插件 , vite , rollup , typescript , 前端

你好啊你好 - div + transform 實現旋轉圖片並得到期望的佔位盒子

效果圖 使用示例 script setup lang="ts" import RotatedImage from "**/RotatedImage.vue"; import { ref } from "vue"; const value = ref(50); const clockwise = ref(true); const src = ref( "https://naive-ui.os

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

wszgrcy - [Angular]單運行時多項目共享依賴方案

ngx-center 一箇中心,多個...... 使用介紹(視頻) 這是什麼? 一個 Angular 單運行時多項目共享依賴的解決方案 只啓動一個 Angular 平台(PlatformRef),其他子項目進行導出(類 es6 module),通過資源文件清單(或單獨 js 文件)進行請求加載 功能 支持子項目在開發時代碼變更的刷新 支持子項目調用主項目導出的命名(e

angular , webpack , angular2 , typescript , Javascript

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

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

fiddler , bootstrap , postman

劉悦的技術博客 - 運籌帷幄決勝千里,Python3.10原生協程asyncio工業級真實協程異步消費任務調度實踐

我們一直都相信這樣一種説法:協程是比多線程更高效的一種併發工作方式,它完全由程序本身所控制,也就是在用户態執行,協程避免了像線程切換那樣產生的上下文切換,在性能方面得到了很大的提升。毫無疑問,這是顛撲不破的業界共識,是放之四海而皆準的真理。 但事實上,協程遠比大多數人想象中的複雜,正因為協程的“用户態”特性,任務調度權掌握在撰寫協程任務的人手裏,而僅僅依賴async和await關鍵字遠遠達不到“調

調度器 , python3.x , async , 協程 , Python

註銷 - Angular library 學習筆記

原文 Use cases for Angular libraries Angular 庫有 2 個常見用例: 構建可重用的組件庫以在應用程序之間共享。 構建共享服務層功能 - 例如。 用於處理外部數據源(例如 API)的客户端。 雖然有很多 Angular 庫非常適合項目的情況,但值得考慮您的用例是否屬於這些,因為它確實引入了一些維護開銷。 請記住,您始終可以將功能編寫為應用程序中共享 A

angular , angular4 , angular-material , typescript

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

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

vue.js , 代碼規範 , 前端

heath_learning - 使用Generator函數實現異步任務隊列

var genAsyncTask2 = (val, time) = { return () = { return new Promise(function (resolve, reject) { let timer = setTimeout(() = { clearTimeout(timer); res

ecmascript-6 , 異步任務隊列 , generator , Javascript

子丶不語 - Vue3 手勢指令發佈!

在Vue3開發中,框架本身並沒有內置豐富的手勢指令(如滑動、捏合、長按等),開發者只能使用基礎的鼠標/觸摸事件綁定(如@click、@mousedown、@touchstart等)。這在需要複雜手勢交互的移動端應用開發中,往往顯得力不從心。 好消息是,vue3-touch-events來了!這是一個專為Vue3設計的強大手勢事件庫,讓你輕鬆實現各種觸摸手勢交互,完美支持移動

縮放 , Vue , 拖拽 , 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

程序員老葉 - 2025年主流CRM系統產品全面解析

CRM(客户關係管理)系統已成為企業提升銷售效率、優化客户體驗、實現業績增長的核心工具。2025年,CRM市場格局日趨成熟,無論是國內還是國際廠商,都在產品功能、生態集成、智能化等方面持續創新。本文將對2025年主流CRM系統進行全面解析,幫助企業選型提供參考。 一、國內主流CRM系統 1. Zoho CRM 市場地位:國內CRM市場佔有率多年領先,2025年在全球企業級SaaS CRM領域繼

css3 , chrome-devtools

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

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

vue.js , yii , element-ui

京東雲開發者 - 由 Mybatis 源碼暢談軟件設計(四):動態 SQL 執行流程

本節我們探究動態 SQL 的執行流程,由於在前一節我們已經對各個組件進行了詳細介紹,所以本節不再贅述相關內容,在本節中主要強調靜態 SQL 和動態 SQL 執行的不同之處。在這個過程中,SqlNode 相關實現值得關注,它為動態 SQL 標籤都定義了專用實現類,遵循單一職責的原則,並且應用了 裝飾器模式。最後,我們還會討論動態 SQL 避免注入的解決方案,它是在 Mybatis 中不可略過的一環。

程序員

TANKING - 微信電腦版4.1.X最新版獲取未讀消息並在右下角彈出提醒

摘要 微信4.1版本的UI採用新的框架開發,能夠獲取到的信息有限,目前只能獲取到消息列表的控件內容。 代碼 import time import threading import uiautomation as auto from win10toast import ToastNotifier import tkinter as tk from tkinter import ttk import

微信 , python3.x , 微信開發 , uiautomation , Python

水冗水孚 - 長風網視頻—網課刷課腳本&console控制枱粘貼回車即用

思路 一些視頻學習網站,在學生觀看一段時間後,就自動暫停,防止學生掛機 針對於這個情況,我們可以寫一個腳本去處理,從而做到電腦不關機 睡覺的時候,也能夠自動播放,就很嗨皮 大致就是,通過setInterval定時檢查判斷視頻狀態 並且派發點擊事件讓視頻播放 這樣的話,就可以掛機了 其他的視頻類網站也是類似的思路... 腳本一 document.querySelector(".btn

console , 視頻 , 腳本 , Javascript

熱飯班長 - 如何在vscode中調試typescript?

前置知識 首先要知道vsocde是無法調試typesript的。所以我們要做的就是將typescript編譯為javascript,然後告訴vscode編譯後的代碼位置,這樣才能進行調試。 流程 1 在項目根目錄創建launch.json配置 // package.json { "name": "debug-ts", "version": "1.0.0", "description"

visual-studio-code , debugging , typescript , Javascript

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 , 前端

新茶十九 - forceWebGL 和 forbidenWebGL

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

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

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

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

vue.js , php , Javascript

OpenTiny社區 - Fluent Editor 富文本開源2個月的總結:增加格式刷、截屏、TypeScript 類型聲明等新特性

本文由體驗技術團隊Kagol原創。 Fluent Editor是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、 功能強大、開箱即用。 2024年8月12日,Fluent Editor 正式開源! 源碼:https://github.com/opentiny/fluent-editor/ 官網:https://opentiny.gi

富文本編輯器 , 前端

農民工前端 - 基於Element UI的級聯選擇器實現:子父節點異構名稱映射與無子級數據優雅處理方案

摘要 本文詳細介紹了一種在Vue.js+Element UI環境中實現的級聯選擇器解決方案,重點解決以下兩個技術難點:1)父子節點顯示字段名稱不一致時的映射轉換問題;2)無子級數據時的友好提示與交互控制。方案通過動態懶加載與數據轉換機制,實現了異構數據源的統一展示與空狀態管理。 效果展示 技術背景 在企業級前端開發中,級聯選擇器是處理層級數據的常用組件。Elemen

vue.js , 字段 , 前端開發 , 子節點 , Javascript