收藏 / 列表

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 插件吧（三）

上一章 我們為插件實現了對 TypeScript 的支持，通過在插件中引入 dts 配置項自動生成 crypto-key.d.ts 聲明文件，讓用户在開發過程中無需手動維護類型定義文件，就能獲得準確的類型提示和更流暢的 IDE 體驗。 可行性分析 為了讓插件能夠被更多的用户使用，我們希望可以同時支持 Vite、Rollup、Webpack、Esbuild 等構建工具，所以本章我們將會一起把插件從單

插件 , vite , rollup , typescript , 前端

nihaoanihao 頭像

你好啊你好 - 小説關鍵字節點搜索

網頁地址 源碼地址 視頻介紹 https://www.bilibili.com/video/BV1MJ4BzMEHX/?aid=115378525050...

工具 , 小説

wszgrcy 頭像

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

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

react , vue.js , angular , 前端

benfangdechaofen 頭像

奔放的炒粉 - 拆解模糊需求管理需要明確需求邊界

拆解模糊需求管理需要明確需求邊界、採用需求細化與分解方法、加強與利益相關者的溝通、設立優先級管理機制、持續迭代與反饋。其中，明確需求邊界尤為重要，它可以幫助團隊準確理解用户的核心訴求，避免需求膨脹與偏離實際目標。通過邊界明確，團隊能夠集中資源有效解決關鍵問題，大幅降低項目失敗風險與成本浪費。 一、模糊需求的成因與挑戰 模糊需求通常源於利益相關者對目標的不確定性、溝通不暢或市場環境快速變化。當

graphql , segmentfault , HTTPS , restful , 程序員

liuyue_5e7eb6745e089 頭像

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

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

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

invalidnull 頭像

註銷 - 如何創建一個新浪微博應用以及獲得Access token

前提條件是您得先有一個新浪微博帳號。 打開網頁http://open.weibo.com/wiki/%E... 點擊新手引導-開發者頁面： 會自動跳轉到頁面：http://open.weibo.com/develop... 點擊按鈕”創建應用“： 選擇創建的應用類型： 維護該新浪微博應用的相關信息： 創建成功後，得到應用的url：http://open.wei

oauth2.0 , access-token , oauth , 微博 , weibosdk

winnn 頭像

Winn - PHP實現單用户登錄

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

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

jiangchuan_5ecf6be720834 頭像

蔣川 - 搭建實例：使用卡拉雲 15分鐘快速搭建用户審核認證系統

這篇文章我們講一下如何使用卡拉雲（卡拉雲官網）快速搭建一套用户認證審核後台。卡拉雲是一套幫助企業快速搭建內部後台的搭建工具，卡拉雲將 API 接口、數據庫接口以及前端組件組合在一起，只需要拖拽組件到畫布，再加上幾句簡單的SQL，即可快速組成一套實用的內部工具。 一、認證審核系統的需求 1.我們先來看一下需求。 「麪包多」是一家幫助創作者出售自己原創作品的平台，當創作者想認證自己賬號以提高相應權限

後台 , 數據庫 , 後台開發 , 後端 , 前端

qfifteen 頭像

十五 - Tailwind Css 中使用 Element Plus 主題系統的方案與實現

前言 本篇文章主要講解在 Tailwind Css 中配置 Element Plus 主題變量以統一視覺設計 本文也是《通俗易懂的中後台系統建設指南》系列的第九篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 需求概括 上一篇文章中我們講解了生成 Element Plus 主題色階和動態切換主題色：一篇文章實現 Element Plus 色彩動態切換 Clean Admin 中使用 Ta

vue.js , tailwind-css , element-plus , typescript , 前端

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-1,數據響應式)

Vue源碼解析 推薦可以先去看下總結：vue解析總結 之前我們解析了mini-vue的響應式實現，和虛擬dom庫的實現，現在我們就來解析一下vue內部具體是如何做的，看看它在我們簡易實現上增加了什麼。 準備工作： 首先下載一份vue源代碼 地址：https://github.com/vuejs/vue 這個版本是2.6的，分析這個版本的原因： 到目前為止vue3.0正式

vue.js , 設計模式 , virtual-dom , compiler

hooray 頭像

Hooray - 十款推薦你卸載的 VSCode 擴展

前言 做為一個非常喜歡 VSCode 的前端開發者，加上自己又是一個有一點點潔癖的處女座，我是對那些還在推薦過時擴展的文章表示及其不屑的。 排除掉部分水文，我也能理解並不是所有人都願意經常關注自己安裝的擴展。但在 VSCode 擴展市場裏，存在着大量下載量特別高，但其實不應該再被使用的擴展。因為這些擴展有的可能作者已經不再維護了，或者有的已經被 VSCode 內置了。 但官方顯然是不會幫我們標註出

插件 , 擴展 , visual-studio-code , 開發工具 , 前端

powerful_simon 頭像

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

hai2007 頭像

你好2007 - v-solt 插槽（基礎使用、具名插槽、作用域插槽等）

基本使用 組件通過slot預留位置，使用組件的時候，可以通過傳遞具體的內容去替換slot佔用的地方，這就是插槽。 比如現在定義了一個組件： !-- simple-use.vue -- template div slot/slot /div /template 組件slot/slot佔用的位置具體內容不確定，需要使用的時候傳遞進來，我們就可以這樣使用： simple-use em

vue.js , htm , template.js , 前端 , Javascript

yeshifu 頭像

程序員老葉 - 有哪些適合外貿企業的 CRM 軟件推薦

在市場中佔據優勢，外貿企業需有效管理客户關係。客户關係管理軟件（CRM）成為這一關鍵任務的核心工具。但市場上CRM軟件種類繁多，選擇適合的軟件常讓企業困惑。本文將介紹三款適合外貿企業的CRM軟件，並分析其特點和優勢。 一、適合外貿企業的CRM軟件推薦 1. Zoho CRM 特點和優勢： Zoho CRM是一款性價比高的CRM軟件，提供全面的客户管理功能，適合各種規模的外貿企業。 多功能

人工智能 , android-studio

nidexiaoxiongruantangna 頭像

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

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

vue.js , yii , element-ui

fengliudeshanghen 頭像

風流倜儻的傷痕 - 索引與性能優化

title: 索引與性能優化 date: 2024/12/15 updated: 2024/12/15 author: cmdragon excerpt: 索引是數據庫性能優化的重要工具，通過建立索引，可以加速數據的檢索和查詢操作，從而提高數據庫的響應速度。雖然索引能顯著改善數據訪問性能，但不當的使用也可能導致性能下降。 categories: 前端開發 tags

swoole , php , JAVA , go , 後端

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

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

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

nanian_5cd6881d3cc98 頭像

那年 - foreach 返回undefined 留坑

封裝方法 獲取瀏覽器參數，但是使用了foreach 循環後，調用方法打印就是undefined 原代碼： export function getUrlParams(parNmae) { let pramSplitStr = location.hash.split("#/")[1].split("?")[1]; if(!pramSplitStr) return; let resul

foreach , Javascript

Itstars 頭像

新茶十九 - 高德地圖在 Web 端的兩大核心渲染技術：WebGL 和 Canvas

高德地圖在 Web 端的兩大核心渲染技術：WebGL 和 Canvas。 這是一個關於底層渲染引擎的選擇，直接影響地圖的性能、效果和兼容性。簡單來説，這是一個 “增強模式” vs “兼容模式” 的關係。 🆚 核心區別對比 特性 WebGL 渲染 (高級模式) Canvas 2D 渲染 (兼容模式)

vue.js , API , 3d , webgl , 前端開發