收藏 / 列表

編程三昧 - Web Components系列(一) —— 概述

前言 如果我們選擇不使用任何框架的情況下來進行前端開發,那麼針對一個完整的網頁,我們需要開發以下代碼: HTML 代碼 CSS 代碼 JavaScript 代碼 就幾年之前來説,HTML 部分的代碼基本不存在複用的可能,這就導致我們可能需要開發大量重複的 HTML 代碼,即使使用 CV 法,代碼的冗餘卻是不可避免的。 Web Components 誕生的背景 近幾年,我們在使用前端框架(

component , 組件化 , 前端

細心的紅酒 - 一張SSL證書可以用於多個域名嗎?

一證多能:SSL證書的“共享”藝術 在數字化時代,SSL證書已成為網站安全的標配。當企業擁有多個域名時,一個現實問題隨之而來:能否像萬能鑰匙一樣,用一張SSL證書保護多個域名?答案是肯定的,但其中大有學問。 證書類型:三種不同的“通行證” SSL證書根據覆蓋範圍的不同,主要分為三類: 單域名證書:如同專屬門禁卡,只能保護一個特定域名,是最基礎的選擇。 多域名證書(SAN證書) : 堪稱“證書家族中

後端 , 前端

海豚V靚仔 - HTML 註釋

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

前端 , html5

用户bPdeG32 - 深入理解 CSS Flexbox:如何使用彈性佈局實現自適應的水平和垂直居中

在 Web 開發中,佈局一直是 CSS 的一個重要主題,而水平和垂直居中往往是佈局中最常見、最基礎的需求。傳統的居中方法通常需要使用多層嵌套、position、margin 等屬性來實現,代碼繁瑣且不夠靈活。而隨着 CSS 彈性佈局(Flexbox)的引入,水平和垂直居中變得非常簡單、直觀,幾乎可以適應所有的佈局場景。 本文將專注於如何使用 CSS Flexbox 來實現內容的自適應居中,包括水平

ecmascript-6 , css3 , Css , HTML , 前端

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

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

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

Aresn - View UI Plus 發佈 1.3.0 版本,新增 Space、$ImagePreview 組件

View UI Plus 1.3.0 版本已於 2022-06-21 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增間距組件 Space。 ImagePreview 新增下載圖片功能。 ImagePreview 新增屬性 toolbar,可選擇開啓的快捷功能並排序。 圖片預覽支持 $ImagePreview 實例化調用。 ImagePreview 新增拖

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

羊先生 - 關於前端壓縮字體的方法

我在編寫一個撰寫日常的網站,需要用到自定義字體,在網上找到一ttf的字體,發現體積很大,需要進行壓縮 如何壓縮 目前我們的字體是.ttf字體,其實我們需要把字體轉換成.woff字體 WOFF本質上是包含了基於SFNT的字體(如TrueType、OpenType或其他開放字體格式),且這些字體均經過WOFF的編碼工具壓縮,以便嵌入網頁中。[[3]](https://zh.wikipedia.org/

字體 , 壓縮工具 , Javascript

可不簡單 - 如何使用 vxe-table 展開行實現展開子表父子表格

如何使用 vxe-table 展開行實現展開子表父子表格 查看官網:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table template div vxe-grid v-bind="gridOptions"

前端

codechen8848 - GitHub 星標太多管不過來?這款 AI 工具幫你一鍵整理、智能搜索!

大家好,我是 Java陳序員。 之前,給大家介紹過一個開源的 Github Stars 存儲庫管理器,用於解決 GitHub 星標庫太多不好管理的問題。 開發者必備!Github Stars 存儲庫管理器! 今天,再給大家介紹一款 Github 星標庫管理工具,與 AI 結合,實現更加強大的分類搜索功能! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機

react , 前端

愛跑步的番茄 - 711Proxy 與 Decodo 代理對比:哪個更適合你?

在選擇代理服務時,很多企業和個人都會猶豫:到底選擇哪家代理更適合自己的業務?本文將從 IP資源、速度穩定性、使用體驗、價格和適用場景 五個方面,對 711Proxy 和 Decodo 代理進行全面對比,讓你一眼就能判斷哪家服務更值得信賴。 全球 IP 資源與覆蓋 711Proxy 擁有龐大的住宅 IP 池,覆蓋 195+ 國家和地區。無論是跨境電商、多賬號運營,還是廣告投放和數據採集,711Pro

前端 , Javascript

點量實時雲渲染 - 構建新型電力系統:點量雲流解鎖智慧電網數字孿生新價值

近年來,國家圍繞電力系統轉型與能源數字化發展,連續出台多項綱領性文件。國家發改委、國家能源局在《關於加快推進能源數字化智能化發展的若干意見》中明確提出,要推動電力系統與雲計算、大數據、物聯網、人工智能等新興技術深度融合,加快構建覆蓋電網發、輸、變、配、用全環節的數字孿生體系,強化全景監測、智能預警與精準控制能力。與此同時,《“十四五”現代能源體系規劃》與“構建新型電力系統”戰略部署進一步突出數字化

運維 , 負載均衡 , webapp , Android , 前端

小帆聊前端 - JS 原型鏈深度解讀:從混亂到通透,掌握 90% 前端面試核心

JS 原型鏈深度解讀:從混亂到通透,掌握 90% 前端面試核心 前言:你是否也被這些原型鏈問題折磨過? " 為什麼obj.toString()能調用卻不在自身屬性裏?" "prototype和__proto__到底有什麼區別?" " 用class定義的類和原型鏈是什麼關係?" "修改原型對象為什麼會影響所有實例?" 作為 JavaScript 的核心機制,原型鏈是理解繼承、對象關係和內置方法的基礎

原型鏈 , 前端 , Javascript

王大冶 - 如何只使用 CSS 實現網站的暗黑模式切換

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 想讓你的網站從“明亮清新”切換到“暗黑酷炫”,而不依賴任何 JavaScript?沒問題! 僅用 CSS 就能完成這個任務,根據用户設備的系統設置動態切換主題。本教程將教你如何實現一個可以隨系統設置自動切換明暗模式的網站,完全拋棄 JavaScript。 第一步:基礎 HTML 頁面結構 首先,我們需要一個簡單的

ecmascript-6 , 前端 , Javascript

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

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

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

ohoherror - 查找對象屬性的四種方法

1.Object.keys(..)會返回一個數組,包含所有可枚舉屬性( enumerable: true) 2.Object.getOwnPropertyNames(...)會返回一個數組,包含所有屬性,無論它們是否可枚舉 注:Object.keys(..)和Object.getOwnPropertyNames(..)都只會查找對象直接包含的屬性。 3.in操作符會檢查屬性是否在

in , object , 原型鏈 , 前端