收藏 / 列表

編程三昧 - Webpack 簡介

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

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

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

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

後端 , 前端

海豚V靚仔 - HTML 顏色

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

前端 , html5

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

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

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

倔強的鉛筆 - 優化開發流程:頂級 GraphQL 工具推薦

GraphQL 工具 本文章,會列舉一些好用的 GraphQL 工具,他們可以大大提升你在開發中使用 GraphQL 的效率哦! Prisma 你可以這麼理解,Prisma 是一個 ORM 的庫,讓你使用 GraphQL 查詢時,可以使用對象的形式去查詢,而不需要使用查詢語句去查詢,非常方便,而且 Prisma 還擁有以下特點: Prisma 支持很多數據庫,比如 Mysql、Postgre

graphql , 開發工具 , 開發環境 , 後端 , 前端

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

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

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

加密 , 前端

可不簡單 - vxe-table 如何實現右鍵菜單異步權限控制

vxe-table 如何實現右鍵菜單異步權限控制,根據後端返回是數據結果來判斷按鈕選項是否禁用及是否顯示。 使用 visibleMethod 在菜單顯示時,可以精確到每一列每一行的顯示隱藏與禁用控制,非常靈活,不過是同步還是異步都支持 查看官網:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gi

前端

codechen8848 - 一體化白板!一款開源的白板工具!

在日常工作中,我們常常需要使用到白板工具,用於作圖,生成思維導圖、流程圖等來輔助工作。 今天,給大家介紹一款開源的白板工具,支持多種類型圖! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawnix —— 一款開源的、基於 React 實現的白板工具(SaaS),實現一體化白板功能,包含自由畫、思維導圖、流程圖等。 功能

react , 前端

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

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

go , 前端 , Python

點量實時雲渲染 - 全球國際化市場深度拓展:點量軟件日語OTT/IPTV影音系統成功落地

近日,我司正式完成面向全球日語市場的高規格OTT/IPTV影音系統整體交付。該系統具備多終端、多語言與跨地域的全場景服務能力,實現了技術架構與內容分發的全球化適配,標誌着公司在國際化流媒體系統建設領域取得關鍵性突破,為海外業務佈局再添一具標杆意義的示範案例。 一、項目核心:精準匹配海外日語市場需求 本次合作方是專注於服務全球日語受眾的專業媒體機構,針對其核心訴求,我司提供從系統架構設計、UI定製

資訊 , 服務器 , 數據庫 , 後端 , 前端

小帆聊前端 - 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

億元程序員 - 給大家分享一波獨立遊戲資源網站,大家快點贊關注加收藏

引言 有過遊戲開發經驗的小夥伴都知道,作為一個程序員,無論多麼複雜的功能,只要死磕一下總能做出來。所以真正讓獨立遊戲開發者真正頭疼的並不是代碼不會寫,而是想做的遊戲,卻沒有合適的美術資源,自己做的話又要學習又要設計,這樣下來非常地累,也沒有美術妹子幫忙。因為下面筆者給大家分享一波獨立遊戲資源的網站,大家快點贊關注加收藏! 獨立遊戲資源網站分享 1. kenney.nl: Kenney 提供各種高質

獨立開發者 , 遊戲開發 , 網站 , 資源 , 美術設計

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 , 前端