tag 程序員

標籤
貢獻214
294
05:15 PM · Oct 25 ,2025

@程序員 / 博客 RSS 訂閱

Winn - vue性能優化之異步組件和路由懶加載

今天來聊聊vue2的性能小優化之異步組件跟路由懶加載 一、組件優化 目前代碼塊中包含了兩個子組件,它們在符合條件的情況下才會渲染,採用了最基礎的方式進行導入。 頁面刷新後會加載五個文件,在點擊顯示兩個組件時,只會新增一個文件,加載的是element的字體文件,也就是説在頁面初始化時就已經加載了組件文件。 現在我們把它改寫成異步組件,再來做個對比: 當我們點擊顯示組件時,控制枱會新增一個請求

編程 , vue.js , 前端優化 , 圖片上傳 , 程序員

收藏 評論

Winn - 一個讓vue開發效率翻倍的小工具

分享一個很實用的工具庫 VueUse,它是基於 Vue Composition Api,也就是組合式API。支持在Vue2和Vue3項目中進行使用,據説是目前世界上Star最高的同類型庫之一。 它的初衷就是將一切原本並不支持響應式的 JS API 變得支持響應式,省去程序員自己寫相關代碼。 官方地址:https://vueuse.org/ 中文地址:https://www.vueusej

vue.js , 開發工具 , 前端工程師 , 程序員 , 前端

收藏 評論

Winn - 簡易聊天室【NestJS+Socket.io】

用過nestjs的前端小夥伴都會覺得,它是一個好用但不火的框架。不火的原因是它和springBoot風格近似,但是相比較spring的生態,nestjs還是太弱了,對於純後端人員來説確實不夠用。 但如果是單純的前端開發人員用過nestjs就會覺得比較驚豔,不僅前後端可以一把擼,且從中可以學習到後端的知識體系。 今天本文帶來前端使用Vue3 + TS,後端使用NestJS+Socket.io練手的簡

socket.io , 聊天室 , 程序員 , nestjs , 即時通訊

收藏 評論

湯卜 - 系統莫名崩潰:日常Runtime.exec()創建進程不管理的系統崩潰隱患

前言 Runtime.exec()創建用的過於頻繁,而進程有一套複雜的管理模式註定新啓的進程並不可以直接忽略不管。在執行常駐進程的時候必須對新建進程加以管理。生產環境過量資源的浪費、阻塞會導致程序卡死系統崩潰。 以下是本文創建進程的實踐: 複雜系統命令使用字符串數組傳遞參數 生產環境進程關閉標準輸入輸出、新建進程必須及時處理流的緩衝區。 java創建進程必須調用process.waitFo

操作系統 , 進程 , JAVA , 崩潰分析 , 程序員

收藏 評論

冰河 - 如何將電腦上的“小電影”隱藏為一張圖片?這波操作絕了!!

大家好,我是冰河~~ 最近,有很多小夥伴想跟我學滲透。平時時間確實太忙了,除了要研發公司項目外,寫公號,寫博客,錄視頻,寫書稿,維護開源項目,幾乎佔據了我全部的業餘時間。目前確實沒有太多的時間教大家,今天,就暫時給大家分享一個小技巧吧,如何徹底隱藏電腦中的“小電影”,讓你的女朋友再也不能發現你電腦中的小秘密! 實現效果:你女朋友打開文件是一張圖片,你打開卻是各種“小電影”~~ 好了,我們開始吧!

滲透測試 , 視頻 , 圖片 , 程序員 , 知識體系

收藏 評論

LigaAI - SaaS 出海,如何搭建國際化服務體系?(三)

