收藏 / 列表

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

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

component , 組件化 , 前端

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

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

後端 , 前端

海豚V靚仔 - HTML 顏色

顏色在網頁設計和數字藝術中扮演着至關重要的角色。正如您所提到的,顏色可以通過紅色、綠色和藍色的混合(RGB)來定義,這種混合方式允許我們創建出數百萬種不同的顏色。每種顏色的強度(或稱為亮度)可以從0(最暗,表示為#00)到255(最亮,表示為#FF)變化。 在HTML和CSS中,顏色可以通過十六進制顏色代碼(如#FF0000表示紅色)、RGB函數(如rgb(255, 0, 0)也表示紅色)或者顏色

前端 , html5

用户bPdeG32 - Vue.js:現代化前端開發的高效框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架。它以其輕量、靈活和易上手的特性受到前端開發者的廣泛歡迎。Vue.js 不僅適用於小型項目的快速開發,也可以通過組件化和豐富的生態系統構建大型複雜的應用。在本文中,我們將深入瞭解 Vue.js 的核心特性,常見使用場景及其獨特的優勢。 一、什麼是 Vue.js? Vue.js(簡稱 Vue)是由尤雨溪在 2014 年發佈的開源

vue.js , ecmascript-6 , typescript , 前端 , Javascript

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

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

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

Aresn - View UI Plus 發佈 1.2.0 版本,新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography,內置豐富的內容排版 UI,支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件: Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

羊先生 - Vue項目打包完後如何自動上傳至服務器

寫在開頭 我先説下一下,為啥要寫這個,由於之前在寫不見面開標5.0系統,修改完bug後,然後前端通過npm run build打包後生成文件,然後在通過FTP工具上傳至服務器,整個過程,我還需要手動拷貝到服務器,如果一天打包好幾次,就要手動拷貝好幾次,非常繁瑣 前端部署項目方案 前端部署 通過npm run build,構建前端靜態資源文件 只需上傳構建後的資源文件,然後上傳至服務器指

前端構建 , vue.jswebpackvuegridlayout , webpack

可不簡單 - vxe-table 如何自定義排序圖標按鈕,自定義排序

vxe-table 如何自定義排序圖標按鈕,自定義排序 查看官網:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 使用表頭排序按鈕插槽 sort 來自定義模板 template div vxe-g

前端

codechen8848 - 簡單好用!一款針對 IT 團隊開發的文檔管理系統!

大家好,我是 Java陳序員。 在 IT 團隊協作中,接口文檔散亂、版本混亂、權限管理複雜等問題常常困擾着 IT 從業者。 今天,為大家推薦一款簡單好用的文檔管理系統,尤其適合 IT 中小團隊高效管理各類文檔! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 MinDoc —— 一款針對 IT 團隊開發的文檔管理系統,基於 Go

go , 後端

愛跑步的番茄 - 什麼是代理服務器?技術原理與應用解析

代理服務器(Proxy Server)是位於客户端與目標服務器之間的中間層節點,負責轉發網絡請求。在網絡通信體系中,它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下: Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP,而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的

typescript , 前端 , Javascript

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

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

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

小帆聊前端 - 深度解讀前端包管理器:npm、cnpm、yarn、pnpm 的技術博弈與選型指南

引言:被依賴包支配的前端日常 "為什麼我本地能運行的項目,到服務器就報錯?" "node\_modules 文件夾怎麼佔用了 10GB 磁盤空間?" "安裝依賴為什麼要等 5 分鐘?" 這些前端開發中的經典靈魂拷問,都指向同一個核心問題 —— 包管理器的選擇與使用。從 2010 年 npm 誕生至今,前端包管理生態經歷了多次技術迭代,形成了 npm、cnpm、yarn、pnpm 四分天下的格局。它

yarn , 知識 , npm , 前端 , Javascript

王大冶 - React Native 0.76 重大更新:新架構全面啓用

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 架構升級的里程碑 React Native 0.76 版本帶來了一個重大變革 - 新架構默認啓用。這次更新不僅支持了 React 的現代特性(如 Suspense、Transitions),還徹底重寫了原生模塊系統。 核心特性升級 1. 併發渲染支持 新架構完整支持 React 的

ecmascript-6 , typescript , 前端 , Javascript

億元程序員 - 探索遊戲開發中的Socket和HTTP網絡通信,含主流引擎的代碼示例

引言 在遊戲開發中,實現有效的通信是確保玩家獲得無縫體驗的關鍵之一。兩種常見的通信方式是 Socket 和 HTTP,它們各自在不同場景下發揮着重要作用。本文將深入探討這兩種通信方式的特點、優勢以及在遊戲開發中的應用。 Socket:實時性與靈活性的代表 Socket 是一種基於 TCP 或 UDP 協議的底層通信方式,它允許遊戲客户端和服務器之間建立持久性的連接,實現實時數據傳輸。這種通信方式特

遊戲開發 , socket , 網絡編程 , HTTP

ohoherror - 數組轉化為樹

將一個數組轉換為一棵樹可以通過遞歸實現。假設我們有一個包含父節點與子節點關係的數組,如下所示: const arr = [ { id: 1, name: 'A', parent_id: null }, { id: 2, name: 'B', parent_id: 1 }, { id: 3, name: 'C', parent_id: 2 }, { id: 4, na

數組 , 樹形結構 , 前端 , Javascript