收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - CSS BFC 深度解讀：從原理到實戰，解決 90% 佈局難題

CSS BFC 深度解讀：從原理到實戰，解決 90% 佈局難題 前言：被 “玄學佈局” 折磨的日常 “為什麼兩個相鄰 div 的 margin 疊成一個了？” “浮動元素怎麼把父容器‘撐破’了？” “文字怎麼總繞着浮動圖片跑，我想讓它老老實實換行！” “子元素用了絕對定位，怎麼就超出父容器範圍了？” 如果你在前端開發中遇到過這些問題，説明你還沒真正掌握 BFC—— 這個 CSS 中 “看不見卻很重

css3 , Css , 前端

ahmad-shadeed 頭像

Ahmad Shadeed - A Deep Dive Into object-fit And background-size In CSS

We’re not always able to load different-sized images for an HTML element. If we use a width and height that isn’t proportional to the image’s aspect ratio, the image might either be compressed or st

Techniques , Tools , Css , Browsers

dmitry-dragilev 頭像

ZURB - Stronger, Better, Faster Design with CSS3

In this second article we’re going to focus on using those CSS techniques (and a little JavaScript) to create some practical elements and layouts. As before, caveat coder — a lot of the CSS properti

css3 , coding , Css

gabriel-shoyombo 頭像

Gabriel Shoyombo - Web Components Vs. Framework Components: What’s The Difference?

It might surprise you that a distinction exists regarding the word “component,” especially in front-end development, where “component” is often used and associated with front-end frameworks and libr

Frameworks , Design , HTML

newsletter-team 頭像

The Smashing Newsletter Team - CSS Ideas And Wishlist: Debates and Solutions

CSS will get a number of new changes. Among them are alternative syntaxes, CSS programming concepts and the ability to allow more common design techniques without using images. In this article, we’l

Techniques , coding , Css

u_16116809 頭像

wx6464351503832 - 測試內容json

