收藏 / 列表

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 - Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module?

You’ve got a Pinterest-style layout to build, but you’re tired of JavaScript. Could CSS finally have the answer? Well, for a beginner, taking a look at the pins on your Pinterest page, you might be

Techniques , CSS Grid , Css , Design

u_16116809 頭像

wx6464351503832 - 測試內容json

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

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

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 - javascript - 前端面試試題收集 - 個人文章

由於目前現在求職市場競爭激烈，許多初學者和經驗豐富的開發人員都面臨着求職問題。因此，最好的方法是不斷學習並提高自己的技能。為了拿到心儀的offer，我們需要認真準備面試，因此，今天我為大家準備了53道面試題，我以“一問一答”的形式將這些前端面試題分享出來，希望能夠幫助到你。雖然這些面試題主要針對初級開發人員，但其中也有包括一些中級開發人員的題。那麼，我們

vue.js , 面試 , 開發語言 , 前端開發 , 前端 , Javascript

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

u_12891 頭像

gjnet - Web響應式設計(一) - Ashley的輪子

你是否曾在終端命令行查詢天氣後，又想在瀏覽器中查看更詳細的預報？wttr.in通過創新的響應式設計，讓天氣信息在終端和Web界面間無縫切換，一次查詢滿足兩種場景需求。本文將深入解析其跨平台適配的實現原理，展示如何通過代碼層面的精妙設計，讓同一套數據呈現出截然不同的視覺體驗。 終端界面的自適應佈局系統 wttr.in的終端界面採用模塊化設計，能夠根據終端寬度自動

響應式設計 , Css , 前端開發 , HTML , Web

cosima-mielke 頭像

Cosima Mielke - The Future Of User Research: Expert Insights And Key Trends

This article has been kindly supported by our dear friends at Maze, the user research platform that empowers any company to build the right products faster by making user insights available at th

ux

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 - Writing CSS In 2023: Is It Any Different Than A Few Years Ago?

Is there anything in the front-end world that’s evolving faster than CSS these days? After what seemed like a long lull following blockbusters Flexbox and Grid, watching CSS release new features ove

Guides , Techniques , Tools , Css

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3封裝一個頁面級的滾動條觸底加載函數

主要參數： ● loading 是否加載中 ● hasMore 是否有更多，根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表的函數，比如getList，該函數是一個async的Promise函數 ● threshold

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

shuirongshui 頭像

水冗水孚 - 每天進步一點點——學習高度過渡的四種方式

每天學點知識點，每天進步一點點，本文記錄了高度過渡變化的四種方式，大家一塊來查漏補缺，或者回顧知識吧😉😉😉 常見的四種方式的高度過渡 目前常見的高度過渡的方式有四種 transition + height transition + max-height transition + tranform:scale(0/1) JS方式計算元素的高度 實際上，還有一個height: c

Css , Javascript

michelle-barker 頭像

Michelle Barker - Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds

The COP26 climate conference has thrown into a sharp light the importance of reducing carbon emissions in every area of our lives. Everyone can play a role in this, including those of us working on

performance , optimization , User Interaction , ui

preethi-sam 頭像

Preethi Sam - Best Of Pro Scheduler Libraries

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

workflow , Productivity , Tools

u_9849794 頭像

子丶不語 - 停止濫用箭頭函數：這5個場景請務必使用 function

自 ES6 問世以來，箭頭函數（Arrow Functions）以其簡潔的語法和對this的詞法綁定，迅速成為了 JavaScript 開發者的“新寵”。我們似乎傾向於在任何可以使用函數的地方都換上() = {}。 然而，箭頭函數並非“銀彈”，它並不能完全替代傳統的function關鍵字。過度濫用箭頭函數，尤其是在不理解其工作原理的情況下，會導致難以追蹤的 bug 和意外行

作用域 , ES6 , 構造函數 , 後端開發 , .net