博客 RSS 訂閱

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

收藏 評論

cyp3x6rl 頭像

cyp3x6rl - Lua流程控制語句if else的使用示例

Lua提供了if語句和if else語句作為流程控制語句，當然，符合C的特點，流程語句之間可以實現嵌套操作，當然流程控制也可以和循環體結合進行控制。 1、if語句 if(布爾表達式) then --[ 在布爾表達式為 true 時執行的語句 --] end 案例：test3.lua i = 0 ; --定義一個變量i，並初始化為0 if i 5 --如果i 小於 5 then whi

lua

收藏 評論

cyp3x6rl 頭像

cyp3x6rl - Lua基礎之運算符的使用示例

眾所周知，C，C++，python等語言都有運算符，那麼Lua也不例外，因為它是C寫的嘛! Lua分為主要三類運算符，分別是算術運算符，關係運算符，邏輯運算符，還有特殊運算符。 1、算術運算符有: + (加) -(減) *(乘) /(除) %(取模) ^(求冪) -(符號) 來看一個例子：test6.lua num1 = 4 ; num2 = 2 ; print(num1+num2); print

lua

收藏 評論

cyp3x6rl 頭像

cyp3x6rl - Lua一維數組與多維數組的使用示例

Lua語言中，數組和C還是有區別的，Lua的數組下標從1開始計數，而C語言的數組下標從0開始計數，我想這可能是設計Lua的人想要符合人的思維習慣而去這麼設計的。 數組，也就是按相同類型，在內存中順序排列的一個組合，這點跟C基本沒多大的差別。 接下來看1個例子： test7.lua --一維數組,數組的成員是字符串 array = {"Lua","Study"}; for i = 1 , 2 do

lua

收藏 評論

cyp3x6rl 頭像

cyp3x6rl - Lua基礎迭代器的使用實例

迭代器（iterator）是一種對象，它能夠用來遍歷標準模板庫容器中的部分或全部元素，每個迭代器對象代表容器中的確定的地址 在Lua中迭代器是一種支持指針類型的結構，它可以遍歷集合的每一個元素。 迭代器的種類主要有：泛型for迭代器、無狀態的迭代器、多狀態的迭代器 下面看幾個例子： ipairs.lua name = {"YYX","HJZ"}; --以下稱為泛型for迭代器 --其中key表示索

lua

收藏 評論