tag Web

標籤
貢獻162
264
08:00 AM · Jan 01 ,1970

@Web / 博客 RSS 訂閱

William886 - Lighthouse檢測出CLS(Cumulative Layout Shift)過高如何修復:全面指南

引言 在Web性能優化中,CLS(Cumulative Layout Shift,累積佈局偏移) 是衡量頁面視覺穩定性的核心指標之一。Lighthouse將其列為“良好用户體驗”的關鍵指標(目標CLS≤0.1),過高的CLS會導致用户誤點、閲讀中斷,嚴重影響留存率。本文將系統剖析CLS的成因,提供多場景修復方案,並通過完整代碼實現驗證優化效果。 技術背景 CLS

佔位符 , 軟件研發 , 私藏項目實操分享 , 加載 , Web

收藏 評論

mob64ca140f67e3 - KnockoutJS - 組件( Components)

你是否在開發複雜Web應用時遇到過組件加載緩慢、數據更新卡頓的問題?本文將從Knockout.js組件系統的底層實現出發,結合Web Components規範,提供一套可落地的性能優化方案,幫助你構建響應更快、用户體驗更優的現代Web應用。讀完本文,你將掌握組件懶加載策略、內存管理技巧以及渲染優化方法,讓你的Knockout應用在複雜場景下依然保持流暢。 Knockout組

加載 , Knockout , 前端開發 , Javascript , Web

收藏 評論

數據分析大師 - Spring MVC與RESTful API什麼區別

springmvc 概述 springmvc定義 基於spring的一個框架,實際上就是spring的一個模塊,專門是做web開發的,理解為servlet的升級。web開發底層是servlet,框架是在servlet基礎上面加入一些功能,讓開發更方便。

spring , 雲計算 , JAVA , 雲原生 , mvc , Web

收藏 評論

mob64ca13f8eecb - Stable Diffusion 原理介紹與源碼分析(一)_51CTO博客

Stable Diffusion Web UI作為當前最受歡迎的AI繪畫工具之一,其背後的擴散模型技術讓無數用户能夠輕鬆創作出驚豔的視覺作品。本文將深入解析Stable Diffusion擴散模型的核心原理,並分享實用的優化策略,幫助您充分發揮這一強大工具的潛力。 🎨 擴散模型基礎原理 擴散模型是當前生成式AI領域的核心技術,其工作原理基於兩個關鍵過程:前向

隨機噪聲 , Css , 前端開發 , HTML , ui , Web

收藏 評論

墨染青絲 - sentry在哪看sourcemap