防噎指南:這可能是你看到的乾貨含量最高的 SaaS 出海經驗分享,請準備好水杯,放肆食用(XD。 當越來越多中國 SaaS 企業選擇開啓「國際化」副本,出海便儼然成為國內 SaaS 的新·角鬥場。 LigaAI 觀察到,出海浪潮助生了許多「Day One 就做國際化」的產品和團隊,而出海大軍中也不乏在國內已經完成 PMF 的熟悉面孔。一個主要由中國人構成的團隊在推進海外產品落地的過程中,可能

創業公司 , 遠程工作 , saas , 程序員 , 異步

收藏 評論

倔強的鉛筆 - 深入探討Node.js文件寫入:逐步教程

文件寫入是 Node.js 中的一項重要任務,它允許你將數據保存到本地文件系統中,供後續使用。這個功能在許多應用中都有廣泛的應用,包括數據備份、日誌記錄、配置文件更新等。在本文,我們將介紹如何在 Node.js 中執行文件寫入操作,提供基本概念、常用方法、使用場景和實踐案例。 基本概念 在開始之前,讓我們先了解一些基本概念。 文件系統模塊 Node.js 提供了內置的文件系統模塊 fs,它包含了

node.js , 最佳實踐 , 前端工程師 , 程序員 , 前端

收藏 評論

冰河 - 又一個涵蓋前後端+DevOps+OpenAI大模型的高併發項目啓動了

大家好,我是冰河~~ 今天,正式通知大家一件事情:又到了啓動新項目的時候,這也是 冰河技術 知識星球繼 Seckill秒殺系統 項目後,又一個高併發實戰項目。星球其他項目與專欄,大家可移步到冰河的個人站點:https://binghe.gitcode.host 進行查看。 那這次又是怎樣的一個高併發項目呢?沒錯,這次就是大家期待已久的分佈式IM即時通訊系統,在分佈式IM即時通訊系統中,我們會實現

性能優化 , 高併發 , 微服務 , 分佈式 , 程序員

收藏 評論

南城FE - 純CSS動態漸變文本特效

如圖所示,這是一個炫酷的文本漸變效果,如同冰島的極光一般。本次的文章讓我們逐步分解代碼,瞭解其實現原理。 基於以上動圖效果可以分析以下是本次動效實現的主要幾點: 文本中有多個顏色的動畫 每個顏色顯示的半徑不同,有大有小 整體動畫是有規律的重複進行着 實現過程 接下來開始正式的代碼實現過程,通過以上可以分析出會有多個元素來實現顏色的動畫,每個元素的動畫軌跡和運行速度不一致,但當多個不同顏

css3 , 動畫 , Css , 程序員 , 前端

收藏 評論

小萬哥 - C# 面向對象編程進階:構造函數詳解與訪問修飾符應用

C# 構造函數 構造函數是一種特殊的方法,用於初始化對象。構造函數的優勢在於,在創建類的對象時調用它。它可以用於為字段設置初始值: 示例 獲取您自己的 C# 服務器 創建一個構造函數: // 創建一個 Car 類 class Car { public string model; // 創建一個字段 // 為 Car 類創建一個類構造函數 public Car() { m

服務器 , c# , 程序員 , 後端 , asp.net

收藏 評論

小萬哥 - C# 繼承、多態性、抽象和接口詳解:從入門到精通

C# 繼承 在 C# 中,可以將字段和方法從一個類繼承到另一個類。我們將“繼承概念”分為兩類: 派生類(子類) - 從另一個類繼承的類 基類(父類) - 被繼承的類 要從一個類繼承,使用 : 符號。 在以下示例中,Car 類(子類)繼承了 Vehicle 類(父類)的字段和方法: 示例 class Vehicle // 基類(父類) { public string brand = "

服務器 , c# , 程序員 , 後端 , asp.net

收藏 評論

小萬哥 - 深入理解 C# 編程:枚舉、文件處理、異常處理和數字相加

C# 枚舉 枚舉是一個特殊的“類”,表示一組常量(不可更改/只讀變量)。 要創建枚舉,請使用 enum 關鍵字(而不是 class 或 interface),並用逗號分隔枚舉項: enum Level { Low, Medium, High } 您可以使用點語法訪問枚舉項: Level myVar = Level.Medium; Console.WriteLine(myVar); E

服務器 , c# , 程序員 , 後端 , asp.net

收藏 評論

wasdquiop - centos7 安裝 jdk

卸載舊版本 新環境虛擬機有自己自帶的openjdk,在安裝jdk前需要先把虛擬機的卸掉,防止多個jdk衝突 查看已安裝jdk rpm -qa | grep jdk rpm -qa | grep java 如果存在,挨個刪除已有版本: yum -y remove jdk版本 上傳 安裝包 鏈接: https://pan.baidu.com/s/1cOV10HZAZQPtRU1XyXG1tw

JDK , centos7 , Linux , JAVA , 程序員

收藏 評論

Apifox - 掌握 Vue3 中的 setup 函數

Vue.js 經歷了從 Vue 2 到 Vue 3 的重大變革,帶來了許多引人注目的新特性和性能優化。其中,setup函數無疑是最引人矚目的新星之一。 一、概覽 setup函數是 Vue 3 引入的一個新的組件選項,作為組合式 API 中心,它允許開發者在一個空間內使用所有的 composition API。這個函數將在組件創建之前執行,這樣就為你提供了定義響應式變量、計算屬性、函數等的機會,從而

vue.js , 前端工程師 , vue3 , 程序員 , 前端

收藏 評論

大仲馬小茶花 - 項目經理如何應對多系統對接的項目?

對於項目經理來説,處理系統對接(API對接)的需求是一項既複雜又關鍵的任務。這項任務涉及到確保不同的系統能夠高效、安全地共享數據,從而實現流暢的業務流程和提高整體的系統性能。下面是一個詳細的指南,旨在幫助產品經理深入理解和有效管理系統對接類需求。 一、系統對接類需求概述系統對接類需求指的是兩個或多個獨立的系統之間,通過API(應用程序編程接口)實現數據交換和功能集成的需求。這種需求廣

restful , 程序員

收藏 評論

Apifox - 探索 JavaScript:every()方法背後的邏輯

JavaScript 語言的核心足夠大,以至於很容易誤解其某些部分的工作方式。我最近在重構一些使用every()方法的代碼時發現,我實際上並沒有完全理解其背後的邏輯。在我的腦海中,我假設回調函數必須被調用並返回true,every()才會返回true,但實際情況並非如此。對於一個空數組,every()無論回調函數是什麼都會返回true,因為那個回調函數從未被調用。考慮以下情況: function

數組 , 前端工程師 , 程序員 , 前端 , Javascript

收藏 評論

Apifox - cURL 命令詳解:輕鬆掌握常見操作

有沒有想過,當你需要對 API 進行測試或快速查看網站內容時,有哪些工具可以派上用場呢? 這時,你會發現 cURL 是你的好幫手。cURL,簡而言之,是一個功能強大的命令行工具,使得我們可以通過各種網絡協議與服務器進行交流,無論你是編程領域的新手還是資深開發人員,cURL 都是你工具箱裏必不可少的一件利器。 cURL 簡介 cURL 的神奇之處在於它對廣泛的協議如 HTTP、HTTPS 和 FTP

API , curl , 程序員 , 後端 , 前端

收藏 評論

火爆的鍵盤 - Windows 如何使用 cURL 命令?基礎入門

在工作流程中,為了快速驗證 API 接口有效性,團隊成員經常轉向直接執行 cURL 命令的方法。這種做法不僅節省時間,而且促進了團隊效率的提升。對於使用 Windows 系統的用户來説,這裏有一套詳細的操作指南來執行 cURL 命令。 檢查 Windows 系統的 cURL 環境 Windows 系統默認情況下應該已經安裝了 cURL 環境。可以通過快速的步驟來驗證:按下Win + R鍵,輸入cm

JAVA , curl , 程序員 , 後端

收藏 評論

愛分享 - 深入解析C++的auto自動類型推導

關鍵字auto在C++98中的語義是定義一個自動生命週期的變量,但因為定義的變量默認就是自動變量,因此這個關鍵字幾乎沒有人使用。於是C++標準委員會在C++11標準中改變了auto關鍵字的語義,使它變成一個類型佔位符,允許在定義變量時不必明確寫出確切的類型,讓編譯器在編譯期間根據初始值自動推導出它的類型。這篇文章我們來解析auto自動類型推導的推導規則,以及使用auto有哪些優點,還有羅列出自C+

性能優化 , c++11 , c++ , 程序員 , 代碼規範

收藏 評論

Apifox - 構建卓越 HTML API 的關鍵步驟

作為 JavaScript 開發者,我們經常忘記並不是所有人都像我們一樣瞭解 JavaScript,這被稱為知識的詛咒:當我們精通某個內容的時候,我們就不記得自己作為新人的時候有多麼困惑。我們總是對其他人的能力估計過高,因此我們覺得,自己寫的類庫需要一些 JavaScript 代碼去初始化和配置也很正常。然而,一些用户卻在使用過程中大費周折,他們瘋狂地從文檔中複製粘貼例子並隨機組合這些代碼,直到它

前端工程化 , API , 程序員 , 前端 , Javascript

收藏 評論

倔強的鉛筆 - 為什麼 GraphQL 被認為是 Redux 的更好選擇?

近幾年來,互聯網技術趨向於採用前端 JavaScript 框架來構建更好的網頁和移動應用用户體驗。這種變化真的很棒🔥,我個人非常喜歡這些框架給我們帶來的靈活性。 但是,這種靈活性是否已經過頭了呢… 為了真正理解這種情況,我們不妨回顧一下,在 JavaScript 框架誕生之前,應用是如何構建的。 ⏳ JavaScript 出現之前的時代… 在最初的幾個前端框架(最著名的包括 Angular

graphql , rust , 程序員 , 前端 , Web

收藏 評論

Thinking80s - 我的碼農之路

還記得畢業那段時光,命運似乎總是充滿巧合。當時恰好有位親戚在市裏的電腦城工作,出售各類電腦產品。於是乎,我順理成章地在那裏找到一份差事,負責電腦組裝、網絡安裝以及其他瑣碎事務。 儘管大學時期主修的是計算機專業,但所學知識卻與編程毫無瓜葛。如今回想起來,也就不難理解為何許多人會詢問我關於編程方面的問題了。對於他們而言,這或許是對我專業能力的一種期待;而於我來説,則更像是一種無法言説的尷尬。每當此時,

編輯器 , ruby , 人工智能 , 程序員 , 前端

收藏 評論

Thinking80s - 技術與思維的轉變

5.1 技術提升的旅程 隨着技術的不斷提升,我發現自己看待問題的角度也在悄然發生變化。我開始習慣於用編程的邏輯去分析問題,用代碼去解決問題。這種轉變不僅僅體現在我的工作中,更影響了我的整個生活。 詳細內容: 技術的提升是一個持續的過程。我不斷地閲讀技術書籍,參加在線課程,學習新的編程語言和框架。每當掌握一項新技術,我都會感到無比的興奮和滿足。更重要的是,我開始用編程的思維去看待周圍的世界,這讓我在

編輯器 , ruby , xcode , 程序員 , 前端

收藏 評論

Apifox - cURL 入門指南:你需要知道的一切

今天專門來討論下 API 測試中不可避免的部分之一 :cURL。 cURL(client URL)是一個常用的命令行工具,用於通過 URL 傳輸數據。 開發人員通過 cURL 將數據發送到服務器並接收來自服務器的數據。具體來説,任何用户都可以通過這個命令行界面(CLI)指定一個服務器 URL(要向其提交請求的位置)和要發送到服務器 URL 的數據。cURL 支持多種協議(方案),如 DICT、FI

網絡請求 , API , curl , 程序員 , 後端

收藏 評論