收藏 / 列表

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

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

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

蓋亞 - 解決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 - 🥳 Uni ECharts 2.1 發佈:正式支持鴻蒙,零成本遷移、全平台兼容、跨端開發零負擔!

Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件,無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔:https://uni-echarts.xiaohe.ink Github:https://github.com/xiaohe0601/uni-echarts 🏝️ 背景 🎵 “本來應該從從容容遊刃有餘,現在是匆匆忙忙連

vue.js , uni-app , echarts , typescript , 前端

你好啊你好 - 邊緣吸附組件(vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

OpenTiny社區 - 告別代碼焦慮,單元測試讓你代碼自信力一路飆升!

本文由體驗技術團隊董福俊原創。 背景 一次偶然,我看到了 Kent C. Dodds 的文章中的一個觀點:寫測試代碼的原因,是為了獲得對自己代碼的信心。我覺得深有感觸,於是翻看了kent的所有文章,結合我自己的開發體會,總結了一些關於前端單元測試的觀點。 認識單元測試 單元測試是什麼? 單元測試(UT)是測試系統中的一環,測試系統還包含很多其它環,例如:端到端測試E2E、集成測試Integrati

單元測試 , 開源 , 前端

wszgrcy - ngx-formly的代替品piying-view

如果你正在使用 ngx-formly,或正在尋找一個更靈活、更現代、更易擴展的表單解決方案,那麼 piying-view 可能是你值得嘗試的下一代選擇。 📌背景 ngx-formly 是一個非常優秀的表單抽象庫 但隨着項目複雜度上升,我發現它在一些方面上存在侷限性.所以我基於 ngx-formly 的核心理念,進行了相關改進,並支持了更多功能,實現了piying-view 🚀改進

angular , form , jsonschema , typescript , 前端

奔放的炒粉 - 培養理性的技術文化

企業文化對技術決策具有深遠的影響。培養理性的技術文化,可以有效降低過度追求新技術帶來的風險。管理層應當倡導一種謹慎創新、穩步推進的技術文化,避免企業盲目追風。 在實踐中,企業可以通過定期培訓、技術沙龍、內部分享會等方式,引導技術人員客觀、理性地看待新技術,強調技術選型以穩定性和長期價值為首要考量。例如谷歌通過定期舉辦技術分享會,鼓勵工程師分享技術實踐與反思,營造了健康的技術文化氛圍。 六、參考行業

bootstrap , tailwind-css , chrome-devtools

熱飯班長 - 當從localStorage中獲取數據時,如何做異常處理?

提出問題 下面的代碼在有初始值的情況下,能夠工作的很好,但是當localStorage中存在非法的數據時就會拋出異常,如果你的程序沒有做好異常處理,就會崩潰。 const todosStr = localStorage.getItem('todos') const todos = JSON.parse(todosStr) 分析問題 能夠拋出異常的位置在JSON.parse,當JSON.parse解

localstorage , 前端 , Javascript

京東雲開發者 - Java對象拷貝原理剖析及最佳實踐

作者:寧海翔 1 前言 對象拷貝,是我們在開發過程中,繞不開的過程,既存在於Po、Dto、Do、Vo各個表現層數據的轉換,也存在於系統交互如序列化、反序列化。 Java對象拷貝分為深拷貝和淺拷貝,目前常用的屬性拷貝工具,包括Apache的BeanUtils、Spring的BeanUtils、Cglib的BeanCopier、mapstruct都是淺拷貝。 1.1 深拷貝 深拷貝:對基本數據類型進行

編程 , spring , JAVA , apache , 對象

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

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

fastify , fetch , chunked , sse

劉悦的技術博客 - 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

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

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

移動端web

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

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

人工智能 , android-studio

ThinkPHP - 【小編推薦】ThinkPHP3.x基礎管理系統

https://download.notestore.cn/2020/05/12/tpcms-master/

thinkphp

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

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

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

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

農民工前端 - 動態生成 CSS 工具類:CSS函數實現 `pad20-top`、`pad40-bottom` 等靈活樣式

在前端開發中,經常需要為元素設置不同的 padding 或 margin 值。如果每次都手動編寫 CSS 類,不僅效率低下,還容易出錯。為了提高開發效率,可以通過 CSS 預處理器(如 Sass 或 Less)動態生成工具類,例如 pad20-top、pad40-bottom 等。 本文將詳細介紹如何通過 Sass 或 Less 實現這一功能,並探討其擴展性和應用場景。 需

vue.js , sass , less , ci , 前端開發

Java陳序員 - 替代 JIRA!一款功能強大的開源項目管理工具!

大家好,我是 Java陳序員。 在團隊開發項目的時候,常常會使用到項目管理工具,方便跟蹤項目進度、團隊協作以及文檔整理等。 今天,給大家介紹一款功能強大的開源項目管理工具,可替代 JIRA! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 openproject —— 一個功能強大的開源項目管理軟件,適用於團隊協作、敏捷開發和項

ruby-on-rails , angular , MySQL , postgresql , Docker

後山人 - Raise Admin (鋭智後台管理系統): 重新定義 PHP 後台開發效率與安全

Raise Admin (鋭智後台管理系統):重新定義 PHP 後台開發效率與安全 嘿,各位 PHP 和 Vue 社區的開發者朋友們! 你是否曾深陷於一遍又一遍搭建後台管理的重複勞動中? 是否為確保系統的權限和數據安全而絞盡腦汁? 是否夢想着能有一款工具,讓你專注於核心業務邏輯,而不是繁瑣的底層架構? 今天,我們向你隆重介紹 Raise Admin (鋭智後台管理系統) —— 一款基於

vue.js , php , Javascript