收藏 / 列表

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

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

原型鏈 , 前端 , Javascript

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

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

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

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

Victor Ayomipo - CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control

CSS is wild, really wild. And tricky. But let’s talk specifically about specificity. When writing CSS, it’s close to impossible that you haven’t faced the frustration of styles not applying as expe

Techniques , coding , Css

水冗水孚 - 使用nodejs的express框架實現大文件上傳的功能,附完整前後端github代碼

問題描述 兩年前,筆者寫過一篇文章 《面試官桀桀一笑:你沒做過大文件上傳功能?那你回去等通知吧!》 當時,後端是用java語言寫的 本篇文章,就是講解一下,後端的nodejs如何實現大文件上傳 後端使用node的express框架寫 完整代碼在github上:https://github.com/shuirongshuifu/bigfile 在看本篇文章之前,建議看一下之前的筆者的大

express , node.js , Javascript

Cosima Mielke - Finding The Balance (September 2022 Desktop Wallpapers Edition)

Lush green slowly turning into yellows, reds, and browns in the Northern hemisphere; nature awakening from its slumber in the Southern part of the world: September is a time of change. A chance to l

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 - 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

兔子先森 - 前端頁面單詞、網址溢出換行

效果: 在css中,對文字可以使用:flex-wrap: wrap; 來實現文字溢出換行。 但如果文字是英文、網址,該屬性則無效。 我們需要對英文、網址進行斷字,然後使其換行,下面是mdn的解釋: .company_detail_webaddress{ max-width: 55%; margin-right: 10rpx;

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

Michelle Barker - Building A Dynamic Header With Intersection Observer

The Intersection Observer API is a JavaScript API that enables us to observe an element and detect when it passes a specified point in a scrolling container — often (but not always) the viewport — t

performance , API , Javascript , ui

Preethi Sam - SerpApi: A Complete API For Fetching Search Engine Data

This article has been kindly supported by our dear friends at SerpApi, who make search result extraction easy with their real-time API. Thank you! SerpApi leverages the power of search engi

API , Tools , Research

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

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

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

Adrian Bece - Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

In Part 1, we’ve covered the side effects of low-quality CSS codebase on end-users, development teams, and management. Maintaining, extending, and working with the low-quality codebase is difficult

Refactoring , Techniques , testing , Css