收藏 / 列表

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 - Solving Media Object Float Issues With CSS Block Formatting Contexts

Let’s imagine we’re making a small component. It can be anything, really, but let’s use a media object as an example. Nicole Sullivan had a solid definition of media objects from way back in 2010, a

Tutorials , Layouts , coding , Css

u_16116809 頭像

wx6464351503832 - 強化學習(RL)簡介及其在大語言模型中的應用

看到huggingface上有個大模型課程，其中有個章節是講如何構建推理大模型，下面是對應的學習內容。 接下來會用最通俗易懂的方式介紹RL，就算之前完全沒接觸過也能看懂。會拆解核心概念，看看為什麼RL在大語言模型（LLMs）領域變得這麼重要。 什麼是強化學習（RL）？ 想象一下訓練一隻狗。想教它坐下。可能會説"坐下！"，如果狗坐下了，就

強化學習 , 語言模型 , 自然語言處理 , 人工智能 , Css , 大模型 , 前端開發 , HTML

stephanie-eckles 頭像

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

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 - 28 Days Of Inspiration (February 2022 Desktop Wallpapers Edition)

Time flies… The first month of 2022 lies already behind us, and with February just around the corner, it’s time for some fresh inspiration. So how about some wallpapers to tickle your ideas? Well, w

Wallpapers , Graphics , Icons

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 - Reporting Core Web Vitals With The Performance API

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 quite a buzz in the performance com

performance , Core Web Vitals , optimization , API

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序圖片上傳-預覽-刪除

貼幾個可在線訪問的圖片數據，圖片數據最好包含id、url、loading、success的狀態 分別對應： id === key url === url loading === 上傳中 success === 上傳成功的狀態 const imgList = ref([ { id:1, url: 'https://fastly.jsdelivr.net/npm/@van

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

shuirongshui 頭像

水冗水孚 - 連接mysql：Error: connect ECONNREFUSED ::1:3306 at TCPConnectWrap

問題描述 筆者把服務器上的node，從14升級到18 再次使用express的連接池連接mysql的時候（mysql版本：2.18.1） 出現連接不上的報錯 報錯信息如下： Error: connect ECONNREFUSED ::1:3306 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1555:16)

express , MySQL

michelle-barker 頭像

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

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

u_9849794 頭像

子丶不語 - Flex佈局-實戰篇

flex佈局屬於一維佈局簡單來説就是橫向或縱向佈局，將子元素羣編排成行或列。 上面的佈局我們用flex都可以輕鬆幾行實現 一、骰子的佈局 下面，就來看看Flex如何實現，從1個點到9個點的佈局。 HTML模板如下 div class="box" span class

Css , 前端開發 , ide , HTML

myriam-frisano 頭像

Myriam Frisano - Decoding The SVG path Element: Curve And Arc Commands

In the first part of decoding the SVG path pair, we mostly dealt with converting things from semantic tags (line, polyline, polygon) into the path command syntax, but the path element didn’t really

Techniques , coding , Css

atila-fassina 頭像

Atila Fassina - How To Benchmark And Improve Web Vitals With Real User Metrics

This article has been kindly supported by our dear friends at Raygun who help developers identify issues before their customers are impacted, providing the standard of experience that users expec

performance , Core Web Vitals , User Experience

jhey-tompkins 頭像

Jhey Tompkins - A Guide To Audio Visualization With JavaScript And GSAP (Part 2)

Last week in Part 1, I explained how the idea about how to record audio input from users and then moved on to the visualization. After all, without any visualization, any type of audio recording UI

react , Techniques , coding , Javascript

sven-lennartz 頭像

Sven Lennartz - Paper Strips Menus

The beauty of an excellent design lies in designer’s attention to smallest details. Conventions are our friends; however, to stand out, a design needs a creative spin, an elegant play of colors, som

Showcases , Navigation , Inspiration