收藏 / 列表

編程三昧 - 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 - ECMAScript 6(ES6)深入剖析:箭頭函數的革新與應用

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

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

倔強的鉛筆 - 詳解:REST API 中常見的 HTTP 請求參數

HTTP 請求中的請求參數解釋 當客户端發起 HTTP 請求 時,它們可以在 URL 末尾添加請求參數(也叫查詢參數或 URL 參數)來傳遞數據。這些參數以鍵值對的形式出現在 URL 中,方便瀏覽和操作。 請求參數示例 以下是一些帶有請求參數的 URL 示例: /users?id=1234 /posts?category=techsort=asc /search?q=hel

rest-api , HTTP , restful , 後端 , 前端

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

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

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

字體 , 壓縮工具 , Javascript

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

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

前端

codechen8848 - 再見 Postman!一款開源免費的全能 API 客户端工具!

大家好,我是 Java陳序員。 在日常開發工作中,常常需要進行 API 接口調試,通常是藉助 Postman 進行調試或者接口管理。 但是基於 Electron 框架開發的 Postman,啓動速度較慢,且運行時會佔用較多內存和 CPU 資源。而且依賴雲同步功能,用户的接口集合、密鑰、Token 等敏感信息可能存儲在第三方服務器,存在數據泄露風險。此外,一些高級功能,還需要進行付費。 今天,給大家

後端

愛跑步的番茄 - 如何進行 API 提取:從原理到實踐的完整指南

在數據驅動的時代,API(應用程序接口)已經成為信息交互的核心通道。無論是進行數據採集、自動化分析,還是搭建業務系統,API提取(API Extraction) 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇,以及如何藉助代理服務突破訪問限制,實現更高效的數據獲取。 一、什麼是 API 提取? API 提取是指通過調用公開或私有接口,從目標網站或服務中自動獲取

go , 前端 , Python

點量實時雲渲染 - 輕鬆暢遊VR世界,無需高配置|點量實時雲渲染技術

傳統VR眼鏡在使用中存在一些顯著不足,而實時渲染技術又是如何解決的?接下來與大家共同探討遇到的問題以及實時渲染在VR眼鏡中的實際應用。 1、高配置要求 目前主流VR一體機的眼鏡需要較高配置才能運行普通VR內容,且受限於VR眼鏡的算力限制,無法運行大型的VR內容。 2、空間和時間限制 部分非VR一體機的設備,算力來自於PC設備,則需要使用線纜連接,用户的活動範圍和自由度受限,這對於教學和

渲染 , 虛擬現實 , 3d , vr

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

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

css3 , Css , 前端

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

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

ecmascript-6 , typescript , 前端 , Javascript

億元程序員 - Cocos獨立遊戲開發框架之對象池:缺對象你就new一個

引言 本系列是《8年主程手把手打造Cocos獨立遊戲開發框架》,歡迎大家關注分享收藏訂閲。 我們遊戲開發中的對象池裏的對象並非小夥伴們想的現實中的對象,現實中的對象需要大家不斷地努力,才能如願以償。下面我們來探討一下游戲開發中的對象池管理,它可以更有效地管理遊戲對象的創建和回收。 本文源碼和源工程在文末獲取,小夥伴們自行前往。 什麼是對象池? 對象池,也稱為資源池,是一種用於存儲和重複使用對象的機

遊戲開發 , 對象池 , cocos , 對象 , 前端

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

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

in , object , 原型鏈 , 前端