收藏 / 列表

baby7_68bfdb7205674 頭像

baby7 - Vue視差標題背景

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

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

gaiya_68f1e7ba5b140 頭像

蓋亞 - 解決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 頭像

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

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

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

工具 , 小説

wszgrcy 頭像

wszgrcy - 通用表單解決方案---皮影

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

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

benfangdechaofen 頭像

奔放的炒粉 - 主動溝通和透明管理

透明溝通是有效管理客户期望的關鍵。項目經理需要定期與客户溝通，及時反饋項目進展，報告任何潛在問題，並調整項目目標或時間表，以確保客户對項目的期望保持現實和合理。 定期進度彙報在項目執行過程中，項目經理應定期向客户提供項目進度報告。這些報告不僅應包括完成的任務和里程碑，還應提供項目當前的挑戰和風險，幫助客户瞭解項目的真實狀態。這種透明的進度彙報能夠及時消除客户對項目進度的疑慮，並確保客户的期望始終與

fiddler , bootstrap , tailwind-css

liuyue_5e7eb6745e089 頭像

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

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

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

invalidnull 頭像

註銷 - 移動終端和自助終端的區別

在現代火車站中，旅客取票的方式主要分為兩種：移動終端和自助終端。這兩種方式各具特點，適應不同的場景和需求。 移動終端 移動終端通常指的是可以隨身攜帶的設備，如智能手機或平板電腦。火車站使用移動終端允許旅客通過移動應用或網站進行操作，如購票、查詢信息和電子取票等。 特點： 便捷性：旅客可以在任何地點，只要有網絡連接，就能完成操作，無需到特定地點排隊等候。 個性化服務：應用程序能夠根據旅客的歷史

移動端web

qfifteen 頭像

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

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

vue.js , 代碼規範 , 前端

heath_learning 頭像

heath_learning - uni-app自定義密碼輸入框

最近在用uni-app開發時遇到一個類似微信支付的密碼框需求，要求：用户輸入密碼後自動向後跳轉一個輸入框，並且獲得焦點，直到輸入完畢。用户刪除時，刪除完當前輸入框的內容，再按一個“退格/刪除”鍵，則自動往前跳一個輸入框，並將其內容刪除。 效果如： 實現思路 有且只能有一個input輸入框 如果採用一個方框用一個input輸入框，在模擬器裏沒有什麼問題，但在真實的手機中會

input , 輸入框 , vue.js , 混合app , uni-app

u_9849794 頭像

子丶不語 - 用好 CSS 的三角函數，讓佈局更聰明

在日常開發中，我們經常用calc()、var()來讓樣式變得動態可控。但其實，CSS 還能做更“數學化”的計算——從 CSS Values Level 4 開始，瀏覽器支持了sin()、cos()、tan()等三角函數。 這意味着，我們在樣式中，也能像在 JavaScript 裏那樣，直接用角度計算出幾何關係，讓佈局、動畫更自然、更精準。 一、CSS 三角函數是什麼？

三角函數 , Math , Css , 前端開發 , HTML

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

yeshifu 頭像

程序員老葉 - CRM系統如何實現營銷服務一體化

隨着數字化轉型的深入，企業在營銷和服務領域的需求日益複雜化。傳統的營銷和服務往往是分離的，導致客户體驗斷層、數據孤島以及資源浪費等問題。而CRM（客户關係管理）系統作為企業數字化的核心工具，正逐步成為實現營銷服務一體化的關鍵。本文將詳細探討CRM系統如何幫助企業實現營銷與服務的無縫銜接，從而提升客户體驗和企業競爭力。 一、什麼是營銷服務一體化？ 營銷服務一體化是指將企業的營銷活動與客户服務流程進行

chrome , Javascript

nidexiaoxiongruantangna 頭像

ThinkPHP - 2024年前端面試題

Angular 2--03 高級應用.pdf： https://download.notestore.cn/s/2227/2024/前端PDF學習文檔/Angular 2--03 高級應用.pdf JavaScript03 面向對象編程.pdf：https://download.notestore.cn/s/2227/2024/前端PDF學習文檔/JavaScript03 面向對象編程.pdf L

angularjs , vue.js

jdcdevloper 頭像

京東雲開發者 - Mybatis源碼解析之執行SQL語句

作者：鄭志傑 mybatis 操作數據庫的過程 // 第一步：讀取mybatis-config.xml配置文件 InputStream inputStream = Resources.getResourceAsStream("mybatis-config.xml"); // 第二步：構建SqlSessionFactory(框架初始化) SqlSessionFactory sqlSessionFac

源碼學習 , 數據庫 , SQL , 程序員 , Mybatis

tanking 頭像

TANKING - jQuery國內大廠CDN加速鏈接

摘要 jQuery 的CDN有很多，但都很不穩定，例如國內的 bootcdn 經常抽風，還有其他的常見的例如 jQuery 官方的 code.jquery.com、jsDeliver、unpkg.com、staticfile，這些都是經常抽風的。導致使用了線上的CDN的頁面打開受到影響，那麼就沒有國內好用的CDN嗎？下面是我彙總的一些大廠的！ 大廠jQuery靜態資源CDN 百度 https://

cdn , jquery , jq , 前端 , Javascript

shuirongshui 頭像

水冗水孚 - vue3中實現live2D技術的應用虛擬角色數字人live2d-render、pixi-live2d-display

什麼是live2D技術？可以用來做什麼？ 請點擊看效果：http://ashuai.work:8890/#/16 簡而言之： 可以用來創建虛擬角色、數字人的技術 達到類似於動漫、插畫、遊戲中的人物效果 可動作交互、語音發聲 可以用到的平台很多，比如Web、Native、Unity、遊戲引擎、JAVA等平台 就前端而言，3D項目使用threejs，2D項目使用pixijs 所以，pix

虛擬現實 , vue3 , canvas , Javascript

refanbanzhang 頭像

熱飯班長 - 關於Github Pages部署SPA應用後，刷新路由404的問題

原因 Github Pages無法處理history模式的前端路由。 解法 方案1 藉助meta標籤 // index.html script (function(){ var redirect = sessionStorage.redirect; delete sessionStorage.redirect; if (redirect redirect != lo

github-pages , 前端 , html5 , Javascript

aresn 頭像

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

Itstars 頭像

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

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

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

opentiny 頭像

OpenTiny社區 - TinyEditor v4.0 alpha：表格更強大，表情更豐富，上傳體驗超乎想象！

本文由體驗技術團隊Kagol原創，個人公眾號：前端開源星球。 TinyEditor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 源碼：https://github.com/opentiny/tiny-editor 官網：https://opentiny.github.io/tiny-editor 對於富文本編

富文本編輯器 , 開源 , 前端

hsr2022 頭像

後山人 - 洞察：低代碼與零代碼的本質區別及其對企業級開發的影響

在數字化轉型的浪潮中，低代碼（Low-Code）和零代碼（No-Code）平台因其承諾的效率提升而備受關注。然而，兩者並非同義詞，它們在目標用户、所需技能、應用場景和定製化能力上存在本質區別。 本文將詳細闡述低代碼和零代碼的核心差異，分析它們各自的侷限性，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，説明其如何通過“代碼生成 + 專業編碼”的混合模式，為企業級應用提供一個超越兩者侷

小程序 , php , Javascript

u_15967048 頭像

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

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

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