收藏 / 列表

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（17）—— 僅服務端模塊和快照

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

yangy5hqv 頭像

夢想雲圖網頁CAD - （WEB在線編輯DWG）在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能，用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值，同時可以自定義選擇標註文字的位置，測量圓功能能夠快速掌握目標圓對象的數據信息，方便統計工程量。 測量面積功能（多邊形、矩形）以多邊形的每一個頂點來確定多邊形的形狀和位置，通過點擊矩形的量角點來確定矩形的大小和位置，也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

daoshanghundesijidou 頭像

用户bPdeG32 - 深入理解 CSS Flexbox：如何使用彈性佈局實現自適應的水平和垂直居中

在 Web 開發中，佈局一直是 CSS 的一個重要主題，而水平和垂直居中往往是佈局中最常見、最基礎的需求。傳統的居中方法通常需要使用多層嵌套、position、margin 等屬性來實現，代碼繁瑣且不夠靈活。而隨着 CSS 彈性佈局（Flexbox）的引入，水平和垂直居中變得非常簡單、直觀，幾乎可以適應所有的佈局場景。 本文將專注於如何使用 CSS Flexbox 來實現內容的自適應居中，包括水平

ecmascript-6 , css3 , Css , HTML , 前端

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 關於前端壓縮字體的方法

我在編寫一個撰寫日常的網站，需要用到自定義字體，在網上找到一ttf的字體，發現體積很大，需要進行壓縮 如何壓縮 目前我們的字體是.ttf字體，其實我們需要把字體轉換成.woff字體 WOFF本質上是包含了基於SFNT的字體（如TrueType、OpenType或其他開放字體格式），且這些字體均經過WOFF的編碼工具壓縮，以便嵌入網頁中。[[3]](https://zh.wikipedia.org/

字體 , 壓縮工具 , Javascript

lpc63szb 頭像

運維社 - Spring Security入門學習

認識Spring Security Spring Security 是為基於 Spring 的應用程序提供聲明式安全保護的安全性框架。Spring Security 提供了完整的安全性解決方案，它能夠在 Web 請求級別和方法調用級別處理身份認證和授權。因為基於 Spring 框架，所以 Spring Security 充分利用了依賴注入（dependency injection， DI）和

node.js , ruby , asp.net

johanazhu 頭像

山頭人漢波 - 前端學 Ruby：熟悉Rails

前言 一句話介紹，看 Rails Guides 即可 正文 Rails 是使用 Ruby 語言編寫的 Web 應用開發框架，如同 Node 中的 Express、Koa，Python 中的 Django、Flash。但相比其他，它更強大 Rails 哲學包含兩大指導思想： 不要自我重複（DRY） 多約定，少配置（約定優於配置） 因為它約定優於配置的設計，從而可以使 Rails 應用幾乎不需

ruby-on-rails , ruby , 前端

invalidnull 頭像

註銷 - pm2 工具在 Node.js 開發和部署中的重要作用

引言 在Node.js開發和部署體系中，pm2 (Process Manager 2) 是一個備受歡迎的工具，用於簡化應用程序的管理、監控和部署。pm2不僅僅是一個進程管理器，還提供了許多功能，包括負載均衡、日誌管理、自動重啓等，使得在生產環境中運行Node.js應用更為可靠和高效。 1. 安裝和基本用法 首先，通過以下命令安裝pm2： npm install -g pm2 使用pm2啓動一個No

express , php , JAVA , go , 後端

icecreamlj 頭像

一顆冰淇淋 - 三種瀏覽器存儲方案，你還擔心數據無處放嗎

webStorage 基本概念 webStorage提供了兩種存儲方式，localStorage和sessionStorage。 localStorage是持久化存儲，不主動刪除存儲的內容會永久存在 sessionStorage為會話級存儲，關閉瀏覽器則銷燬 具體的區別在於 關閉網頁後重新打開，localStorage會保留，sessionStorage不會被保留 在頁面內實現跳轉，

sessionstorage , indexeddb , localstorage , cookie , Javascript

shuirongshui 頭像

水冗水孚 - 以React+Vite為例實現web項目版本發佈後，通知用户刷新頁面獲取最新資源

需求技術選型 1. 純前端實現——前端輪詢方案 原理：前端定時（如每一分鐘）發送請求（如請求version.json文件），對比本地存儲的版本號與服務器返回的版本號，若不一致則提示更新。 優點：實現簡單（無需後端複雜邏輯，僅需一個靜態版本文件），兼容性極好（所有瀏覽器支持）。 缺點：實時性差有延遲（依賴輪詢間隔）。 適用場景：小型項目、對實時性要求低（如非高頻更新的工具類網站）、快速迭代

react , vite , Nginx , Javascript

vitaly-friedman 頭像

Vitaly Friedman - How To Defend Your Design Process

Maybe you’ve been there before: You’re in the middle of the design process, and stakeholders expect you to deliver faster. How do you best manage a situation like this? How do you communicate the de

workflow , Communication , Design

atila-fassina 頭像

Atila Fassina - Databases For Front-End Developers: The Rise Of Serverless Databases (Part 1)

As front-end developers, we understand the foundational role data plays in our daily jobs. It may come from an external API, a CMS, or even a spreadsheet. But god forbid we need to talk about settin

API , Apps , cms , Browsers , serverless

frederick-o-brien 頭像

Frederick O’Brien - Web Design Done Well: Excellent Editorial

A lot of web design talk concerns itself with what goes on around content. Page speed, design systems, search engine optimization, frameworks, accessibility — the list goes on and on. This gives us

Inspiration , User Experience , Content Strategy , Design

paul-boag 頭像

Paul Boag - How To Price Projects And Manage Scope Creep

I am sure you have read unrealistic articles that suggest there is some scientific approach to pricing that will magically allow you to create an accurate quote. You may also have been led to believ

workflow , Communication , Business