博客 RSS 訂閱

henry_57bcfc6a67f76 頭像

henry_57bcfc6a67f76 - tailwindcss 系列 Flex Aligin Content

aligin content start 效果 代碼 div class="flex content-start flex-wrap bg-gray-200 h-48" div class="w-1/3 p-2" div class="text-gray-700 text-center bg-gray-400 p-2"1/div /d

flexbox , css框架 , 前端

收藏 評論

maomaoxiaobo 頭像

貓多少 - Flex佈局

上一期我整理介紹了grid佈局方式，如果想看的同學，可以直接點擊此文章： Grid佈局 這期我把flex佈局方式筆記也整理出來了，內容是我自己在根據別人視頻學習過程中整理的資料。 目前很多css的框架都使用Flexbox作為基礎。瀏覽器大部分也都兼容。 接下來直接看代碼演示，我們先準備一個素材,準備5個div元素，定義為 ABCDE。因為div默認情況下display是block塊級元素，所

flexbox , flex , Css , HTML , 前端

收藏 評論

erin_5f911ffcecd4e 頭像

Erin - Flex響應式佈局 ：元素必要時的換行以及讓元素佔滿水平剩餘的空間

item的換行 默認情況下，item都排在一條軸線上： 使用 flex-wrap 可以使一條軸線排不下的情況下換行。 div style="display:flex; flex-wrap:wrap" div style="background-color: yellow; min-width: 200px;height: 200px;"Item 1/div div style="bac

flexbox , Css , 前端

收藏 評論

wls1036 頭像

DQuery - 一個後端寫的Flex佈局筆記

背景 我的強項是後端開發，很少涉及前端開發，一個很重要的原因是前端佈局太妖，要實現一個居中需要各種奇技淫巧，而且每個瀏覽器實現還不一樣，前端的佈局就像謎一樣，你都不知道為啥就可以了，也不知道為啥就不行。直到Flex佈局的出現前端的佈局終於有點章法了，第一次接觸Flex佈局是從阮一峯的博客Flex 佈局教程，阮一峯寫博客的能力確實厲害，通俗易懂又直擊要害，建議想要入門Flex都去拜讀一下。那麼寫這篇

flexbox , flex

收藏 評論

wls1036 頭像

DQuery - Flex CSS佈局練習

第一題 佈局介紹 這個是經典的首頁佈局，垂直方向分為頭,內容,尾組成，內容又分為導航和展示，其中展示內容需要自適應，需要隨着窗口的大小發生變化 分析 垂直方向可以使用flex方向為column，因為中間內容項需要自適應，可以使用flex-grow指定增長自適應，內容裏面又包含了導航和內容展示，其中內容展示是自適應，因此佈局代碼參考如下： div class="container"

flexbox , flex

收藏 評論

2021_60e2de6ea45f7 頭像

前端知識搬運工 - flex佈局製作自適應網頁

網頁佈局是css的一個重點應用。傳統的佈局都是依賴display、position、float屬性來實現的，但是特殊佈局就不易實現，如垂直居中。 01 flex佈局是什麼？‍ Flex 是 Flexible Box的簡寫，意為“彈性佈局”為盒模型提供最大靈活性。任何一個容器都可以指定為flex佈局。 採用flex佈局的元素，稱為flex容器。他的所有子元素自動成為容器成員，稱為flex項目，簡稱項

flexbox , Css , 前端

收藏 評論

2021_60e2de6ea45f7 頭像

前端知識搬運工 - flex佈局製作自適應網頁

網頁佈局是css的一個重點應用。傳統的佈局都是依賴display、position、float屬性來實現的，但是特殊佈局就不易實現，如垂直居中。 flex佈局是什麼？‍ Flex 是 Flexible Box的簡寫，意為“彈性佈局”為盒模型提供最大靈活性。任何一個容器都可以指定為flex佈局。 採用flex佈局的元素，稱為flex容器。他的所有子元素自動成為容器成員，稱為flex項目，簡稱項目。

flexbox , flex , Css

收藏 評論

everfind 頭像

廣吾 - 原來 flexbox 是這麼工作的

Flexbox 是一種 CSS 佈局機制，可以説是目前瀏覽器原生支持的最好、使用最廣泛的佈局機制了。本文通過一些例子來説明 Flexbox 佈局的工作原理，可以讓我們更好的使用 Flexbox。 與 CSS Grid 可以同時在橫向和縱向兩個方向進行佈局不同，Flexbox 只能在單一方向上進行佈局，即要麼橫向，要麼縱向。所謂佈局，其實就是空間的分配過程，也就是説計算元素尺寸和容器剩餘空間尺寸的過

