收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 前端設計模式深度解讀：從混沌到有序，寫出可維護的代碼

前端設計模式深度解讀：從混沌到有序，寫出可維護的代碼 前言：你是否也被這些代碼問題折磨過？ "這個彈窗組件改一處就崩三處，到底誰寫的？" "為什麼同樣的表單驗證邏輯，每個頁面都要複製粘貼？" "狀態管理越來越亂，新增功能要改五六個地方？" "接手的項目像一團亂麻，根本不敢動核心邏輯？" 前端開發中，"能跑就行" 的代碼在初期或許能快速交付，但隨着項目迭代，維護成本會指數級增長。設計模式不是銀彈，卻

設計模式 , 前端

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

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

水冗水孚 - 圖文並茂講解nginx中http升級https（部署SSL證書）知識點總結

為何網站要升級為https 原因有以下幾點: 1. 避免瀏覽器的不安全的警告 瀏覽器對於http的網站會在地址欄明確標記【不安全】字樣 這樣直接降低用户對網站的信任度 造成用户流失 甚至可能被用户誤認為是釣魚網站 如下圖，是筆者的網站沒有升級https證書的時候的樣子 升級後的 2. 加密傳輸數據，防止數據泄露 這樣理解，如果我們使用的是http的話，連接了一家咖啡廳的WiF

ssl證書 , HTTP , HTTPS , Nginx

cosima-mielke 頭像

Cosima Mielke - Goodbye Summer, Hello September (2024 Wallpapers Edition)

Lush green slowly turning into yellows and reds in the Northern hemisphere; nature reawakening in the Southern part of the world: September is a time of change. A chance to leave old habits behind a

Wallpapers

cristian-diaz 頭像

Cristian Díaz - A Guide To Hover And Pointer Media Queries

The Internet is filled with a lot of interactivity, and more often than not the way we choose to show we can interact with an element is by using the hover pseudo-class. After all, changing an eleme

Techniques , Tools , Layouts , Css

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

兔子先森 - electron打包報錯-image格式問題(.ico報錯)

這種報錯是ico資源文件出錯導致的，可以看看gitHub對此問題的解釋：https://github.com/electron-userland/electron-builder/issues/3889 上圖中打包的logo.ico資源文件格式不對，看起來資源文件後綴是.ico實際上是png格式，你有可能是在一些網站將png轉換為ico，它沒有被正常的轉換為ico，只是將資源文件的後

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

michelle-barker 頭像

Michelle Barker - Optimizing A Vue App

Single Page Applications (SPAs) can provide a rich, interactive user experience when dealing with real-time, dynamic data. But they can also be heavy, bloated, and perform poorly. In this article, w

Tools , Vue , Apps , Javascript

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