收藏 / 列表

小帆聊前端 - 前端設計模式深度解讀:從混沌到有序,寫出可維護的代碼

前端設計模式深度解讀:從混沌到有序,寫出可維護的代碼 前言:你是否也被這些代碼問題折磨過? "這個彈窗組件改一處就崩三處,到底誰寫的?" "為什麼同樣的表單驗證邏輯,每個頁面都要複製粘貼?" "狀態管理越來越亂,新增功能要改五六個地方?" "接手的項目像一團亂麻,根本不敢動核心邏輯?" 前端開發中,"能跑就行" 的代碼在初期或許能快速交付,但隨着項目迭代,維護成本會指數級增長。設計模式不是銀彈,卻

設計模式 , 前端

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

ZURB - How To Use the “Seven Deadly Sins” to Turn Visitors into Customers

In this article we’ll show examples of how successful companies exploit the tendency to conduct all the famous Seven Deadly Sins, and in turn generate momentum with their website visitors. Ready? Le

Marketing , Content , E-Commerce , Business

Gabriel Shoyombo - CSS Intelligence: Speculating On The Future Of A Smarter Language

Once upon a time, CSS was purely presentational. It imperatively handled the fonts, colors, backgrounds, spacing, and layouts, among other styles, for markup languages. It was a language for looks,

Techniques , coding , Css

wx6464351503832 - Agent實戰教程:深度解析async異步編程在Langgraph中的性能優化

在現代Python開發中,異步編程已經成為提高程序性能的重要手段,特別是在處理網絡請求、數據庫操作或AI模型調用等耗時操作時。本文將通過實際的LangGraph 示例,深入解析async的真正作用,並揭示一個常見誤區:為什麼異步順序執行與同步執行時間相近? async的核心作用 async的主要價值在於創建異步編程環境,讓程序在等待耗

性能優化 , redis , 執行時間 , 智能體 , 數據庫 , 人工智能 , 大模型

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

mob64ca140a1f7c - 摩爾斯電碼 — 摩爾斯密碼_51CTO博客

最近在研究摩爾斯電碼的時候,偶然發現了一個挺不錯的在線工具網站 ——Morse Coder。作為一個對老技術有點興趣的人,我花了1小時時間把這個網站的功能都深度體驗了一遍,感覺值得推薦給大家。 而且重要的是,完全免費。 先説説我最常用的幾個功能 文本翻譯器 這個功能最實用,就在首頁。你可以直接輸入文字,實時轉換成摩爾斯電碼,也可以反過來

上傳 , 翻譯器 , 註冊登錄 , Css , 前端開發 , HTML

小蝌蚪 - 10、uniapp數據緩存

一、UniApp 緩存系統概述 1.1 緩存概念與作用 在 UniApp 中,本地緩存(Storage)是一種鍵值對(Key-Value)存儲機制,用於在設備本地保存小量數據。它類似於瀏覽器的 localStorage 或小程序的 wx.setStorage,但 UniApp 通過統一的 API 封裝,實現了跨平台的透明使用。緩存的作用主要體現在以下方面:

app , 緩存 , Css , 前端開發 , HTML , Json

Sven Lennartz - Adobe Photoshop Tutorials - Best Of

When it comes to graphic design, Adobe Photoshop is usually the first option to consider. However, the software itself is a quite tough nut to crack — and definitely extremely hard to master. For in

Photoshop , Tutorials , Graphics

最多選5個技能 - 系統架構設計師高階難題解析與深度思考

一、分佈式系統深度難題 1.1 一致性協議進階應用 難題1:Multi-Paxos優化實現 考慮一個需要高吞吐的分佈式配置管理系統,採用Multi-Paxos協議。已知網絡延遲RTT=50ms,每個提案大小1KB,客户端請求速率2000QPS。求: 理論上最大吞吐量是多少? 如何通過批處理和流水線優化提升性能? 在節點

架構設計 , 數據中心 , 緩存 , 後端開發 , Python

Victor Ayomipo - CSS min() All The Things

Did you see this post that Chris Coyier published back in August? He experimented with CSS container query units, going all in and using them for every single numeric value in a demo he put together

Techniques , Tools , Css

智能創新夢想家 - API接口架構REST vs GraphQL-

API Blueprint GraphQL混合設計:優勢互補的API架構 你是否在API設計中面臨兩難選擇?RESTful API的簡單直觀與GraphQL的靈活查詢似乎總是難以兼顧。本文將展示如何通過API Blueprint與GraphQL的混合架構,結合兩者優勢,打造既易於維護又能靈活滿足前端需求的API系統。讀完本文,你將瞭解混合架

API , graphql , Css , 數據查詢 , 前端開發 , HTML

jowvid - OpenAI的新型強化學習算法PPO-讀PAPER-02

核心概念解析 簡而言之,強化學習是關於智能體(agent)以及它們如何通過試錯來學習的研究。它將這樣一種理念形式化:對智能體的行為進行獎勵或懲罰,會使它在未來更有可能重複或放棄該行為。 強化學習能做什麼? 強化學習方法近年來在多個領域取得了廣泛的成功。例如: 它被用於教計算機在模擬環境中控制機器。 也能在現實世界中控制機器 它還因

強化學習 , 數據 , 標準差 , Css , 前端開發 , HTML

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

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

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

Cameron Chapman - Principles Of Minimalist Web Design

Minimalism is achieved by reducing a design to only the most essential elements. Expressions of minimalism span multiple disciplines, as well as other art forms such as music and literature. For web

Showcases , Web Design , Design

The Smashing Newsletter Team - Adaptive CSS-Layouts: New Era In Fluid Layouts?

If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You

Layouts , coding , Css

Chris Coyier - [Ask SM: CSS] Equal Spacing, CSS Font Replacement

This is our fourth installment of Ask SM, featuring reader questions about Web design, focusing on HTML, CSS, and JavaScript. In this post we’ll cover how you can distribute the horizontal space bet

coding , Css

Cosima Mielke - Prelude To Summer (June 2025 Wallpapers Edition)

There’s an artist in everyone. Some bring their ideas to life with digital tools, others capture the perfect moment with a camera or love to grab pen and paper to create little doodles or pieces of

Wallpapers

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 - iA Presenter: A Case Study On Product Pricing Considerations

This article has been kindly supported by our dear friends at iA who create beautiful, human-centric experiences with their iA Writer and Presenter products. Thank you! So, you’ve created a

Pricing , Case Studies , Business

兔子先森 - axios多個baseURL封裝+vite跨域代理多個baseURL連接

公共封裝 import axios from 'axios'; import { MessagePlugin } from 'tdesign-vue-next'; import { getStorageToken } from '@/utils/index'; const api1 = axios.create({ baseURL: '/api1' }); const api2 = axio

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

水冗水孚 - Console對象的常用api學習記錄

Console對象 js中也有萬物皆對象的定義,所以我們常用的console也是一個對象,自然是對象,那麼其身上就會自帶一些方法和屬性。大家F12打開控制枱以後,直接輸入console回車,就可以看明細啦,如下圖: 本文記錄一下常用的console的api,細節來自於官方文檔:Chrome DevTools中文手冊:https://leeon.gitbooks.io/dev... 裏面還有其他很

console , chrome

Michelle Barker - A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect

Techniques , Tools , Css , Colors , Design Systems