收藏 / 列表

編程三昧 - WebSocket 對象簡介

WebSockets 是一種先進的技術。它可以在用户的瀏覽器和服務器之間打開交互式通信會話。使用此API,您可以向服務器發送消息並接收事件驅動的響應,而無需通過輪詢服務器的方式以獲得響應。 何為 WebSocket 對象? WebSocket 對象是 WebSockets 的接口之一,用於連接WebSocket服務器的主要接口,之後可以在這個連接上發送 和接受數據。 WebSocket 對

websocket , 技能表 , 前端優化 , 前端

細心的紅酒 - 那把綠色的小鎖:信任與安全的視覺象徵

那把綠色的小鎖:不只是個圖標,而是信任與安全的基石 當我們在互聯網上衝浪時,瀏覽器地址欄裏的那把綠色的小鎖已經成為一個無處不在的符號。但您是否曾停下來思考過,它究竟意味着什麼?它遠不止是一個簡單的裝飾圖標,而是您與網站之間建立安全連接的可視化保證,是現代網絡安全的信任基石。 一、小鎖的“雙重身份”:加密與認證 這把小鎖代表了兩層核心含義: 身份認證 它首先告訴你:“你訪問的正是你想要訪問的網站,而

後端 , 前端

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋,這些註釋對瀏覽器是不可見的,因此不會影響頁面的顯示。註釋標籤的語法非常簡單,以!--開始,以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分,或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋,它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒:

前端 , html5

用户bPdeG32 - 深入理解 HTML 語義化標籤:為什麼語義化標籤對網頁結構和 SEO 至關重要

在前端開發中,HTML 是構建網頁的基礎。HTML 的功能不僅僅是展示信息,還要幫助網頁結構化數據,以便瀏覽器、搜索引擎和輔助技術更好地理解網頁內容。語義化標籤是 HTML5 引入的一個重要概念,旨在讓標籤名稱表達其內容的意義。合理使用語義化標籤可以提高網頁的可訪問性和 SEO(搜索引擎優化)效果,使得頁面更具可讀性和結構性。 本文將專注於HTML 語義化標籤的定義、優勢、常用標籤及其適用場景,幫

ecmascript-6 , css3 , node.js , HTML , html5

倔強的鉛筆 - 如何用Postman模擬多用户併發?一步步教你實現

背景介紹 最近,我們發起了一個在線圖書管理系統的項目。我負責的一個關鍵模塊包括三個主要後台接口: 實現對books數據的檢索。 實施對likes數據的獲取。 通過collections端點訪問數據。 應對高流量的挑戰 在設計並部署接口時,我們不可避免地需要考慮關鍵的問題: 你製作的產品會不會面臨大量的訪問需求? 你的接口和服務器是否能夠處理如此高的用户訪問量? 歸根結底,問題是:

併發測試 , API , 測試 , postman , 併發

Aresn - View UI Plus 發佈 1.3.1 版本,增強 TypeScript 使用體驗

View UI Plus 1.3.1 版本已於 2022-06-29 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 提供基於 TypeScript 的工程。view-ui-project-ts Playground 默認模板支持切換組合式 API 和選項式 API。Playground 修復 ImagePreview 操作欄在移動端顯示不完整的問題。#104

vue.js , iview , typescript , 前端

羊先生 - 關於tsup工具構建項目庫使用過程

最近一直在寫前端項目、然後又使用strapi在寫後端服務,在使用到加解密這快內容,相同的代碼需要複製粘貼,索性寫一個工具吧,於是帶着研究,百度了一番,目前常見的工具有webpack、vite、rollup,相對主流的vite和rollup目前比較流行,webpack實在是卡頓 於是我又找找看看,又翻翻看,看到了tsup,構建方式簡單,不用繁瑣的配置,這不正是我想要的嘛 介紹一下tsup t

加密 , 前端

可不簡單 - vxe-table 實現根據單元格渲染的內容自動渲染成統計圖、折線圖、拼圖等圖表

