收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

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

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

設計模式 , 前端

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

gabriel-shoyombo 頭像

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

u_16116809 頭像

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

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

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

stephanie-eckles 頭像

Stephanie Eckles - A Guide To CSS Debugging

We’ve all been there, at the end of completing CSS for a layout and — what’s that? Ah! An extra scrollbar! Or maybe an element is an unexpected color. And on some browsers, that new feature just doe

workflow , Techniques , Tools , Css

u_16213657 頭像

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

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

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

victor-ayomipo 頭像

Victor Ayomipo - Integrating CSS Cascade Layers To An Existing Project

You can always get a fantastic overview of things in Stephenie Eckles’ article, “Getting Started With CSS Cascade Layers”. But let’s talk about the experience of integrating cascade layers into real

Techniques , coding , Css

u_12891 頭像

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

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

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

cosima-mielke 頭像

Cosima Mielke - Endings And New Beginnings (December 2022 Desktop Wallpapers Edition)

2022 is slowly but surely coming to an end. And, well, could there be a better way to welcome the last few weeks of the year than with some beautiful, wintery desktop wallpapers? To get you in the r

Wallpapers

cristian-diaz 頭像

Cristian Díaz - A Guide To Keyboard Accessibility: JavaScript (Part 2)

In the previous article, we talked about how to improve accessibility for keyboard users using HTML and CSS. Those languages can do the job most of the time, but certain design requirements and the

Guides , Accessibility , Css , HTML , Javascript

geoff-graham 頭像

Geoff Graham - Frequently Heard In My Beginning Front-End Web Development Class

I felt uninspired for a spell in 2019 and decided to enroll in a beginning-level community college course on web development as a way to “spice” things up, sort of like going backwards in order to m

workflow , Inspiration , Web Design

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron打包報錯errorOut=ERROR: Cannot create symbolic link

這種打包報錯實際上是缺少對應文件，由於electron在打包時會下載資源，有些資源需要科學上網，所以正常打包網速過慢會導致資源丟失。 像上圖報錯，很明顯是丟失winCodeSign-2.6.0資源，所以我們需要去下載對應資源 資源下載鏈接：https://github.com/electron-userland/electron-builder-binaries/release

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

shuirongshui 頭像

水冗水孚 - 彈性盒佈局之從左往右，空間不夠換行繼續從左往右（從左往右，從上往下，between效果）

本文記錄一個css小技巧，不難，不過可能自己一時間想不到 問題描述 我們有這樣的需求，大容器中有很多的盒子，從左往右排列，空間不夠的話，然後換行，繼續從左往右排列，如下效果圖 看到這樣的需求，我們第一時間想到的就是彈性盒佈局，給大容器開啓彈性盒、允許換行，兩側分佈，於是會寫下如下代碼： display: flex; flex-wrap: wrap; justify-content: space-

佈局 , Css

michelle-barker 頭像

Michelle Barker - New CSS Features In 2022

Container queries enable us to style an element depending on the size of its parent — a crucial difference from media queries, which only query the viewport. This has long been a problem for respons

Guides , Css , Browsers

preethi-sam 頭像

Preethi Sam - In Search Of The Ideal Privacy Icon

I’ve been on the lookout for a privacy icon and thought I’d bring you along that journey. This project I’ve been working on calls for one, but, honestly, nothing really screams “this means privacy”

Icons , Design , ui

u_9849794 頭像

子丶不語 - 告別“自動黑屏”——一個原生 JS API 就夠了

核心用法（3 段代碼就夠） 1) 能不能用？ function isWakeLockSupported() { return 'wakeLock' in navigator; } 2) 申請 監聽釋放 let wakeLock = null; async function requestWakeLock() { tr

sed , HTTPS , 標籤頁 , 前端開發 , Javascript

nizi_60e514d097c9a 頭像

MIAOYUN - MIAOYUN | 每週AI新鮮事兒（10.24-10.31）

本週AI領域迎來密集更新，視頻生成為創新焦點，字節、MiniMax等發佈的模型實現了長視頻、多鏡頭與效率突破；多模態、3D場景與智能體平台（如華為WorldGrow、智源Emu3.5、360 SEAF）取得顯著進展；同時，ChatGPT在心理安全、OpenAI在開源安全模型以及PayPal與OpenAI的生態合作上也有關鍵動作，一起來回顧本週發生的AI新鮮事兒吧！ AI 大模型 中國科大與字節跳動

機器學習 , 算法 , 自然語言處理 , 人工智能 , 深度學習