收藏 / 列表

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

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

component , 組件化 , 前端

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

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

後端 , 前端

海豚V靚仔 - HTML 樣式

您已經很好地概述了HTML中style屬性的用途以及它與舊HTML標籤和屬性的對比。style屬性確實提供了一種靈活且強大的方式來直接在HTML元素上應用CSS樣式,而無需依賴外部或內部樣式表(儘管在大型項目中,通常推薦使用外部樣式表以維護樣式的集中管理和重用性)。 使用style屬性的好處 直接性:可以立即看到樣式變化的效果,無需跳轉到CSS文件進行修改。 靈活性:對於小型項目或快速原型設

前端 , html5

用户bPdeG32 - ECMAScript 6(ES6)深入剖析:箭頭函數的革新與應用

引言 ECMAScript 6(簡稱 ES6),也被稱為 ECMAScript 2015,是 JavaScript 語言的重要版本更新,帶來了許多功能和語法的改進,極大地增強了 JavaScript 開發的簡潔性與可讀性。其中,箭頭函數(Arrow Functions) 是最為顯著的特性之一。箭頭函數提供了更為簡潔的語法,同時解決了傳統函數在 this 綁定上的問題。本文將聚焦於箭頭函數的革新,探

ecmascript-6 , typescript , 前端 , html5 , Javascript

倔強的鉛筆 - 高效使用 Postman 的 Body 功能執行 POST 請求

Postman 是開發者日常工具箱中不可缺少的一部分,特別是在 API 開發和調試環節中。 為什麼使用 POST 請求 POST 請求用於向服務器發送數據,這些數據通常被處理後存儲。與 GET 請求不同,POST 請求將數據嵌入請求體(Body)中而不是 URL 中,這樣更安全且支持更大數據量。因此,POST 請求常用於註冊用户、提交表單和上傳文件等場景。 設置 POST 請求 在 Postman

post , postman , JAVA , 後端

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

羊先生 - 如何在uni-app使用iconfont字圖標

添加圖標 打開,https://www.iconfont.cn/ 網站,找到自己的喜歡的圖表加入到項目中 下載本地 點擊下載至本地 拷貝文件 將iconfont.css,iconfont.woff,iconfont.woff2 複製到自己的項目中, 打開iconfont.css文件,我需要去編輯框框的地方 資源轉換 uni-app 字體文件小於 40kb,uni-app 會自動將其轉化為

iconfont , 字體 , webapp , uni-app , 前端

可不簡單 - vxe-table 樹形表格顯示連接線的方式

vxe-table 樹形表格顯示連接線的方式 完整連接線 通過 tree-config.showLine 來啓用是否顯示連接線 template div vxe-grid v-bind="gridOptions"/vxe-grid /div /template script setup import { reactive } from 'vue' const gridOpti

前端

codechen8848 - 格式轉換全能王!一個開源自託管的文件轉換神器

大家好,我是 Java陳序員。 在日常工作生活中,常常需要對一些文件進行轉換,如不同格式的照片進行轉換,還有 Office 各文檔之間的轉換等。但常常找不到趁手的工具,使用在線工具又擔心隱私泄漏。 今天,給大家介紹一個開源自託管的文件轉換神器,支持超多種文件格式轉換,可以説是格式轉換全能王! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。

前端 , Javascript

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

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

typescript , 前端 , Javascript

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

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

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

小帆聊前端 - CSS 選擇器全解析:從基礎語法到組件庫樣式修改,解決前端樣式定位難題

前言:被 CSS 選擇器 “卡殼” 的日常 “寫了.btn-active樣式,為什麼按鈕沒反應?” “#nav .list li和.nav-list li到底誰能生效?” “想改組件庫的輸入框樣式,加了類卻被覆蓋?” “用[class=btn]匹配按鈕,多了個類名就失效了?” CSS 選擇器是前端樣式的 “定位工具”,但很多開發者停留在 “會用類和 ID” 的初級階段,面對動態元素、組件庫樣式修改

css3 , Css , 前端

王大冶 - 使用 React Query 時還需要 Redux 嗎?| 狀態管理 2024

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 隨着前端技術的不斷髮展,狀態管理一直是React應用開發中的核心問題。Redux作為長期佔據主導地位的狀態管理庫,為開發者提供了可預測的狀態容器和強大的生態系統。然而,隨着React Query等新興工具的出現,開發者們開始重新思考狀態管理的最佳實踐。本文將深入探討在2024年的前

ecmascript-6 , 前端 , Javascript

億元程序員 - 解鎖收益新玩法!教你如何在微信小遊戲開通流量主並接入廣告

引言 大家好!你有沒有想過,自己鍾愛的微信小遊戲,不僅可以玩得盡興,還能通過開通流量主,實現一部分收益呢?今天,我就要來分享一個秘籍,讓你的小遊戲成為賺錢的新方式。閲讀下文,帶你一探究竟! 第一步:開通流量主,解鎖新世界 你有沒有留意過微信小遊戲中那些精彩的廣告呢?這些廣告,正是來自開通了流量主的小遊戲開發者們,他們在遊戲中加入了精心設計的廣告,實現了創收的同時,也為玩家帶來更多有趣的體驗。 如何

微信小程序 , 微信開放平台 , 微信公眾平台

ohoherror - jest +ts +esm

Jest 是當下最主流的前端測試框架 首先初始化ts環境 yarn add typescript --dev npx tsc --init 第二步:安裝ts下的jest yarn add jest @types/jest --dev 第三步:新建tests文件夾 tests/index.spec.ts it('init',()={ expect(true).toB

jest , typescript , babel , 前端