vxe-table 實現根據單元格渲染的內容自動渲染成統計圖、折線圖、拼圖等圖表 效果 代碼 template div vxe-grid v-bind="gridOptions" @menu-click="menuClickEvent" /vxe-grid /div /template script export default { da

前端

codechen8848 - 輕量高效!一款輕量級的自託管服務器監控工具!

大家好,我是 Java陳序員。 在企業開發中,涉及眾多的服務器資源,一款好用的服務器監控工具能讓運維效率事半功倍。 今天,為大家推薦一款輕量級的自託管服務器監控工具,具備資源佔用低、部署簡單和功能實用的特點! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 Komari 是一款輕量級的自託管服務器監控工具,旨在提供簡單、高效的服

go , 後端

愛跑步的番茄 - 什麼是住宅代理(Residential Proxy)?詳解原理、優勢與應用場景

在數字經濟與跨境互聯網時代,網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”(Residential Proxy)作為一種高匿名、高穩定的網絡中轉方式,正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別,以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理(Residential Proxy) 是指通過真實

typescript , 前端 , Javascript

點量實時雲渲染 - 基於P2P技術的智能分發方案如何重塑高性能家庭影院體驗

在當前的家庭娛樂場景中,用户對視頻體驗的期待已從基本的“可觀看”全面提升為“高畫質、無卡頓、即時響應”。隨着高清、藍光、4K/8K內容的普及,傳統CDN分發模式在成本控制與傳輸效率方面均面臨顯著壓力。 一種結合P2P分發與邊下邊播技術的系統,正逐漸被應用於家庭影院與智能點播平台。該系統實現了跨平台、低延遲的內容傳輸,支持從雲端到終端的高效數據流轉,為流暢播放提供了新的技術路徑。 一、行業背景:從

p2p , 資訊 , 服務器 , 後端 , 前端

小帆聊前端 - Flex 佈局實戰指南:從踩坑到精通,解決 90% 佈局難題

前言:你是否也被這些 Flex 問題折磨過? “為什麼我用justify-content: center卻無法垂直居中?” “align-items和align-content到底什麼時候生效?” “設置了width: 200px,加了flex:1後怎麼沒用了?” 作為前端開發最常用的佈局方案,Flex(彈性佈局)以 “靈活” 著稱,但這份靈活也讓很多開發者陷入 “混亂”—— 核心原因是沒吃透 “

css3 , Css , 前端

王大冶 - 如何複製由自定義元素組成的網頁的 HTML 代碼

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 有時我們需要獲取某個網頁HTML的本地副本,例如作為測試的輸入。 但複製網頁或元素的HTML並不總是直截了當的。現代網站往往由自定義元素構建。自定義元素通常是影子宿主。影子宿主的 innerHTML 或 outerHTML 屬性只返回直接子元素的HTML,而忽略了包含的影子DOM的

ecmascript-6 , typescript , 前端 , Javascript

億元程序員 - 今天我去面試遊戲開發,説我回答得不全面...

點擊上方font color=blue億元程序員/font+關注和font color=orange★/font星標 引言 面試官:“我們上一個項目就在包體大小上吃了虧,你能詳細講講,有哪些手段可以優化遊戲包體嗎?” 我嘴角微微上揚,這題我會: 嗯…包體優化很重要。 我們主要是壓縮圖片,把小的圖片合成一張大圖,這樣可以減少DrawCall。 還有就是音頻文件不能太大,要用MP3格式。

前端

ohoherror - async/await實現原理

async/await是ES2017帶來的異步編程語法糖,實現了讓異步代碼看起來像同步代碼的效果。 async/await 的本質是基於Promise,它並不是一種新的異步處理方式,而是Promise 的一種新的語法封裝升級。 下面是 async/await 的實現原理: async 函數本質上是一個 Generator 函數,返回一個 Promise 對象。 await 表達式本質上是一個 Pr

es7 , async , 前端