flexbox , Css

收藏 評論

wanzuqiudeshangba 頭像

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中，Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整，靈活地填充可用空間。因此，無論是在桌面端還是移動端，Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例：響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄，項之間應均勻分佈，並且在小屏幕上時，導航項能夠堆疊在一起： nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 【效率提升】maven 轉 gradle 實戰 | 京東雲技術團隊

一、靈魂三問 1、gradle 是什麼？ 一個打包工具， 是一個開源構建自動化工具，足夠靈活，可以構建幾乎任何類型的軟件，高性能、可擴展、能洞察等。其中洞察，可以用於分析構建過程中數據，提供分析參考，方便排查問題和不斷優化構建性能，以下一次編譯分析報告。 2、有什麼優勢 參考官方文章，針對包含10 子模塊的工程，相對 maven 構建速度，大概有 2-3 倍的性能提升，增量編譯大概 7 倍的性能

編譯 , maven , gradle , 後端

收藏 評論

chencaize 頭像

點墨 - DevEco Studio創建Java項目，gradle報sync failed:connection reset錯誤

使用DevEco Studio 3.1.1版本，創建Java應用，程序報錯，無法運行。 原因: DevEco Studio新建的Java應用默認的gradle配置指向的是https://repo.huaweicloud.com,而你的網絡因為各種原因(比如公司網絡),無法訪問,所以會報錯。 解決方法 1.設置代理 打開File Settings Appearance Behavio

studio創建新項目台 , sync , JAVA , gradle , harmonyos

收藏 評論

chuck1sn 頭像

Chuck1sn - Make Java Great Again - 基於 SpringBoot3 的現代 java 腳手架

Make Java Great Again! https://www.mjga.cc https://github.com/ccmjga/mjga-scaffold MJGA 的打造基於以下理念： 現代化：技術選型緊跟開源社區風向 可配置化：支持在網頁上選配組件 考究的編碼：每個變量和函數、每個模塊和組件都考慮最佳實踐 Not-all-in-one：現在和未來，mjga 都將守好自

springboot , JAVA , gradle , jooq , 後端

收藏 評論

lengcang 頭像

茶色島 - Maven和Gradle包管理

一：Maven 1.Maven概念 是Apache下的一個純Java開發的開源項目。Maven是一個項目管理工具，可以對Java項目進行構建、依賴管理。 2.約定配置 Maven提倡使用一個共同的標準目錄結構，Maven 使用約定優於配置的原則 3.Maven POM POM(Project Object Model，項目對象模型)是Maven工程的基本工作單

maven , gradle

收藏 評論

lengcang 頭像

茶色島 - Spring基礎

一:Spring框架體系 二:IOC 1.IOC定義 IOC:控制反轉，是一個理論，概念，思想。把對象的創建，賦值，管理工作都交給代碼之外的容器實現，也就是對象的創建是有其它外部資源完成，這樣做實現了與解耦合。 (1)正轉：對象的創建、賦值等操作交由程序員手動完成，即使用類似new Xxx(Xxx Xxx)、Xxx.setXxx()語句完成對象的創建與賦值，缺點是一

spring , maven , gradle

收藏 評論

enaium 頭像

Enaium - 一個腳本讓您的Gradle項目下載速度起飛

首發於Enaium的個人博客 前言 Gradle是一個非常優秀的構建工具，但用過Maven的人都知道，Maven可以設置鏡像，加速下載速度，而Gradle卻沒有這個功能。因為Gradle沒有Maven這麼死板的概念，在Gradle中大部分功能都是通過腳本實現的，所以我們可以通過腳本來實現鏡像的功能。 首先需要了解一下什麼是Initialization scripts，Initialization

gradle

收藏 評論

delumengyu_6683789629bfa 頭像

得鹿夢魚 - Gradle 編譯 被鎖住問題

1、問題描述： Gradle 編譯 被鎖住問題（lock protocol found in lock file. Expected 3, found 0） Gradle構建項目的時候，不知道操作了什麼，然後導致構建過程報錯：Error:Unexpected lock protocol found in lock file. Expected 3, found 0，無法構建項目 2、解

reactnative , android-studio , gradle

收藏 評論

chuck1sn 頭像

Chuck1sn - 一套全新的 Java 技術棧，一種現代化的 Java 編程方式。

Mjga 是一款全新設計並打造的 Java Web 腳手架，帶給你一種現代化的 Java 編程體驗。 訪問地址： https://www.mjga.cc 視頻教程（持續更新中） 1. 快速啓動腳手架與常用命令簡介 2. 文件結構詳解和 Docker 集成思路 技術選型 DataBase First - 視數據庫為一等公民 設計理念 容器化與雲原生 🍋 通過 doc

