收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - JS 原型鏈深度解讀：從混亂到通透，掌握 90% 前端面試核心

JS 原型鏈深度解讀：從混亂到通透，掌握 90% 前端面試核心 前言：你是否也被這些原型鏈問題折磨過？ " 為什麼obj.toString()能調用卻不在自身屬性裏？" "prototype和__proto__到底有什麼區別？" " 用class定義的類和原型鏈是什麼關係？" "修改原型對象為什麼會影響所有實例？" 作為 JavaScript 的核心機制，原型鏈是理解繼承、對象關係和內置方法的基礎

原型鏈 , 前端 , Javascript

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

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 - 前端- JSON Schema 實現複雜結構表單數據展示 - 個人文章

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

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

victor-ayomipo 頭像

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

shuirongshui 頭像

水冗水孚 - Initial connection超時接口無法正常請求Status canceled

問題描述 最近上了一版需求，其中有一個接口因為後端的計算量超級巨大，導致接口時間要達到七八秒才能返回對應結果。 上了生產環境以後，請求總是失敗。 測試環境是好好的... 查看控制枱請求發送的報文相關信息如下： 筆者看一下報文，發現請求的狀態從開始的pending等待到最後的canceled取消。 點開請求的Timing面板查看，發現請求卡在Connection Star的Initial conn

網絡請求 , tcp-ip

cosima-mielke 頭像

Cosima Mielke - Best Practices For Naming Design Tokens, Components And Variables

Naming is hard. As designers and developers, we often struggle finding the right name — for a design token, colors, UI components, HTML classes, and variables. Sometimes, the names we choose are too

Best Practices , Design Systems , Figma

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 - Behind The Curtains Of Wikipedia Redesign

Wikipedia is more than a website — it’s perhaps a cornerstone of the World Wide Web. For decades, the site has provided a model for collaborating online, designing long-form content layouts, and sup

Interviews , ux , Design , ui

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3路由跳轉，普通路由和動態路由

vue3路由跳轉分兩種： 1、普通路由 2、動態路由 普通路由 無需在路由配置中聲明，可以隨意添加任意參數 參數以鍵值對的形式出現在 URL 的 ? 之後，用 分隔 例如：/user?id=123name=John，其中 id=123 和 name=John 是 query 參數 參數是可選的非必填項，可以自由傳遞 跳轉方式 const router = useRoute

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

michelle-barker 頭像

Michelle Barker - Sustainable Web Development Strategies Within An Organization

Sustainability is rightly becoming more widely discussed within the web development industry, just as it is an increasing concern in the wider public consciousness. Many countries around the world h

performance , optimization , User Interaction

preethi-sam 頭像

Preethi Sam - How To Animate Along A Path In CSS

Let’s talk about progress indicators — or loaders. It’s true that there are so many tutorials about them and even more examples floating around CodePen. There was a time just a couple of years ago w

Techniques , Css , Design

u_9849794 頭像

子丶不語 - 看完就會！解鎖CSS的花式邊框！

前言 邊框，在界面設計中是挺重要的，它不僅定義了界面元素的物理邊界，還可以影響用户的視覺感知，幫助用户區分不同的界面元素，起到視覺分隔、焦點引導、裝飾美化、保持一致等作用 那麼，在前端開發中，如何實現邊框捏？ 是的，只要給你的元素加上這一條樣式，你的元素就擁有了邊框，但是你會發現，這是一個實線邊框，如果我想實現其它邊框呢？只需要修改中間的solid值即可

縮放 , 框圖 , 圖片資源 , Css , 前端開發 , HTML