收藏 / 列表

baby7_68bfdb7205674 頭像

baby7 - 博客的加載速度和大小的優化、優化再優化

0. 前言 最近對博客的加載速度和各種文件體積進行了優化，特此記錄一下 可以點擊七仔的博客測試我的博客速度 1. 基礎 1.1 圖片加載優化 對於非文章類的大圖片先進行一遍壓縮，使用各種壓縮網站就可以 然後對於各種圖片最好都轉換為為webp格式，相對於傳統格式能降低大小大概四成左右 1.2 gzip壓縮 gzip是針對文本類型進行壓縮的，例如html、js、css、txt等格式，可以在ng

vue.js , gzip , 雲存儲 , Nginx , 前端

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 - 🎉 Uni ECharts 2.0 正式發佈：原來在 uni-app 中使用 ECharts 可以如此簡單！

Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔：https://uni-echarts.xiaohe.ink Github：https://github.com/xiaohe0601/uni-echarts 🤓 為什麼選擇 Uni ECharts ？ 🚀 快速上手

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

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

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

bootstrap , tailwind-css , chrome-devtools

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 當我們進行性能優化，我們在優化什麼（LightHouse優化實操）

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_214 好的互聯網產品不僅僅在功能上要高人一籌，在性能層面也需要出類拔萃，否則金玉其外敗絮其中，頁面是美輪美奐了，結果首屏半天加載不出來，難免讓用户乘興而來，敗興而歸。 幸運的是，前端的性能優化有諸多有跡可循的理論和方法，其中相對權威的，無疑是LightHouse。 LightHouse 是一個開源的自動化工具，它作為 Chrom

性能優化 , lighthouse , 前端優化 , 優化 , 前端

invalidnull 頭像

註銷 - 關於 PWA url 參數 ngsw-bypass=true

"ngsw-bypass-true" 這個參數是與 Angular Service Worker (ngsw) 相關的一個選項，用於控制在 Service Worker 中是否繞過緩存，直接請求網絡資源。在 Angular 應用中，Service Worker 主要負責緩存應用的靜態資源，以提高應用的性能和用户體驗。 首先，讓我們瞭解一下 Angular Service Worker 的基本概念。

ecmascript-6 , pwa , typescript , 前端 , Javascript

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

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

u_9849794 頭像

子丶不語 - 前端技巧：檢測到省略號文本自動顯示 Tooltip

在前端開發中，我們經常會遇到接口返回的文本內容過長，無法完全顯示的問題。為了處理這一問題，通常會設置固定的寬度並使用省略號樣式（text-overflow: ellipsis）來隱藏超出的文本。然而，有時產品需求還希望用户能夠通過懸停查看完整內容，這時就需要引入 Tooltip 進行展示。（沒被省略的時候不要顯示Tooltip） // tailwind的樣式單行省

自定義 , Css , 代碼實現 , 前端開發 , 省略號 , 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

powerful_simon 頭像

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

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

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

yeshifu 頭像

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

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

vue.js , chrome-devtools

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

京東雲開發者 - Dubbo架構設計與源碼解析（二） 服務註冊

作者：黃金 一、Dubbo簡介 Dubbo是一款典型的高擴展、高性能、高可用的RPC微服務框架，用於解決微服務架構下的服務治理與通信問題。其核心模塊包含 【RPC通信】 和 【服務治理】 ，其中服務治理又分為服務註冊與發現、服務容錯、負載均衡、流量調度等。今天將重點介紹Dubbo的服務註冊與發現。 二、SPI機制 在介紹服務註冊發現之前，先簡單介紹一下貫穿整個Dubbo源碼，也是Dubbo實現自適

源碼學習 , 服務註冊 , dubbo , 微服務 , 架構設計

tanking 頭像

TANKING - 原生JavaScript實現的SPA單頁應用（hash路由）

什麼叫做SPA單頁應用 單頁Web應用 （single page web application，SPA） ，就是隻有一張Web頁面的應用，是加載單個HTML 頁面並在用户與應用程序交互時動態更新該頁面的Web應用程序。 單頁應用的説法是在JavaScript和AJAX技術比較成熟以後才出現的，指的是通過瀏覽器訪問一個網站時，只需要加載一個入口頁面，此後顯示的內容和數據都不會再刷新瀏覽器頁面。有了

vue.js , 單頁應用 , 路由 , spa , Javascript

shuirongshui 頭像

水冗水孚 - fastify-sse-v2搭配EventSource實現SSE中的AI流式回覆打字機效果

本文不贅述具體概念，通過具體案例效果，學習sse （Server-SentEvents）的具體實現，以react框架為例 SSE具體應用場景 SSE（Server-Sent Events，服務器推送事件）是一種基於 HTTP 的單向實時通信協議，核心特點是服務器主動向客户端推送數據，客户端僅被動接收，無需頻繁輪詢，且天然支持斷線重連、事件標識等特性。其應用場景主要集中在 “服務器需主動向客户端推送

fastify , fetch , chunked , sse

refanbanzhang 頭像

熱飯班長 - 使用form-data的content-type上傳文件問題

問題 當後端需要我們上傳文件時，一般會用form-data的類型。 接口文檔像這樣： 目標是發出這樣一個請求： 代碼示例 // file從input為file的輸入框獲取 const formData = new FormData(); formData.append('code', 'xxx') formData.append('index', "xxx"); formData.

formdata , 文件上傳 , fetch , 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

Itstars 頭像

新茶十九 - webstorm保存自動prettier格式化

在 WebStorm 中配置保存時自動使用 Prettier 格式化代碼，能有效統一代碼風格。以下彙總了關鍵的配置方法和注意事項。 配置步驟 關鍵操作 説明/參考 ① 安裝 Prettier 在項目根目錄執行 npm install prettier --save-dev

code , 根目錄 , 代碼風格 , 前端開發 , Javascript

hsr2022 頭像

後山人 - 穿越週期：堅持使用 PHP 的感悟與選擇的哲學

穿越週期：堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界，PHP 似乎每年都要經歷一次“死亡”的預言，但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言，這不僅僅是一種技術選擇，更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，闡述 PHP 如何在現代化浪潮中，憑藉其

vue.js , MySQL , 小程序 , php , 教程

opentiny 頭像

OpenTiny社區 - 實戰解析前端優化工具Performance面板！

一、背景 關於Performance面板的基礎用法介紹，可參考上一篇文章《“Performance面板”一文通，解鎖前端性能優化工具基礎用法！》。文章中還從一個HTTP請求的四階段的角度來介紹Performance圖的"觀看方式"，並重點介紹了worker線程跟主線程的協作關係 本篇文章中，我們將會以一個實際網頁 ——VPC列表頁為例，介紹Performance抓圖及分析的過程，並將上一篇文章中介

性能優化 , 前端

u_15967048 頭像

農民工前端 - JWT 解碼中的中文字符問題解決

最近在開發一個基於 JWT（JSON Web Token）的身份驗證功能時，我遇到了一個讓人頭疼的問題：解碼後的 JWT 中的中文字符顯示為亂碼。經過一番折騰，終於找到了解決方案。 問題背景 JWT 是一種用於在網絡應用之間安全傳遞信息的開放標準（RFC 7519）。它由三部分組成： Header（頭部）：描述簽名算法和令牌類型。 Payload（載荷）：包含實

vue.js , 字符串 , 中文字符 , ci , 前端開發