前端開發問題整理

来源:https://www.cnblogs.com/svipzhouwc/archive/2023/02/10/17108199.html
-Advertisement-
Play Games

圖片資源,在我們的業務中可謂是占據了非常大頭的一環,尤其是其對帶寬的消耗是十分巨大的。 對圖片的性能優化及體驗優化在今天就顯得尤為重要。本文,就將從各個方面闡述,在各種新特性滿頭飛的今天,我們可以如何儘可能的對我們的圖片資源,進行性能優化及體驗優化。 圖片類型的選取及 Picture 標簽的使用 首 ...


1.表格滾動條未出現

  1.1增加v-if判斷

       1.2 使用key

       1.3 使用element-table的doLayout方法 this.$refs['refName'].doLayout()

2.表格最後一行固定在下方

  給最後一行增加樣式

  display:table-row;position:sticky;bottom:0;width:100%;

  其他就是樣式優化,組件的寬度貌似不相容==加了fixed好像有問題

3.重置數據

  this.$options====頁面一開始的數據,不變

  this.$data ====當前數據

  註意:data里的引用數據使用深拷貝,防止修改時修改了引用數據,造成this.$options.data()展示了當前數          據現象

  重置賦值:Object.assign(this.$data,this.$options.data());

4.uniapp打包失敗

  4.1 雲打包報錯:D:\software\HBuilderX\plugins\node\node.exe[48372]: c:\ws\src\util-inl.h:372: Assertion `!(n > 0) || (ret != nullptr)' failed

    參考:https://ask.dcloud.net.cn/question/116721

    替換node.exe的方法可以解決此問題

    路徑:HBuilderX\plugins\node

    node下載地址:https://nodejs.org/download/release/v12.22.1/ 版本請查看路徑下的詳細信息

    下載後,直接替換node.exe即可解決

  4.2 再次遇到問題時,註意查看node的版本,找到同一版本,再次替換

5.uniapp 圖片不顯示

  檢查是否使用的img標簽,將其替換成image標簽

6.electron安裝報錯

  指定代理

    npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/

7. npm i 報錯,完整性校驗失敗時,刪除package-lock.json。重新npm i

8. node 記憶體問題處理===方法2可用,不知道和1、3是否關聯

  方法1.NODE_OPTIONS=--max-old-space-size=8192

  參考資料:https://blog.csdn.net/wuyujin1997/article/details/122869951

  方法2.修改uniapp web伺服器的記憶體參數 https://www.cnblogs.com/hxke/p/17078901.html

  方法3.替換uniapp里的node文件,改為64位的


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 2023-02-10 一、redis提供了2個不同形式的持久化方式 1、RDB(Redis DataBase) 2、AOF(Append Of File) 二、RDB的定義 RDB是在指定的時間間隔內將記憶體中的數據集快照寫入磁碟,即Snapshot快照,它恢復時是將快照文件直接讀到記憶體里。 三、備份 ...
  • 大家都知道 MySQL 的數據都是保存在磁碟的,那具體是保存在哪個文件呢?MySQL 存儲的行為是由存儲引擎實現的,MySQL 支持多種存儲引擎,不同的存儲引擎保存的文件自然也不同。InnoDB 是我們常用的存儲引擎,也是 MySQL 預設的存儲引擎。本文主要以 InnoDB 存儲引擎展開討論。 ...
  • NineData 是多雲數據管理平臺(https://www.ninedata.cloud/),致力於讓每個人用好數據和雲。作為資料庫領域的技術創新團隊,面對這麼火ChatGPT,我們 NineData 的工程師也針對ChatGPT,做了一些關於資料庫領域的相關測試,測試結果,真的是智商狂飆。 ...
  • vuex是什麼? vuex是管理應用程式狀態,實現組件間通信的。 為什麼使用vuex? 在開發大型應用的項目時,會出現多個視圖組件依賴一個同一個狀態,來自不同視圖的行為需要變更同一個狀態。 在遇到以上問題,就要用到vuex,他能把組件的共用狀態抽取出來,當做一個全局單例模式進行管理,不管在何處改變狀 ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 很多前端都喜歡用 console.log 調試,先不談調試效率怎麼樣,首先 console.log 有個致命的問題:會導致記憶體泄漏。 為什麼這麼說呢? 用 Performance 和 Memory 工具分析下就知道了。 我們準備這樣一段代 ...
  • 1.【配置】應用版本號名稱有一個規則的字元串:1.0.0,規則是:大版本號,中版本號,小版本號。 2.【配置】應用版本號中的小版本號不能超過9,超過9的需要向上一個版本號進一(逢十進一)。 3.【配置】應用版本號是一個整數類型,最長10位,超過10位就會被自動轉化成字元串。 4.【配置】應用版本號和 ...
  • 函數: 一個被設計為執行特定任務的代碼塊 語法 通過function 關鍵詞定義,後面跟著其函數名稱,然後是一對圓括弧,圓括弧中可以定義一些函數的參數。沒有名稱的函數呢? 函數名稱可以包含字母、數字、下劃線、中劃線和美元符號(命名規則與變數命名一致)。 // 聲明一個函數 function fnNa ...
  • 回顧第一篇文章中談到的組件庫的幾個方面,只剩下最後的、也是最重要的組件庫的打包構建、本地發佈、遠程發佈了。 1 組件庫構建 組件庫的入口是 packages/yyg-demo-ui,構建組件庫有兩個步驟: 添加 TypeScript 的配置文件: tsconfig.json 添加 vite.conf ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...