一、開發前的準備 1.在裝有Windows 2000或者Windows XP Professional的機器上安裝.Net Framework SDK、Visual Studio.Net、Visual Source Safe6C。(如果用户操作系統是Windows .Net Server,則無須安裝.Net Framework SDK,.Net Server自帶的IIS 6

機器學習 , sentry在哪看sourcemap , 數據庫 , 人工智能 , Visual , Web

收藏 評論

雲端築夢師 - 深度學習pr計算公式

這個學期選了數據挖掘的課程,期末要做一個關於鏈接分析算法的報告,這是PR算法的小結。 PageRank 這個學期選了數據挖掘的課程,期末要做一個關於鏈接分析算法的報告,這是PR算法的小結。 算法 PR算法基於等級權威的思想,及不僅考慮指向該網頁的鏈接數,同時也考慮指向該網頁網站的重要程度。 PR算法是一種靜態的網頁評級方法,因為它為每個網

深度學習pr計算公式 , 馬爾科夫鏈 , 人工智能 , 深度學習 , 概率分佈 , Web

收藏 評論

數碼精靈abc - cordova入門基礎教程及使用中遇到的一些問題總結_javascript技巧

適用場景: App 啓動後白屏、不渲染 Web 內容。 頁面偶發白屏、資源加載失敗,卻難以復現。 想在 HarmonyOS 設備上像在瀏覽器那樣調試 Web(查看 console、Network 等)。 從 ArkTS + Cordova + ArkWeb 三層,構建一套可落地的

加載 , Css , 前端開發 , HTML , 前端 , Web

收藏 評論

Surma - The State Of Web Workers In 2021

I’m weary of always comparing the web to so-called “native” platforms like Android and iOS. The web is streaming, meaning it has none of the resources locally available when you open an app for the

Tools , Apps , Web

收藏 評論

beckyyyy - 編譯wasm Web應用

剛學完WebAssembly的入門課,賣弄一點入門知識。 首先我們知道wasm是目標語言,是一種新的V-ISA標準,所以編寫wasm應用,正常來説不會直接使用WAT可讀文本格式,更不會用wasm字節碼;而是使用其他高級語言編寫源代碼,經過編譯後得到wasm應用。課程中使用了C++來編寫源代碼,所以這裏我也用C++來編寫demo。 wasm的運行環境主要分為兩類,一類是Web瀏覽器,另一類就是out

emscripten , wasm , webassembly , Javascript , Web

收藏 評論

圖撲物聯 - 讓 KEPServer 變成一款 Web 組態軟件

KEPServerEX 是行業領先的連接平台,用於向您的所有應用程序提供單一來源的工業自動化數據。該平台的設計使用户能夠通過一個直觀的用户界面來連接、管理、監視和控制不同的自動化設備和軟件應用程序。 TopLink是圖撲物聯推出的一款針對工業物聯網邊緣側應用場景的輕量型 Web 組態軟件,內置了基於 HTML5 標準的組態編輯器,用户可以通過拖拉拽的方式繪製網頁形式的圖形畫面。 TopLi

toplink , server , mqtt , html5 , Web

收藏 評論

今晚加個牛腿吃 - Spring和其他Java開發框架相比有什麼優勢?

Spring 作為 Java 生態的主流框架,相較於其他 Java 開發框架(如 Struts、Hibernate、EJB、Quarkus 等),其優勢體現在生態完整性、設計理念先進性、開發效率、靈活性與適配性等多個維度,具體對比分析如下: 一、對比傳統重量級框架(EJB):輕量級 + 低侵入性 EJB:早期 Java EE 的企業級組件模型,需依賴 EJB

orm , 後端開發 , JAVA , Web

收藏 評論

遠方的遠 - Nginx 快速集成免費 WAF

OpenResty 是一個基於 Nginx 和 LuaJIT 的全功能 Web 應用服務器,它提供了一種強大而靈活的方式來構建和擴展 Web 應用服務器,同時保持了 Nginx 的高性能和可靠性。OpenResty 是 APISIX、Kong、Ingress Nginx 等網關類產品的基礎,因此 OpenResty 及其衍生產品非常適合作為 WAF 防護的統一入口。 本次使用的免費WAF主要用了雷

運維 , waf , openresty , Nginx , Web

收藏 評論

mob64ca13fd559d - Empty Views Activity 開發一個簡單程序

隨着智能手機的不斷普及,Adroid、IOS APP應用越來越多,不僅方便和豐富了我們的生活,同時也讓許多企業都想在移動端分得一杯羹或者為自己的企業開發一個手機應用,但通常這些企業可能沒有自己的技術團隊,所以必須外包,但外包的費用動輒5k,甚至幾萬的費用,又讓這些企業望而卻步。所以今天小編為大家整理了一些國內外優秀的可以幫助您快速開發手機APP應用的平台和框架。 第一類:工

機器學習 , mobile , 人工智能 , 開放平台 , Web

收藏 評論

kevinyan - Go Web 編程--超詳細的模板庫應用指南

模板庫介紹 如果你有過Web編程的經驗,那麼或多或少都聽説過或者使用過模板。簡而言之,模板是可用於創建動態內容的文本文件。例如,你有一個網站導航欄的模板,其中動態內容的一部分可能是根據當前用户是否登錄顯示登錄還是退出按鈕。 Go提供了兩個模板庫text/template和html/template。這兩個模板庫的使用方式是相同的,但是html/template包在渲染頁面模板時會在後台進行一些編碼

實踐 , 模板引擎 , go , Web

收藏 評論

編程小匠人 - element plus 造成內存泄漏

一、寫在前面 js中的內存垃圾回收機制:垃圾回收器會定期掃描內存,當某個內存中的值被引用為零時就會將其回收。當前變量已經使用完畢但依然被引用,導致垃圾回收器無法回收這就造成了內存泄漏。傳統頁面每次跳轉都會釋放內存,所以並不是特別明顯。 Web App 與 傳統Web的區別,因為Web App是單頁面應用頁面通過路由跳轉不會刷新頁面,導致內存泄漏不斷堆積,導致頁面卡頓。

機器學習 , app , 事件監聽 , element plus 造成內存泄漏 , 人工智能 , Web

收藏 評論

Aceryt - 使用Docker 運行微信 PC 客户端

docker-wechat:在Docker中運行微信,輕鬆實現Web或VNC訪問 項目介紹 docker-wechat 是一個在 Docker 容器中運行微信的應用程序,用户可以通過 Web 或者 VNC 的方式訪問微信,無論是在桌面還是在移動設備上,都可以方便地使用微信進行交流。 項目技術分析 docker-wechat

微信 , 雲計算 , Docker , Web

收藏 評論

smalike - 不可不知的 WEB 前端網站優化—— 雅虎 34 條軍規

不可不知的 WEB 前端網站優化—— 雅虎 34 條軍規 不得不説現在依然適用於大部分的網站 當年雅虎推薦了一套優化網站加載速度的34條法則(包括Yslow規則22條),以下是詳細説明。 1. Minimize HTTP Requests 減少 HTTP 請求 圖片、css、script、flash 等等這些都會增加 http 請求數,減少這些元素的數量就能減少響應時間。把多個JS、CSS在可能

前端優化 , 前端性能 , 前端 , Web

收藏 評論

3SWorld - Web服務常用的幾種開發方法

1.概述 Web服務,即通過程序實現網頁服務,服務啓動後,一般用户可通過訪問URL獲取到網站提供的網頁服務,如網頁瀏覽、留言、商品購買等。開發Web服務的技術有很多,有Java、Python、ASP.NET、腳本語言等,其中常用的腳本語言有ASP、ASPX、JSP、PHP。下面對這些Web服務開發技術作一個簡單介紹。 開發技術 推出年代 文件後綴 發展趨勢

developer , backend , frontend , service , Web

收藏 評論

註銷 - 用SAP WebIDE將CRUD Master-Detail應用打包成Hybrid App

登錄api.sap.com, 找到自己想用ABAP調用的API: API References裏,點擊Code Snippt, 即可看到API Hub自動生成的使用ABAP調用該API的代碼: 在SAP WebIDE裏,選擇Tools-Preferences, 啓用Hybrid App Toolkit: 選擇WebIDE裏的Master-Detail應用文件夾,右鍵菜單裏選擇Mobile

hybrid-app , saprfc , sap , abap , Web

收藏 評論

找到Web - 離線WebApp之序章

PWA(Progressive Web App) 的概念相信很多人都不陌生,但真正去應用 PWA 的網站確是少之又少,而應用了 PWA 並不等於就是離線WebApp,很多網站雖然用了PWA,但也僅僅是為了加快網站打開速度,並沒有完整的實現一個離線WebApp 離線WebApp,顧名思義,即使斷網也能夠正常使用的網頁,會有點難以想象,可以親自體驗一下:https://geek4.wuchen.org

pwa , 離線應用 , Web

收藏 評論

找到Web - PWA的業務價值

漸進式WebApp,在很多公司的發展藍圖上,緊跟現代瀏覽器的腳步,以適應用户預期。像所有新的概念和技術功能一樣,它們會產生問題:這是不是我的客户需要的?它會如何提升我的業務?技術可行性怎麼樣? 為了制定一些數字化的戰略,需要幾個利益相關者參與:產品經理、CTO,UX調研人員。產品經理關心每一個功能的業務價值,CTO關心技術的可行性和可靠性,UX調研人員關心功能是否可以解決客户問題。 這篇文章旨在

pwa , Web

收藏 評論

點墨 - 使用gulp上傳打包文件到服務器

項目是使用create-app-rewired生成的react項目,使用gulp自動上傳打包文件到服務器,建議只在測試環境和模擬環境使用。 1.安裝gulp,gulp-ssh包 2.編寫腳本 3.修改config-overrides.js,將打包文件分環境生成 4.編寫gulp配置文件gulpfile.js const { src, task, series } = r

gulp , 部署 , 打包 , 前端 , Web

收藏 評論

openEuler - Memcached 1.5.12 移植指南(openEuler 20.03 LTS SP1)

Memcached 1.5.12 移植指南 介紹 簡要介紹 Memcached是LiveJournal旗下Danga Interactive公司以Brad Fitzpatric為首開發的一款高性能分佈式內存對象緩存系統,通過緩存數據庫查詢結果,減少數據庫訪問次數,來提高動態Web應用的訪問速度、提高可擴展性。 Memcached的官方鏈接:https://memcached.org/ 開發語言:C

數據庫 , Centos , 開源 , memcached , Web

收藏 評論

可視化PaaS開發 - 好用的Web前端開發工具推薦

前端Web開發工具實際上是讓前端開發人員更高效輕鬆地構建前端佈局的軟件。在這些工具的幫助下,前端重複的工作變得簡單,從而加快了Web開發過程。 有許多前端Web開發工具可以滿足各種特定需求,例如HTML,CSS和JavaScript工具,代碼編輯工具,部署工具,原型和線框圖工具,安全工具等等。但是選擇適合自己項目的工具,必須對工具有所瞭解。 下面我們就介紹一些主流的Web前端開發工具: Vue.j

前端工程師 , 前端設計 , 前端 , Javascript , Web

收藏 評論