收藏 / 列表

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 - 🔒 JavaScript 不是單線程嗎？怎麼還能上“鎖”？！

在 JavaScript 日常開發中，經常會遇到這樣的情況：多個異步任務需要同時訪問或修改同一個資源。這個資源可能很簡單，比如內存中的一個變量；也可能複雜一些，比如一份配置文件、一條數據庫記錄或者是某個外部服務的接口調用，只要它是共享的，就有可能被不同的任務同時操作。 問題在於，異步任務不像同步代碼那樣一行一行地按順序執行，而是可能同時進行。如果沒有任何機制來協調它們的先後順序，就會出現混亂：有的

插件 , 鎖 , 異步 , 前端 , Javascript

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 - 通用表單解決方案---皮影

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

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

benfangdechaofen 頭像

奔放的炒粉 - 加強與利益相關者的溝通

有效溝通是明確模糊需求的核心手段。團隊應建立持續、透明的溝通機制，如定期的需求澄清會或Scrum站立會議，及時發現並解決需求理解上的差異。 此外，使用項目管理系統，如研發項目管理系統PinCode或通用項目管理系統Worktile，可以有效提高溝通效率。通過統一平台共享需求信息，團隊與利益相關方能夠實時反饋，快速解決模糊之處。 五、設立優先級管理機制 面對模糊需求，設立明確的需求優先級機制至

bootstrap , tailwind-css , chrome-devtools

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - ChatGPT採用的Server-sent events後端實時推送協議Python3.10實現,基於Tornado6.1

善於觀察的朋友一定會敏鋭地發現ChatGPT網頁端是逐句給出問題答案的，同樣，ChatGPT後台Api接口請求中，如果將Stream參數設置為True後，Api接口也可以實現和ChatGPT網頁端一樣的流式返回，進而更快地給到前端用户反饋，同時也可以緩解連接超時的問題。 Server-sent events（SSE）是一種用於實現服務器到客户端的單向通信的協議。使用SSE，服務器可以向客户端推送實

vue.js , python3.x , server-sent-events , tornado , chatgpt

invalidnull 頭像

註銷 - TypeScript 定義函數的幾種寫法

參考鏈接1 參考鏈接2 寫法1 - 使用 function 關鍵字 function greeter(fn: (a: string) = void) { fn("Hello, World"); } function printToConsole(s: string) { console.log(s); } greeter(printToConsole); (a: string)

call , angular , closure , function , typescript

winnn 頭像

Winn - PHP實現單用户登錄

原理：同一賬號在多個設備上登錄，前者被後者頂下線；假設賬號在設備A登錄，該賬號又在設備B登錄，此時設備A登錄的賬號被頂下線 思路分析 1、用户登錄成功後將當前時間存入session中，以及製作個token值存入該用户數據庫中； 2、在驗證用户是否登錄的模塊中，若用户已登錄，將用户數據庫中的token取出，並且製作一個最新的token，兩者判斷是否相等，若不相等，用户下線； 代碼實現 1、在登錄成功

服務器 , MySQL , php , phpstorm , 程序員

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「響應式」的

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

heath_learning 頭像

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

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

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

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 - 後台還能這麼玩？這款後台框架將顛覆你的認知

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

vue.js , vite , 後台 , 前端

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

程序員老葉 - CRM系統哪個好 ？5 大選型關鍵因素 + 4 款主流產品詳解

客户關係管理（CRM）系統已成為企業增強銷售與服務能力的核心工具。但當前市場上的CRM系統種類繁多，不同系統在功能、價格及用户體驗上差異顯著——無論是Zoho CRM、Salesforce、Microsoft Dynamics 365還是HubSpot CRM，每款系統均有其獨特優勢與適用場景。 一、為什麼需要CRM系統？ 企業引入CRM系統的核心價值在於解決客户管理、流程效率與決策支撐的痛點，具

vue.js , chrome-devtools

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0前後端分離框架通用後台源碼

yii-vue-cms 是一個yii2 + vue + element-ui的後台極速開發框架，前後端分離。 可通過gii實現自動生成頁面（支持文本、富文本、單圖、多圖、生成），快速開發。 基礎功能有： 權限管理（實現了頁面路由 + 接口權限控制, 接口權限可隨意關閉）、圖片相冊、圖片上傳、富文本、導出。網址： http://yii2.vue2.notestore.cn/index.html

vue.js , yii , element-ui

jdcdevloper 頭像

京東雲開發者 - java小知識-ShutdownHook(優雅關閉)

一、先提出一個問題 我們如果在JVM退出的時候做一些事情，比如關閉遠程鏈接，怎麼實現呢？ 二、ShutdownHook簡介 java裏有個方法Runtime.getRuntime#addShutdownHook，是否瞭解呢? ShutdownHook是什麼意思呢，看單詞解釋“關閉鈎子”，addShutdownHook就是添加一個關閉鈎子，這個鈎子是做什麼的呢？能否解決上面的問題？ 1、RunTim

後端

fengliudeshanghen 頭像

風流倜儻的傷痕 - 如何在 FastAPI 中優雅地模擬多模塊集成測試？

url: /posts/be553dbd5d51835d2c69553f4a773e2d/ title: 如何在FastAPI中優雅地模擬多模塊集成測試？ date: 2025-09-08T05:37:45+08:00 lastmod: 2025-09-08T05:37:45+08:00 author: cmdragon summary: FastAPI 集成測試通

flask , django , fastapi , 後端 , Python

u_9849794 頭像

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

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

縮放 , Vue , 拖拽 , Css , 前端開發 , HTML

dirackeeko 頭像

DiracKeeko - [JS] javascript中的原型鏈02 prototype&constructor

這是構造函數和構造函數的prototype之間的關係 Person.prototype.constructor === Person; // true 那麼對Person創建的實例對象p1 p1.__proto__.constructor === Person; // true 在瀏覽器控制枱中輸入如下代碼 function Person(name) { this.name = name;

原型 , constructor , 原型鏈 , 前端 , Javascript

aresn 頭像

Aresn - View UI Plus 發佈 1.1.0 版本，支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

vue.js , iview , Css , 前端 , html5