[ [ "wrb.fr", "hNvQHb", [ [ [ [ "c_197ce1069b081dc2", "r_2e7621f2277efc20" ], [

ico , MySQL , Augmented , 數據庫 , ide , Json

stephanie-eckles 頭像

Stephanie Eckles - Level Up Your CSS Skills With The :has() Selector

Using :has() gives us the ability to “look ahead” with CSS and style a parent or ancestor element. Then, we can broaden the selector to target one or more siblings or children. By considering elemen

workflow , Tools , Css , Browsers

u_16213657 頭像

mob64ca140a1f7c - 前端- JSON Schema 實現複雜結構表單數據展示 - 個人文章

第一章：JS智能表單生成的技術背景與意義 隨着前端技術的快速發展，傳統靜態表單已難以滿足現代Web應用對靈活性與可維護性的高要求。JavaScript作為瀏覽器端的核心編程語言，憑藉其動態性與豐富的生態系統，為實現智能化、數據驅動的表單生成提供了堅實基礎。通過將表單結構抽象為配置數據，結合模板引擎或虛擬DOM機制，開發者能夠動態渲染複雜表單，顯著提

字段 , 表單 , 插槽 , 後端開發 , Python

u_12226 頭像

小蝌蚪 - 手遊聯運聚合SDK——一鍵打包原理

遊戲聯運模式與統一包模式是移動遊戲發行中兩種常見的分發和合作方式，它們在合作機制、技術實現、收益分配、運營控制等方面存在顯著差異。 下面是對這兩種模式的詳細對比： 一、遊戲聯運模式（聯合運營） 1. 定義 聯運（聯合運營）是指遊戲研發商（CP）與多個渠道平台（如應用寶、華為、OPPO、vivo、TapTap 等）合作，由渠道提供用户流量和支付通道，CP 提

安裝包 , app , google , Css , 前端開發 , HTML

sven-lennartz 頭像

Sven Lennartz - The Big Horizontal Line Archive - Download your <hr> line now!

What is hr /? Basically, it is an old HTML-tag which has been used since the very beginning of the Web. hr stands for the horizontal rule and represents exactly what you would expect — a horizontal

Graphics , Downloads , Freebies , Inspiration , HTML

u_14540126 頭像

最多選5個技能 - 信息系統監理師軟考備考指南：項目管理基礎章節精講與習題解析

一、信息系統監理師考試概述 信息系統監理師作為軟考（計算機技術與軟件專業技術資格（水平）考試）的中級資格認證之一，是IT行業含金量較高的專業資質。該考試旨在評估考生在信息系統工程建設過程中實施監督管理的能力，包括對項目質量、進度、投資的控制能力，以及合同管理、信息管理和組織協調能力。 考試分為基礎知識和應用技術兩大科目，其中基礎知識部分採用筆試形式，包含75道選擇題；

工程項目 , 項目管理 , 關鍵路徑 , Css , 前端開發 , HTML

victor-ayomipo 頭像

Victor Ayomipo - Solo Development: Learning To Let Go Of Perfection

As expected from anyone who has ever tried building anything solo, my goal was not to build an app but the app — the one app that’s so good you wonder how you ever survived without it. I had everyth

workflow , Inspiration , Web Design , Opinion Column

u_13539 頭像

jowvid - 【圖論——第一講】圖論基礎以及圖的儲存

文章目錄 圖論理論基礎（1） 1. 圖的基本概念 1.1 基本術語 2. 圖的分類 2.1 有向圖 vs 無向圖 2.2 加權圖 vs 無權圖 2.3 度（Degree） 3. 圖的連通性

數據結構 , 算法 , 寬度優先 , Css , 廣度優先 , 前端開發 , HTML , 圖論

u_12891 頭像

gjnet - 空降負責人如何與團隊建立信任？_極客時間_石雲升

團隊士氣低落是組織面臨的嚴峻挑戰，其根源往往在於信任缺失、方向迷茫或持續的壓力。要在這種情況下重建信任與動力，管理者必須採取一套系統性且以人為本的策略。核心在於立即開啓透明、誠實的雙向溝通，主動承認問題所在，並清晰闡明未來的改進方向和共同目標。 解決信任危機是第一要務，這要求領導者言行一致，兑現承諾。其次，必須通過實際行動展示變革的決心，例如公平處理遺留問題、優化不合理的流程、併

Small , 數據 , 一對一 , Css , 前端開發 , HTML

cameron-chapman 頭像

Cameron Chapman - Useful Web Design E-Mail Newsletters

BlueVertigo Newsletter BlueVertigo regularly updates its list of resources related to design and web-development and informs its subscribers about recent updats and new resources. Always a very goo

Newsletters , Inspiration , Content Strategy , Design

chris-coyier 頭像

Chris Coyier - 12 Principles For Clean HTML Code

Beautiful and clean HTML is the foundation of a beautiful website. When I teach people about CSS, I always begin by telling them that good CSS can only exist with equally good HTML markup. A house i

workflow , Characters , Principles , coding , Validation , Css

cosima-mielke 頭像

Cosima Mielke - The Magic Of February (2023 Wallpapers Edition)

As designers we usually turn to different sources of inspiration, and, well, sometimes the best inspiration lies right in front of us. With that in mind, we embarked on our wallpapers adventure more

Wallpapers

cristian-diaz 頭像

Cristian Díaz - A Guide To Keyboard Accessibility: HTML And CSS (Part 1)

Keyboard accessibility is an important part of the user experience. There are multiple criteria in Web Content Accessibility Guidelines (WCAG) about this topic. Still, it’s somehow overlooked, affec

Guides , Accessibility , Css , HTML

geoff-graham 頭像

Geoff Graham - A Few Ways CSS Is Easier To Write In 2023

A little while back, I poked at a number of “modern” CSS features and openly evaluated whether or not they have really influenced the way I write styles. Spoiler alert: The answer is not much. Some

Techniques , Tools , Css

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序流式錄音-PCM

uniapp在微信小程序中使用Record.js 先安裝核心依賴 npm install recorder-core 然後插件市場下載插件 頁面結構，我們需要一個canvas元素來承載波形的繪製，canvas需要設置大小，下面的代碼可以直接複製使用 template view class="recorder-box" canvas type

react , vue.js , HTML , 前端 , Javascript

shuirongshui 頭像

水冗水孚 - 圖文並茂：從Ubuntu服務器上安裝Ollama，到下載大模型，到寫前端頁實現大模型問答對話功能

本文圖文並茂，記錄安裝 Ollama過程，下載大模型，啓動ollama大模型服務，然後通過nginx代理外部請求訪問，實現一個前端問答效果 準備工作 一台服務器，操作系統 Ubuntu，版本大於等於 20.04，筆者的是 Ubuntu 22.04 64 bit 當然了 有域名最好 一個圖形可視化化鏈接服務器軟件，筆者推薦 winscp 一架梯子，筆者用的是，clash小貓 效果圖 效

react , ai開發 , Nginx , 大模型 , Ubuntu

michelle-barker 頭像

Michelle Barker - Developer Decisions For Building Flexible Components

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Added to that, on the modern web, users have an ever-increasing range of options for ho

Techniques , Content , Css , Design

preethi-sam 頭像

Preethi Sam - Event Calendars For Web Made Easy With These Commercial Options

This article has been kindly supported by our dear friends at Bryntum, who are strong believers in the web as an application platform and provide advanced UI components and dev tools for over 500

Tools , Web Components

inayaili-de-leon 頭像

Inayaili de Leon - Taming Advanced CSS Selectors

The best way to avoid these plagues spreading in your markup and keep it clean and semantic is by using more complex CSS selectors, ones that can target specific elements without the need for a clas

coding , Css