收藏 / 列表

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

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 - 摩爾斯電碼 — 摩爾斯密碼_51CTO博客

最近在研究摩爾斯電碼的時候，偶然發現了一個挺不錯的在線工具網站 ——Morse Coder。作為一個對老技術有點興趣的人，我花了1小時時間把這個網站的功能都深度體驗了一遍，感覺值得推薦給大家。 而且重要的是，完全免費。 先説説我最常用的幾個功能 文本翻譯器 這個功能最實用，就在首頁。你可以直接輸入文字，實時轉換成摩爾斯電碼，也可以反過來

上傳 , 翻譯器 , 註冊登錄 , Css , 前端開發 , HTML

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

shuirongshui 頭像

水冗水孚 - 效能工具（九）之編寫nodejs腳本使用get-video-duration批量讀取視頻時長，並生成sql語句修復數據庫表字段值

前言 看文，看的是一種思路，希望筆者的文章能給諸位帶來一些靈感思路☺️☺️☺️ 場景概述 實際場景描述有些冗餘，特抽象出來描述如下： 公司平台上有一個視頻文件列表，列表有近千條數據，對應接口返回的就是一個數組，length將近1000，如： let tableData = [ { id: 1, name: '視頻1', duration: 364, url: 'https://abc.co

node.js , SQL

cosima-mielke 頭像

Cosima Mielke - Expand Your Horizons (June 2022 Desktop Wallpapers Edition)

There’s an artist in everyone. Some bring their creative ideas to life with digital tools, others capture the perfect moment with a camera or love to grab pen and paper to create little doodles or p

Wallpapers , Freebies , templates

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 - The Fight For The Main Thread

This article has been kindly supported by our dear friends at SpeedCurve who not only help people measure the speed of their websites, but also identify and fix performance issues. Thank you!

performance , Tools , testing

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端wavesurfer.js錄音+波形功能

vue3項目，主要通過wavesurfer.js實現前端錄音+實時波形渲染 template div class="audio-container" @click="onStop" div class="flex-between audio-box" v-if="!transform" div你可以開始説話/div div class="audio" id="w

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

michelle-barker 頭像

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

Preethi Sam - How To Draw Radar Charts In Web

I got to work with a new type of chart for data visualization called a radar chart when a project asked for it. It was new to me, but the idea is that there is a circular, two-dimensional circle wit

Techniques , Css , Data Visualization

u_9849794 頭像

子丶不語 - 停止濫用箭頭函數：這5個場景請務必使用 function

自 ES6 問世以來，箭頭函數（Arrow Functions）以其簡潔的語法和對this的詞法綁定，迅速成為了 JavaScript 開發者的“新寵”。我們似乎傾向於在任何可以使用函數的地方都換上() = {}。 然而，箭頭函數並非“銀彈”，它並不能完全替代傳統的function關鍵字。過度濫用箭頭函數，尤其是在不理解其工作原理的情況下，會導致難以追蹤的 bug 和意外行

作用域 , ES6 , 構造函數 , 後端開發 , .net

chunzhendegaoshan 頭像

RestCloud - 企業怎麼挑合適的數據集成工具?

我們先來看一個常見的現象，大家也可以看下當前是否也遇到這類情況。 某大型製造企業在推進數字化轉型過程中，面臨一個典型的困境：生產系統的實時工單數據存於MySQL，倉儲物流使用SAP HANA，客户行為日誌流經Kafka，而集團BI分析依賴的卻是每月手動導出的Excel報表。多個團隊嘗試用腳本拼接數據，結果導致數據延遲嚴重、口徑不一，甚至出現財務對賬偏差。更棘手的是，當安全審計要求追溯某條銷售記錄的

數據同步 , etl , 數據處理 , apache , 數據傳輸

wuxiedekeben 頭像

無邪的課本 - Git 2.15.0 64位安裝步驟Windows詳細教程從下載到驗證（附安裝包下載）

​ 一、下載後雙擊運行 安裝包下載：https://pan.quark.cn/s/7200b32a1ecf，找到下載好的文件：​Git-2.15.0-64-bit.exe​ 雙擊這個文件，就會彈出安裝嚮導窗口，點 ​​“Next”（下一步）​​ 二、選擇安裝位置（可以不改） 默認會安裝到一個路徑，比如：\ C:\Program Files\Git 如果你想改安裝位置，可以

Git

kerrycode 頭像

瀟湘隱者 - Linux標準大頁沒有使用案例分享

背景介紹 一套在RHEL的集羣上運行的Oracle實例,是用systemd服務啓動Oracle實例的(方便集羣的切換操作).在測試過程中發現標準大頁沒有被用上. 具體情況如下所示: $ grep HugePages /proc/meminfo AnonHugePages: 0 kB ShmemHugePages: 0 kB FileHugePages:

oracle

u_16993624 頭像

長腿大壯 - H2 數據庫觸發器、函數及備份恢復關鍵字

H2 數據庫觸發器、函數及備份恢復關鍵字 在 H2 數據庫的高級應用中，觸發器關鍵字實現數據操作的自動化響應，函數定義關鍵字封裝可複用的計算邏輯，備份恢復關鍵字保障數據安全。這三類關鍵字覆蓋了自動化處理、邏輯複用和數據保障等關鍵場景，熟練運用能讓數據庫操作更智能、高效且安全。 一、觸發器相關關鍵字 觸發器就像數據庫中的 “自動響應器”，當表發生 INSERT、UPDATE、D

oracle , 觸發器 , 數據 , 數據庫