收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

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

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

原型鏈 , 前端 , Javascript

ahmad-shadeed 頭像

Ahmad Shadeed - A Deep CSS Dive Into Radial And Conic Gradients

CSS gradients are a useful CSS feature that can be used to create interesting UI effects or even help us in drawing something without the need to create HTML elements for it. Two gradients that I wo

animation , Techniques , Css , ui

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

victor-ayomipo 頭像

Victor Ayomipo - Previewing Content Changes In Your Work With document.designMode

So, you just deployed a change to your website. Congrats! Everything went according to plan, but now that you look at your work in production, you start questioning your change. Perhaps that change

devtools , Tools , testing , debugging , Browsers

u_9849794 頭像

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

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

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

shuirongshui 頭像

水冗水孚 - Jenkins系統管理頁面錯誤：反向代理設置有誤

Jenkins報錯截圖如下 場景情況 筆者在Linux服務器上部署Jenkins服務 使用1Panel（寶塔的競品）管理Linux服務器 在上面的應用商店安裝Jenkins（docker容器化方式） 如下 這樣的話，通過http的ip端口，就能夠訪問這個Jenkins服務了，比如：http://ashuai.site:29876 而後，為了使用ssl證書，筆者使用nginx在298

HTTP , HTTPS , cicd , jenkins

cosima-mielke 頭像

Cosima Mielke - Crows, Ghosts, And Autumn Bliss (October 2024 Wallpapers Edition)

The leaves are shining in the most beautiful colors and pumpkins are taking over the front porches. It’s time to welcome the spookiest of all months: October! To get your desktop ready for fall and

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 - A Few Ways CSS Is Easier To Write In 2023

A little while back, I poked at a number of “modern” CSS features and openly evaluated whether or not they have really influenced the way I write styles. Spoiler alert: The answer is not much. Some

Techniques , Tools , Css

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——調度執行

調度性的定義：當我們執行trigger動作觸發副作用函數重新執行時，有能力決定副作用函數的時機、次數以及方式 控制執行時機 先來看看如何決定副作用函數的執行方式 const data = { foo: 1 } const obj = new Proxy(data, {}); // 為了演示，省略代理配置 effect(() = { console.log(obj.foo); }) obj.

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

michelle-barker 頭像

Michelle Barker - Respecting Users’ Motion Preferences

When working with motion on the web, it’s important to consider that not everyone experiences it in the same way. What might feel smooth and slick to some might be annoying or distracting to others

performance , animation , Css , Javascript

preethi-sam 頭像

Preethi Sam - The Times You Need A Custom @property Instead Of A CSS Variable

We generally use a CSS variable as a placeholder for some value we plan to reuse — to avoid repeating the same value and to easily update that value across the board if it needs to be updated. :roo

animation , Css , Design