收藏 / 列表

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

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

原型鏈 , 前端 , Javascript

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 - Web Components Vs. Framework Components: What’s The Difference?

It might surprise you that a distinction exists regarding the word “component,” especially in front-end development, where “component” is often used and associated with front-end frameworks and libr

Frameworks , Design , HTML

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

我們來詳細解析AM32中 Minimum duty cycle, Percent(最小佔空比,百分比) 這個參數。這是一個非常基礎且關鍵的參數,它直接決定了電機能否順利啓動和低速平穩運行。 一、 核心概念:它是什麼? 最小佔空比 定義了電調能夠輸出給電機的最低有效驅動功率。可以把它想象成發動機的怠速。 技術原理:電調通過PWM

參數設置 , 熱啓動 , 滑塊 , Css , 前端開發 , HTML

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

水冗水孚 - 雙指針算法在實際開發中的具體應用之代碼Review文章字符串的片段分割

本文是筆者在實際中具體遇到的場景,從中提取具體的核心的部分,使用前後指針進行性能優化的具體案例 開發需求場景 前段時間,筆者在做代碼Review的時候,發現了一個需求的前端實現方案不太優雅 組員選擇使用了循環加切割的方案去處理這個字符串 筆者最終將其改為,使用快慢指針的方式,讓其變得更加優雅,性能更佳 需求描述 後端有一個字段返回一篇中文文章的具體內容 比如有一個artical文章

leetcode , 雙指針 , 算法 , Javascript

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 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 - Meet Codux: The React Visual Editor That Improves Developer Experience

This article has been kindly supported by our dear friends at Wix who are known to give you the freedom to create, design, manage and develop your web presence exactly the way you want. Thank you

react , workflow , Tools

兔子先森 - 微信AI小程序認證基本流程:認證、完善類目、微信認證

認證類型 認證層面的: 1、申請小程序賬號 2、完善小程序基本信息 名稱 簡介 頭像 介紹 3、完善類目 4、微信認證,認證需要公司主體信息、300塊錢認證費 可能你在開發中還無需微信認證這一步,但上架是需要的,到這裏基本的認證就結束了,然後是開發層面的。 開發層面的: 1、服務器域名配置,如果沒有配置則體驗版本接口無法調用,線上版同理

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

Michelle Barker - Developer Decisions For Building Flexible Components

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Added to that, on the modern web, users have an ever-increasing range of options for ho

Techniques , Content , Css , Design

Preethi Sam - The Things Users Would Appreciate In Mobile Apps

Remember the “mobile first” mantra? The idea was born out of the early days of responsive web design. Rather than design and build for the “desktop” up front, a “mobile-first” approach treats small

mobile , Web Design , User Experience , ui

子丶不語 - 用好 CSS 的三角函數,讓佈局更聰明

在日常開發中,我們經常用calc()、var()來讓樣式變得動態可控。但其實,CSS 還能做更“數學化”的計算——從 CSS Values Level 4 開始,瀏覽器支持了sin()、cos()、tan()等三角函數。 這意味着,我們在樣式中,也能像在 JavaScript 裏那樣,直接用角度計算出幾何關係,讓佈局、動畫更自然、更精準。 一、CSS 三角函數是什麼?

三角函數 , Math , Css , 前端開發 , HTML

Robin Marx - HTTP/3: Practical Deployment Options (Part 3)

Hello, and welcome to the final installment of this three-part series on the new HTTP/3 and QUIC protocols! If after the previous two parts — HTTP/3 history and core concepts and HTTP/3 performance

performance , Security , Browsers

Patrick Brosset - Useful DevTools Tips and Tricks

When it comes to browser DevTools, we all have our own preferences and personal workflows, and we pride ourselves in knowing that “one little trick” that makes our debugging lives easier. But also

devtools , Tools , testing , debugging , Browsers