收藏 / 列表

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 - 🚀 擁抱 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 頭像

你好啊你好 - 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 頭像

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

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

angular , webpack , angular2 , typescript , Javascript

benfangdechaofen 頭像

奔放的炒粉 - 常見誤區

常見問題與場景 設計目標：微任務用於處理高優先級更新（如Promise狀態變更）， 確保在渲染前完成數據更新，避免UI不一致。 歸類爭議：通常認為其回調在渲染前執行， 但具體實現可能因瀏覽器而異，建議單獨處理。 時機：在微任務隊列清空後、下一輪宏任務前， 瀏覽器可能選擇是否渲染。 總結對比表 特性 宏任務（Macro Task） 微任務（Micro

bootstrap , tailwind-css , antd

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 日夕如是寒暑不間，基於Python3+Tornado6+APScheduler/Celery打造併發異步動態定時任務輪詢服務

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_220 定時任務的典型落地場景在各行業中都很普遍，比如支付系統中，支付過程中因為網絡或者其他因素導致出現掉單、卡單的情況，賬單變成了“單邊賬”，這種情況對於支付用户來説，毫無疑問是災難級別的體驗，明明自己付了錢，扣了款，但是訂單狀態卻未發生變化。所以，每一筆訂單的支付任務流程中都需要一個定時輪詢的備選方案，一旦支付中發生問題，定時

python3.x , 定時任務 , celery , tornado , Python

invalidnull 頭像

註銷 - 內網、外網和DMZ的防火牆保護程度排序和辨析

標題：內網、外網和DMZ的防火牆保護程度排序及舉例説明 引言 在網絡安全中，防火牆是一種重要的安全設備，用於保護網絡免受未經授權的訪問和攻擊。防火牆通常根據網絡的佈局和安全需求，將網絡劃分為內網、外網和DMZ（區域）三個區域，併為每個區域提供不同程度的保護。本文將按照受保護程度從低到高的順序正確排列內網、外網和DMZ，並通過舉例詳細解釋每個區域的特點和保護層級。 正確排列次序： 外網（Publ

計算機基礎 , 計算機原理 , 計算機科學 , 計算機網絡 , 計算機

winnn 頭像

Winn - 前端面試八股文？不存在的！

最近刷到一位前端小姐姐海外工作分享的視頻，分享了她的求職，面試以及工作生活的感受，瞭解到海外求職面試的一個過程，其中我們經常聊的前端八股文面試以及框架原理在海外面試中卻很少出現 海外前端技術面試難不難 工資翻倍了嗎 生活成本高嗎 對比國內工作強度如何呢？ 為何來到這裏呢？ 都面試了哪些國家呢？ 如何拿到面試機會的 怎麼看待海外工作呢？ 個人感受海 外的工作可能對比國內壓力會小點，不

求職 , 面試 , 工作 , 後端 , 前端

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 頭像

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

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

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

kayo5994 頭像

kayo5994 - Vue 響應式原理剖析 —— 從實例化、渲染到數據更新（下）

在上一篇文章中，梳理了 Vue 實例化和渲染的基本邏輯，並且介紹了訂閲者模式這種設計模式，Vue 的「響應式」實現本質上也是一個訂閲者模式，但是由於 Vue 需要考慮更加複雜的情況，並且需要在其中作出大量優化操作，因此具體實現也會複雜很多。通過上面對訂閲者模式的介紹，觀察目標類，觀察者管理類，觀察者是訂閲者模式中的三個基本要素，Vue 內部也會有對應的實現，下面通過更詳細地説明 Vue「響應式」的

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

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 頭像

子丶不語 - Flex佈局-實戰篇

flex佈局屬於一維佈局簡單來説就是橫向或縱向佈局，將子元素羣編排成行或列。 上面的佈局我們用flex都可以輕鬆幾行實現 一、骰子的佈局 下面，就來看看Flex如何實現，從1個點到9個點的佈局。 HTML模板如下 div class="box" span class

Css , 前端開發 , ide , HTML

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

hooray 頭像

Hooray - 後台還能這麼玩？這款後台框架將顛覆你的認知

序 過去一年，我參與了大大小小若干個後台系統的開發。在開發過程中，也發現了一些傳統後台框架無法解決的一些體驗上的痛點，如： 如何提升頁面空間的利用率，尤其是當展示內容較少時，儘可能減少頁面留白 如何提升跨模塊的操作效率，減少模塊間頻繁的頁面跳轉 帶着這幾個問題，我開始構思並開發了一款採用全新交互方式的後台框架「 One-step-admin 」，這是一款幹啥都快人一步的 Vue 中後台系統

vue.js , vite , 後台 , 前端

powerful_simon 頭像

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

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

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

hai2007 頭像

你好2007 - vue 如何實現表單校驗

安裝並使用 首先，在你的vue項目中進行安裝： npm install --save vue-input-check 接着根據不同的vue版本註冊： vue2.js import Vue from 'vue'; Vue.use(inputCheck); vue3.js+ import { createApp } from 'vue'; let app = createApp(App); app

vue.js , validate , form , submit , Javascript

yeshifu 頭像

程序員老葉 - 客户管理系統如何管理經銷商渠道

客户管理系統如何管理經銷商渠道？1、統一信息平台；2、協同工作機制；3、客户關係維護；4、銷售和營銷支持；5、培訓和支持。客户管理系統，即客户關係管理系統，是現代企業中不可或缺的工具，它幫助企業管理和分析客户互動及數據，從而提高銷售、優化服務並提升客户關係。隨着市場競爭的激烈和業務模式的多樣化，越來越多的企業重視經銷商渠道的管理，將客户管理系統應用於此，以提升渠道運作效率、優化資源配置和增強市場競

Linux

nidexiaoxiongruantangna 頭像

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

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

vue.js , yii , element-ui

jdcdevloper 頭像

京東雲開發者 - 京東雲開發者｜深入JDK中的Optional

概述：Optional最早是Google公司Guava中的概念，代表的是可選值。Optional類從Java8版本開始加入豪華套餐，主要為了解決程序中的NPE問題，從而使得更少的顯式判空，防止代碼污染，另一方面，也使得領域模型中所隱藏的知識，得以顯式體現在代碼中。Optional類位於java.util包下，對鏈式編程風格有一定的支持。實際上，Optional更像是一個容器，其中存放的成員變量是一

空指針 , optional , java8 , JDK , JAVA

dirackeeko 頭像

DiracKeeko - [動圖] 用css的animation+幀序列實現動畫

[接前文《[動圖] 前端動圖實現方式整理》](https://segmentfault.com/a/1190000044102194) 這篇文檔詳細説一説 第3種，幀序列(png/jpg + css) 的實現 注意下面這段代碼不是原生的CSS語法，在關鍵幀部分使用了SCSS語法來批量for循環處理（需要安裝sass-loader以支持編譯），通過改變背景圖片的位置來實現連續的動畫效果。 st

animation , sass , 動畫 , Css , 前端

aresn 頭像

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

Itstars 頭像

新茶十九 - 高德地圖的柵格圖，2D地圖，瓦片圖有什麼區別

高德地圖的“柵格圖”、“2D地圖”和“瓦片圖”這三個概念經常被混用，但它們描述的是不同層面的東西。 簡單來説： 瓦片圖是技術實現方式。 柵格圖是地圖數據的展現形式（與矢量圖相對）。 2D地圖是地圖的顯示模式（與3D地圖相對）。 下面我用一個清晰的表格和詳細解釋來説明它們的區別和聯繫。 🆚 核心概念對比 維度

vue.js , 高德地圖 , 柵格 , 3d , 前端開發