收藏 / 列表

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

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

原型鏈 , 前端 , Javascript

Ahmad Shadeed - Using HSL Colors In CSS

From my experience, most of the colors I see people using in CSS are hex and RGB. Recently, I’ve started seeing more usage of HSL colors, however, I still think that the full potential of HSL is ove

Techniques , Tools , Css , Colors

ZURB - Stronger, Better, Faster Design with CSS3

In this second article we’re going to focus on using those CSS techniques (and a little JavaScript) to create some practical elements and layouts. As before, caveat coder — a lot of the CSS properti

css3 , coding , Css

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

The Smashing Newsletter Team - Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?

This article discusses the pros and cons of each type of layout. Either one can be used to make a successful website layout, as long as you keep usability in mind. Why all the debate? Web page desi

Layouts , coding , Css

wx6464351503832 - 通義DeepResearch技術報告解讀

通義深度研究:開源AI研究助手的新里程碑 最近AI研究領域有個很有意思的現象,就是那些最厲害的AI研究助手,比如OpenAI的DeepResearch、谷歌的Gemini DeepResearch,全都是閉源的。這就像大家都在説"我做出了很棒的東西",但就是不告訴你怎麼做的。阿里巴巴通義實驗室最近開源的通義深度研究(Tongyi

強化學習 , agent , 智能體 , 數據 , Css , 大模型 , 前端開發 , HTML

Stephanie Eckles - Level Up Your CSS Skills With The :has() Selector

Using :has() gives us the ability to “look ahead” with CSS and style a parent or ancestor element. Then, we can broaden the selector to target one or more siblings or children. By considering elemen

workflow , Tools , Css , Browsers

mob64ca140a1f7c - 電調

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

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

小蝌蚪 - 手遊聯運聚合SDK——一鍵打包原理

遊戲聯運模式與統一包模式是移動遊戲發行中兩種常見的分發和合作方式,它們在合作機制、技術實現、收益分配、運營控制等方面存在顯著差異。 下面是對這兩種模式的詳細對比: 一、遊戲聯運模式(聯合運營) 1. 定義 聯運(聯合運營)是指遊戲研發商(CP)與多個渠道平台(如應用寶、華為、OPPO、vivo、TapTap 等)合作,由渠道提供用户流量和支付通道,CP 提

安裝包 , app , google , Css , 前端開發 , HTML

Sven Lennartz - On-Stage: Free Vector PSD Icon Set

You can find our previous releases in our section Freebies. Today we are glad to release a icON Stage icon set. The set contains 49 free vector icons including PSD which can be useful for both co

Downloads , Icons , Freebies

最多選5個技能 - PyCharm生產力提升終極指南:從高效快捷鍵到團隊協作

PyCharm生產力提升終極指南:從高效快捷鍵到團隊協作 1. 鍵盤驅動開發:核心快捷鍵精通 1.1 代碼導航快捷鍵 # 示例:使用快捷鍵導航代碼 class DataProcessor: def __init__(self, config): # Ctrl+B跳轉到定義 self.config = config

快捷鍵 , 自定義 , 自動生成 , Css , 前端開發 , HTML

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

jowvid - 【圖論——第一講】圖論基礎以及圖的儲存

文章目錄 圖論理論基礎(1) 1. 圖的基本概念 1.1 基本術語 2. 圖的分類 2.1 有向圖 vs 無向圖 2.2 加權圖 vs 無權圖 2.3 度(Degree) 3. 圖的連通性

數據結構 , 算法 , 寬度優先 , Css , 廣度優先 , 前端開發 , HTML , 圖論

gjnet - FPGA:邏輯功能的仿真與驗證_FPGA_timerring

一、新建tb文件 進行例化 定義輸入信號和輸出信號 將輸入信號與被測試模塊連接到一起 定義時鐘信號 含義是定義clk為高電平,延時10納秒後取反 定義復位信號 先通過復位將D觸發器設置為零,在仿真時間線上往後推移201ns,多等一納秒是為了避免

觸發器 , 時鐘週期 , 後端開發 , fpga開發 , 右鍵 , Python

Cameron Chapman - 45+ Excellent Code Snippet Resources and Repositories

The beauty of code snippets is their ability to save you time when developing a site. Whether you keep a file with your own often-reused snippets or turn to one of the many online repositories, snip

Tools , Inspiration , coding , Design , Javascript

Chris Coyier - [Ask SM: CSS] Equal Spacing, CSS Font Replacement

This is our fourth installment of Ask SM, featuring reader questions about Web design, focusing on HTML, CSS, and JavaScript. In this post we’ll cover how you can distribute the horizontal space bet

coding , Css

Cosima Mielke - Smart CSS Solutions For Common UI Challenges

It’s incredible to see what we can do with CSS today, especially if you still remember how difficult it once was to figure out stacking contexts or why margins collapsed and why top: float didn’t wo

Round-Ups , Tools , Css , Resources

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 - Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS

I woke up one morning in early 2022 and caught an article called “A Whistle-Stop Tour of 4 New CSS Color Features” over at CSS-Tricks. Wow, what a gas! A new and wider color gamut! New color spaces

Techniques , Css , Design

兔子先森 - css元素高度佔滿餘下空間

div class="box" div class="box1"/div div class="box2" div style="height: 500px;border: 1px solid gold;" /div /div /div 在css中,div的寬度默認獨佔一行,而高度需要手動設置。 上面的佈局,box 高度 300 box1的高度未

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

水冗水孚 - 面對業務需求,多思考一下如何更好實現,不要成為麻木的前端npm調包俠

前言 前段時間,有一個業務需求,就是要實現類似excel單元格可以選中的需求,需求如下: ✅ 單擊切換選中狀態 ✅ 按住Ctrl鍵進行拖拽多選 ✅ 禁用項處理 ✅ 右鍵清空所有選中 ✅ 連續選中的視覺效果優化(邊框合併處理) 效果圖 線上預覽地址:https://ashuai.site/reactExamples/verticalSelection github地址:https:/

react , jsx , npm

Michelle Barker - A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect

Techniques , Tools , Css , Colors , Design Systems

Preethi Sam - Event Calendars For Web Made Easy With These Commercial Options

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

Tools , Web Components

Inayaili de Leon - How To Support Internet Explorer and Still Be Cutting Edge

But how do we actually do that? How do we create websites that are up to date with the latest coding techniques but that are also usable for people experiencing the Web on Internet Explorer? In thi

testing , coding , Css , Internet Explorer