收藏 / 列表

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現,把一系列流程用代碼去實現,讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力,解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗,已經成為目前最流行,社區最活躍的構建工具,是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏,各種框架和工具層出不窮,比如 React、Vue、Angular 等,極大

構建工具 , 前端構建 , 工程化 , webpack , 前端

細心的紅酒 - SSL證書是如何工作的

揭秘SSL證書:守護網絡通信的安全衞士是如何工作的? 在我們日常瀏覽網站時,地址欄那個小小的鎖形圖標 和 https:// 已經成為安全的象徵。這一切的背後,都是SSL/TLS證書在默默工作。它就像一位盡職盡責的安全衞士,通過一套精密的“握手”協議,確保你與網站之間的通信既私密又可信。 核心目標:解決兩大安全難題 在深入流程之前,我們首先要明白SSL/TLS協議旨在解決兩個根本問題: 加密:如何防

後端 , 前端

海豚V靚仔 - HTML 文本格式化

HTML 提供了豐富的元素來格式化文本和展示內容,這些元素不僅讓網頁內容更加豐富多彩,還提高了內容的可讀性和表達力。下面是對您提到的一些文本格式化標籤和“計算機輸出”標籤的進一步解釋和説明: 文本格式化標籤 b 和 strong:兩者都用於加粗文本,但 strong 在語義上更強調文本的重要性,而 b 僅僅是樣式上的加粗。 i 和 em:i 用於表示斜體文本,但主要是樣式上的變化;em 則用

前端 , html5

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

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

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

倔強的鉛筆 - 什麼是 JSON?全面解析JSON

現在程序員還有誰不知道 JSON 嗎?無論對於前端還是後端,JSON 都是一種常見的數據格式。那麼 JSON 到底是什麼呢? JSON 的定義 JSON (JavaScript Object Notation) ,是一種輕量級的數據交換格式。它的使用範圍很廣,併成為 ECMA 標準,可以被使用在多種編程語言中,用於前後端之間的數據傳輸、存儲和交換數據。可以説是“用更少的編碼,有更快的處理速度”,所

前端工程師 , 程序員 , 前端 , Json

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前,物料市場中的所有內容均已完成 Vue.js 3 的適配,View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有: 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

vue.js , iview , 前端 , html5 , Javascript

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

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

加密 , 前端

可不簡單 - vxe-table 複製單元格時如何自定義內容,自定義複製的文本內容

vxe-table 複製單元格時如何自定義內容,自定義複製的文本內容 默認情況下是複製對應 field 字段值,當需要對特定字段進行格式化或自定義時,就可以通過 copyMethod、pasteMethod 配置可以精確控制複製粘貼的所有行為以及自定義複製粘貼的邏輯控制。比如需要控制某個單元格複製後的值,本來是下拉框的鍵值,要轉成實際值複製到 excel,這時候就可以使用該轉換函數了 查看官

前端

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

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

go , 後端

愛跑步的番茄 - 代理IP是什麼?核心概念、類型與應用場景全面解析

在跨境電商、數據採集、廣告投放、賬號安全防護等依賴互聯網業務的領域中,代理IP逐漸成為基礎設施。它能夠隱藏真實身份、突破地域限制並提升賬號穩定性,對於企業和個人業務增長意義重大。 本文將系統解析代理IP的概念、原理、類型與選型要點。 一、代理IP的定義 代理IP(Proxy IP)指用户通過代理服務器訪問互聯網時,以代理服務器的IP替代用户自身真實IP的一種網絡技術。 代理IP能夠更改

數據庫 , Android , 後端 , 前端

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

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

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

小帆聊前端 - CSS BFC 深度解讀:從原理到實戰,解決 90% 佈局難題

CSS BFC 深度解讀:從原理到實戰,解決 90% 佈局難題 前言:被 “玄學佈局” 折磨的日常 “為什麼兩個相鄰 div 的 margin 疊成一個了?” “浮動元素怎麼把父容器‘撐破’了?” “文字怎麼總繞着浮動圖片跑,我想讓它老老實實換行!” “子元素用了絕對定位,怎麼就超出父容器範圍了?” 如果你在前端開發中遇到過這些問題,説明你還沒真正掌握 BFC—— 這個 CSS 中 “看不見卻很重

css3 , Css , 前端

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

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

ecmascript-6 , typescript , 前端 , Javascript

億元程序員 - Cocos獨立遊戲開發框架中的Socket網絡模塊

引言 本系列是《8年主程手把手打造Cocos獨立遊戲開發框架》,歡迎大家關注分享收藏訂閲。 Socket模塊是Cocos遊戲開發框架中的重要組成部分之一。通過Socket模塊,開發者可以輕鬆實現遊戲中的網絡通信功能,使得玩家可以與其他玩家進行實時交互或者獲取服務器上的數據。在遊戲開發中,網絡通信是不可或缺的一環,而Socket模塊的存在,為開發者提供了一個方便、高效、穩定的解決方案。無論是多人在線

遊戲引擎 , 遊戲開發 , socket , cocos , 前端

ohoherror - CommonJS和ESM (ES6模塊)的區別

CommonJS和ESM (ES6模塊)都是JavaScript模塊標準,但是它們有一些區別,主要包括以下幾個方面: 語法差異:CommonJS使用require語法引入模塊,而ESM使用import語法引入模塊。 加載方式:CommonJS使用同步加載方式,即遇到require就執行代碼,並等待結果返回後再繼續執行;而ESM使用異步加載方式,它是通過Promise的方式異步加載模塊,遇到i

commonjs , 前端