postgresql , springboot , JAVA , gradle , Docker

收藏 評論

daniuge 頭像

BotBot - Gradle項目引入Lombok

原文鏈接 兩種方式： 使用Gradle插件 plugins { id "io.freefair.lombok" version "8.10" } 不使用插件 repositories { mavenCentral() } dependencies { compileOnly 'org.projectlombok:lombok:1.18.34'

gradle

收藏 評論

chuck1sn 頭像

Chuck1sn - 《你不知道的 JAVA 系列博客》🔥 分頁查詢的達芬奇密碼。

工程思維落地 《你不知道的 Java 系列》已將工程思維與設計理念落地，形成了一款全新設計的 Java 腳手架 ，可與博客配套使用。 前言 你可能很熟悉 Mybatis，但是今天我們不講這個基於字符串拼接的上古時代的庫。今天我們談一個基於 QueryDSL 實現的庫。（這個庫第一個版本誕生自 2009年），他叫做 JOOQ。 JOOQ 可以用一句話總結：當你在使用 JOOQ 的時候，你就是在使用

springsecurity , springboot , JAVA , gradle , Docker

收藏 評論

chuck1sn 頭像

Chuck1sn - 《你不知道的 JAVA 系列博客》💘 失傳已久 SQL JOIN 查詢獨門秘籍

工程思維落地 《你不知道的 Java 系列》的理念與思維，已落地成一款 全新設計的 Java 腳手架 ，可與博客配套使用。 從 Left Join 説起 假設你有這樣一個 n2n 的關係表，代表用户和角色之間的關係。 通常通過 left join 去連接這三張表，來查詢出用户及其角色的信息。 SELECT u.id AS user_id, u.name AS user_name

springsecurity , springboot , JAVA , gradle , Docker

收藏 評論

chuck1sn 頭像

Chuck1sn - 《你不知道的 JAVA》🔥 隱藏在數據庫增刪改查中的秘密

工程思維落地 《你不知道的 Java 系列》的理念與思維，已落地成一款 全新設計的 Java 腳手架 ，可與博客配套使用。 前言 自從上一篇 Blog 發出以後，有同學提出了這樣一種觀點：「我管你這那的，數據庫我只用增刪改查，連分頁都不用一樣能寫程序」。 這篇文章不討論這種做法的對錯，只介紹 JOOQ 針對這種使用方式的解決方案。 DSLContext DSLContext 是 jooq 和數據庫

springsecurity , springboot , JAVA , gradle , Docker

收藏 評論

chuck1sn 頭像

Chuck1sn - 《你不知道的 JAVA》💘 送給 Offset & Limit 的告別氣球

工程思維落地 《你不知道的 Java 》系列博客的工程理念與設計模式，已落地成一款 全新設計的 Java 腳手架 ，可與博客配套使用。 前情提要 https://segmentfault.com/a/1190000046021595 前文我們已經領略了 JOOQ 在分頁查詢和 Simple CRUD 時的風采。今來學習一個更加打破常規的概念：你可能並不需要 Offset Limit 來分頁

springsecurity , springboot , JAVA , gradle , Docker

收藏 評論

chuck1sn 頭像

Chuck1sn - 《你不知道的 JAVA》💘 什麼是好的 Web Api 設計 （第一章）

工程思維落地 《你不知道的 JAVA 》系列博客的工程理念與設計模式，已落地成一款 全新設計的 Java 腳手架 ，可與博客配套使用。 Web Api 的重要性 設計 api 端點是後端開發經常接觸的工作，但你是否從來沒有想過好的 web api 應該是什麼樣子？ Api 端點的設計就像名片一樣——專業的名片可以在客户面前建立信任感；糟糕的名片會讓你的產品在被使用前就給客户留下負面印象。一旦客户

springsecurity , springboot , JAVA , gradle , 後端

收藏 評論

cyp3x6rl 頭像

cyp3x6rl - Lua中的變量與賦值方法

看以下案例： test.lua -- 第一個lua腳本 --註釋使用“--”符 --變量未定義時，默認初始化的值為nil --這樣的定義為全局 num1 = 1 ; --加了關鍵字local表示這個變量是局部變量 local num2 = 2 ; --定義變量的末尾不加分號;也是可以的，個人建議，因為Lua是C寫的，寫分號還是規範點 num3 = 3 --定義一個函數，目的是實現兩數相加並返回

lua

收藏 評論