收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

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

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

css3 , Css , 前端

ahmad-shadeed 頭像

Ahmad Shadeed - A Deep CSS Dive Into Radial And Conic Gradients

CSS gradients are a useful CSS feature that can be used to create interesting UI effects or even help us in drawing something without the need to create HTML elements for it. Two gradients that I wo

animation , Techniques , Css , ui

dmitry-dragilev 頭像

ZURB - Case-Study: Deconstructing Popular Websites

In our past articles, we’ve experimented with better ways to engage users on web pages with CSS3. We love getting into the nuts and bolts of web design by showing off some nifty coding tricks. In th

Security , Case Studies , Opinion Column , Design

gabriel-shoyombo 頭像

Gabriel Shoyombo - Solving Media Object Float Issues With CSS Block Formatting Contexts

Let’s imagine we’re making a small component. It can be anything, really, but let’s use a media object as an example. Nicole Sullivan had a solid definition of media objects from way back in 2010, a

Tutorials , Layouts , coding , Css

newsletter-team 頭像

The Smashing Newsletter Team - Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?

This article discusses the pros and cons of each type of layout. Either one can be used to make a successful website layout, as long as you keep usability in mind. Why all the debate? Web page desi

Layouts , coding , Css

u_16116809 頭像

wx6464351503832 - 強化學習(RL)簡介及其在大語言模型中的應用

看到huggingface上有個大模型課程，其中有個章節是講如何構建推理大模型，下面是對應的學習內容。 接下來會用最通俗易懂的方式介紹RL，就算之前完全沒接觸過也能看懂。會拆解核心概念，看看為什麼RL在大語言模型（LLMs）領域變得這麼重要。 什麼是強化學習（RL）？ 想象一下訓練一隻狗。想教它坐下。可能會説"坐下！"，如果狗坐下了，就

強化學習 , 語言模型 , 自然語言處理 , 人工智能 , Css , 大模型 , 前端開發 , HTML

stephanie-eckles 頭像

Stephanie Eckles - Getting Started With CSS Cascade Layers

CSS recently turned 25 years old, and over that time, many techniques and tools have been created to help developers work with the cascade. Within the last year, a new spec to orchestrate the “C” in

Guides , Techniques , Css

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 Secrets Of Grunge Design

Shiny and glossy design elements are now officially outdated. Just like retro is becoming trendy again, grungy look appears to rapidly gain on popularity. And there is a damn good reason behind it.

Grunge , Trends , Web Design , Design

u_14540126 頭像

最多選5個技能 - 網絡工程師軟考通關指南：基礎網絡技術章節精講與習題解析

網絡工程師作為信息技術領域的重要職業資格，其認證考試（軟考）是衡量專業能力的重要標準。基礎網絡技術作為考試的第一章節，不僅是後續學習的基礎，也是考試中佔比最大的內容之一。本文將從考試大綱出發，系統梳理基礎網絡技術的核心知識點，配以典型習題解析，幫助考生構建完整的知識體系，掌握解題技巧。 一、計算機網絡體系結構深度解析 1.1 OSI七層模型與TCP/IP四層模型對比

子網 , tcp , ip , Css , 前端開發 , HTML

victor-ayomipo 頭像

Victor Ayomipo - Previewing Content Changes In Your Work With document.designMode

So, you just deployed a change to your website. Congrats! Everything went according to plan, but now that you look at your work in production, you start questioning your change. Perhaps that change

devtools , Tools , testing , debugging , Browsers

u_13539 頭像

jowvid - 【深度學習之Transformer】

文章目錄 Week 22: 深度學習補遺：Transformer Encoder構建 摘要 Abstract 1. Positional Encoding 位置編碼 1.1 概要 1.2 代碼實現 1.3 效果簡析 2. LayerNo

人工智能 , transformer , 深度學習 , Css , 代碼實現 , 前端開發 , HTML

u_12891 頭像

gjnet - C++ 子類父類的相互轉換_51CTO博客

背景 在工作中，經常用到父類指針指向子類對象，通過virtual關鍵字實現多態；但當突然子類對象想向父類傳數據時，一下子愣住了。重新回顧下C++基礎 一、子類向父類傳遞數據 1. 基本調用方式 class Parent { public: void parentFunc() { std::

子類 , 數據 , 1024程序員節 , 前端開發 , 父類 , Javascript

cameron-chapman 頭像

Cameron Chapman - A Complete Guide To Tumblr

Tumblr is also an option for designers and creative people, because it gives you complete control over the look of your tumblelog. It also offers great opportunities for theme designers, especially

coding

chris-coyier 頭像

Chris Coyier - Ask SM: CSS Quick-Question Edition

This is our sixth installment of Ask SM, featuring reader questions about Web design focusing on HTML, CSS and JavaScript. These entries are not all questions, but rather quick Twitter responses to

coding , Css

cosima-mielke 頭像

Cosima Mielke - It’s That Time Of The Year (December 2021 Desktop Wallpapers Edition)

Slowly but surely, 2021 is coming to an end. And, well, could there be a better way to celebrate the last few weeks of the year than with some cheerful desktop wallpapers? To get you in the right mo

Wallpapers , Freebies , templates

cristian-diaz 頭像

Cristian Díaz - The Guide To Windows High Contrast Mode

When we talk about accessibility, we tend to talk about many things — such as dark mode, keyboard navigation, prefers-reduced-motion, and screen readers — but there is one thing that does not receiv

Techniques , Accessibility , Css , Design

geoff-graham 頭像

Geoff Graham - Preparing For Interaction To Next Paint, A New Web Core Vital

This article has been kindly supported by our dear friends at DebugBear, who help optimize web performance to improve user experience. Thank you! There’s a change coming to the Core Web Vit

performance , Core Web Vitals , optimization

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序長按功能

現在要實現一個按鈕長按的功能，大概有如下幾個要點： 1、長按按鈕，按鈕覆蓋整個輸入框 2、長按的過程中移動手指，判斷手指移動的位置是否在按鈕內 3、長按鬆開，按鈕還原 按鈕結構如下： view id="audio-full" :class="[ 'audio-full', isLongpress 'touch-longpress'

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

shuirongshui 頭像

水冗水孚 - 力扣之僅僅反轉字母（雙指針方式）

題目描述 給你一個字符串s，根據下述規則反轉字符串： 所有非英文字母保留在原有位置。 所有英文字母（小寫或大寫）位置反轉。 返回反轉後的s 。 示例 1： 輸入： s = "ab-cd" 輸出： "dc-ba" 示例 2： 輸入： s = "a-bC-dEf-ghIj" 輸出： "j-Ih-gfE-dCba" 示例 3： 輸入： s = "Test1ng-Leet=code-Q!" 輸出：

leetcode , 字符串 , 雙指針

michelle-barker 頭像

Michelle Barker - Optimizing A Vue App

Single Page Applications (SPAs) can provide a rich, interactive user experience when dealing with real-time, dynamic data. But they can also be heavy, bloated, and perform poorly. In this article, w

Tools , Vue , Apps , Javascript

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 - Take Your Design To The Next Level With CSS3

So why is it that, when it comes to CSS, we’re stuck in the past and so afraid of experimenting? Why is it that we still use inconvenient CSS hacks and JavaScript-dependent techniques for styling? W

css3 , Techniques , coding , Css