本文記錄一個css小技巧，不難，不過可能自己一時間想不到 問題描述 我們有這樣的需求，大容器中有很多的盒子，從左往右排列，空間不夠的話，然後換行，繼續從左往右排列，如下效果圖 看到這樣的需求，我們第一時間想到的就是彈性盒佈局，給大容器開啓彈性盒、允許換行，兩側分佈，於是會寫下如下代碼： display: flex; flex-wrap: wrap; justify-content: space-
昵稱 水冗水孚
本文翻譯自 How to Center a Div Using CSS Grid，作者：Fimber Elemuwa, Ralph Mason。 略有刪改 在本文中，我們將介紹使用CSS Grid在水平和垂直方向上居中div的五種方法，當然這些技術可用於任何類型的元素。 初始化 我們首先創建一個容器，其中包含一個簡單的div元素，我們將使用它來演示這些居中方法。下面是HTML： artic
昵稱 南城FE
在前端的面試中，相對JavaScript而言，CSS佈局方面考察的內容會相對少一些，其中BFC是佈局樣式方面常考的一個考點。 什麼是BFC BFC，全稱為Block Formatting Context，翻譯過來即塊格式化上下文。 之前在其他文章中看到的説明是，網頁上一個獨立且隔離的渲染區域。現在呢，我稍微查閲了一些官方的信息。 在瞭解BFC之前，我們需要先了解一些其他概念： 包含塊（contai
昵稱 beckyyyy
簡介 CLS 衡量的是頁面的整個生命週期內發生的每次意外佈局偏移的最大突發性_佈局偏移分數_。佈局變化的發生是因為瀏覽器傾向於異步加載頁面元素。更重要的是，您的頁面上可能存在一些初始尺寸未知的媒體元素。這種組合意味着瀏覽器在加載完成之前無法確定單個元素將佔用多少空間。因此，這種不確定性帶來的劇烈佈局轉變就會導致一個高的CLS分數，也就説明用户體驗將會很糟糕。 累積佈局偏移的計算公式 = 影響比例*
昵稱 京東雲開發者
在現代的數據可視化和網絡管理中，拓撲圖是一種非常重要的工具。它可以直觀地展示節點(Node)和節點之間的關係(Edge)。無論是在 2D 還是 3D 環境中，拓撲圖都可以幫助我們更好地理解和管理複雜的系統。 然而，由於這些拓撲圖通常極為複雜，傳統的手動佈局方式不僅繁瑣且耗時。鑑於此，圖撲軟件自研 HT for Web 產品（以下簡稱為 HT）推出了自動佈局、彈力佈局插件，從根本上解決了這一問題。
昵稱 hightopo
利用grid佈局可以高效地實現二維佈局。但是其眾多的屬性以及屬性值，讓很多剛剛接觸的人和沒有系統性總結的人云裏霧裏，這增加了使用grid的成本。 為此，從實用角度出發，按照類別，系統性地總結了日常開發常用的知識點。 網格容器屬性 聲明元素為網格佈局 通過 display: grid 聲明某個元素為網格佈局： .wrapper { /* 聲明一個容器 */ display: grid;
昵稱 Steven
日前，龍智攜嵌入式開發及管理解決方案亮相2024上海國際嵌入式展（embedded world China 2024）。展會期間，我們對話了多位龍智資深DevSecOps顧問及技術支持專家，就嵌入式開發與管理領域的最新趨勢、工具選擇以及DevSecOps實踐應用等方面展開了深入探討。 本期對話龍智資深DevSecOps顧問徐晨暉，分享嵌入式開發中的合規性工具、項目管理和版本管理的工具選擇，以及De
昵稱 龍智DevSecOps
2024年7月18-19日，龍智攜汽車軟件開發及管理解決方案創新亮相2024 ATC汽車軟件與安全技術周。龍智技術支持部負責人Atlassian認證專家葉燕秀、龍智功能安全高級工程師景玉鑫在活動主會場聯合發表了精彩演講，分享推動汽車軟件開發與功能安全的創新實踐。 本期，龍智功能安全高級工程師景玉鑫將從開發和測試的角度出發，探討如何藉助靜態代碼分析及自動化測試工具，確保代碼在符合ISO 26262功
昵稱 龍智DevSecOps
之前分享過如何快速上手開源項目以及如何在開源項目裏做集成測試，但還沒有講過具體的實操。 今天來詳細講講如何寫單元測試。 🤔什麼情況下需要單元測試 這個大家應該是有共識的，對於一些功能單一、核心邏輯、同時變化不頻繁的公開函數才有必要做單元測試。 對於業務複雜、鏈路繁瑣但也是核心流程的功能通常建議做 e2e 測試，這樣可以保證最終測試結果的一致性。 💀具體案例 我們都知道單測的主要目的是模擬執行你
昵稱 crossoverJie
中國車企正加速駛向國際舞台。 面對複雜多變的國際市場環境， 以及多樣化的國家法規與行業標準， 中國車企如何在軟件開發領域蓄勢發力， 迅速建立競爭優勢？ 如何加強開發團隊的全球高效協作？ 及確保產品的安全合規與快速迭代？ ...... 日前，龍智公司總經理楊林晶做客2024 ATC汽車軟件與安全技術周活動，分享龍智如何在DevOps領域深耕細作，助力汽車軟件
昵稱 龍智DevSecOps
一位讀者在看過我的《理解這八大優勢，才算精通單元測試》後，問我：知道單元測試有好處，但實在沒空寫。看完文章後又想重新落實一下，有沒有啥寫好單元測試的技巧？ 這位讀者絕對不是第一個和我抱怨單元測試的人。這很好理解，中國互聯網公司太多太卷，想要搶奪市場就要推出不同功能，而這些壓力一部分落在了程序員身上，拼命趕需求。單元測試這種費力不討好的事情，自然而然就沒有人做。 就我多年的經驗來看，寫單元測試其實不
昵稱 陳哥聊測試
在上一篇測試指南中，我們介紹了Jest 的背景、如何初始化項目、常用的匹配器語法以及鈎子函數的使用。這一篇篇將繼續深入探討 Jest 的高級特性，包括 Mock 函數、異步請求的處理、Mock 請求的模擬、類的模擬以及定時器的模擬、snapshot 的使用。通過這些技術，我們將能夠更高效地編寫和維護測試用例，尤其是在處理複雜異步邏輯和外部依賴時。 Mock 函數 假設存在一個 runCallBac
昵稱 一顆冰淇淋
TESSY是一款針對嵌入式軟件的C/C++代碼的單元測試工具，能夠自動化整個單元測試周期，包括迴歸測試，適用於多種目標系統。作為一個易於安裝和操作的測試工具，TESSY從項目設置、測試設計與執行到結果分析與報告，全程引導您完成單元測試工作流程。此外，TESSY還負責完整的測試組織與管理，包括需求管理、覆蓋率測量及可追溯性。 新版的TESSY 5.1通過多個新功能的引入和優化，使代碼覆蓋率的
昵稱 旋極智能
測試環境搭建 鏈接：使用 dotnet test 和 xUnit 在 .NET 中對 C# 進行單元測試 實用技巧 忽略測試方法 忽略整片的 忽略 Test1 至 Test2 之間的全部測試 public class Program_Test { #if false [Fact] public void Test1() {...} [Theory] [InlineD
昵稱 Evans_波
在嵌入式系統開發中，安全性和可靠性至關重要，尤其是在汽車、醫療和工業控制等高風險行業。為了確保代碼在實際運行中滿足安全標準，開發者需要一套完善全面的測試工具，來嚴格檢測代碼的安全性和可靠性。 TESSY作為一款已獲得IEC 61508、IEC 62304、ISO 26262和EN 50128認證的單元/集成測試工具，專為安全相關的嵌入式C/C++代碼測試而設計，可幫助開發者有效簡化和自動化測試流程
昵稱 龍智DevSecOps
哈嘍，我是老劉 這兩天發現一個Flutter 3.24版本的單元測試的一個小bug，提醒大家注意一下。 老劉自己寫代碼十多年了，寫Flutter也6年多了，沒想到前兩天在一個小小的BottomNavigationBar 組件上翻了車。 給大家分享一下事件的經過。 問題經過 這件事的起因是最近想做一個自己用的小App，Flutter實現。 大家知道我一直是TDD的踐行者，所以就先寫
昵稱 程序員老劉
HarmonyOS Next 單元測試框架API總結 自動化測試框架代碼部件倉arkXtest，包含單元測試框架(JsUnit)和Ui測試框架(UiTest)。單元測試框架(JsUnit)提供單元測試用例執行能力，提供用例編寫基礎接口，生成對應報告，用於測試系統或應用接口。Ui測試框架(UiTest)通過簡潔易用的API提供查找和操作界面控件能力，支持用户開發基於界面操作的自動化測試腳本。 本文介
昵稱 凡事提前
HarmonyOS Next UI測試入門 HarmonyOS Next提供的自動化測試框架arkxtest，支持JS/TS語言的單元測試框架(JsUnit)及UI測試框架(UiTest)。UiTest通過簡潔易用的API提供查找和操作界面控件能力，支持用户開發基於界面操作的自動化測試腳本。本文介紹HarmonyOS Next UI自動化框架實現原理 HarmonyOS Next中UI測試框架主要
昵稱 凡事提前
HarmonyOS Next UI測試框架API總結 HarmonyOS Next中UiTest提供模擬UI操作的能力，供開發者在測試場景使用，主要支持如點擊、雙擊、長按、滑動等UI操作能力，該模塊提供以下功能： On：提供控件特徵描述能力，用於控件篩選匹配查找。 Component：代表UI界面上的指定控件，提供控件屬性獲取，控件點擊，滑動查找，文本注入等能力。 Driver：入口類，提
昵稱 凡事提前
為何 Mjga 與眾不同？ Mjga 是一款全新設計的，基於雲原生理念的打造的現代 Java Web 腳手架，它具備以下特點： 容器化的應用 可裝卸的組件 有口皆碑的單元測試 自定義元信息 全新的生產力工具 🥝 選擇模板 🍅 組件選配 🍹 自定義元信息 產品特性 容器化與雲原生 通過 docker-compose.yml 管理應用程序的整個生命週期與配置。 通過
昵稱 Chuck1sn
基於代碼架構設計 + 第三方工具 -- 改善單測代碼質量 單元測試代碼難寫？ 代碼架構設計不夠完善，從上到下的交互的邊界不夠清晰，可能在業務層存在調用第三方系統的地方 // bad package service func learnGo() { // ... // 針對業務代碼，認為第三方系統不穩定，輸出的結果不固定，系統內部的是穩定的 // 單元測試需要將不穩定的
昵稱 smile
由於格式和圖片解析問題，可前往 閲讀原文 前端自動化測試在提高代碼質量、減少錯誤、提高團隊協作和加速交付流程方面發揮着重要作用。它是現代軟件開發中不可或缺的一部分，可以幫助開發團隊構建可靠、高質量的應用程序 單元測試（Unit Testing）和端到端測試（End-to-End Testing）是兩種常見的測試方法，它們在測試的範圍、目的和執行方式上有所不同。單元測試和端到端測試不是相互排斥的，而
昵稱 大衞talk
GO單元測試集成測試的 mock 方案 在單元測試或集成測試中，不希望依賴原始數據庫或者説給原始數據庫帶去髒數據，我們往往使用Mock的方式進行模擬， 當然單元測試和集成測試中的側重點同，下面會介紹 基於數據打樁、啓動模擬數據庫等解決方案。 我們通過下面這個案例來説明幾種mock方式的優劣勢和適用場景 案例： 需要mock 下面這個 數據庫操作接口 TestRepo // TestEntity
昵稱 litao-2071
在嵌入式系統的軟件測試項目中，報告和可追溯性至關重要，原因有多個。它們是確保嵌入式系統可靠、合規且高質量的基礎。報告和可追溯性不僅支持有效的項目管理，還促進了維護和調試，併為審計及持續改進工作提供了必要的文檔支持。 理由1：合規性 嵌入式系統常用於汽車、航空航天、醫療設備和工業控制系統等關鍵應用領域。 這些行業受到嚴格的法規和標準約束（例如ISO 26262、DO-178C、IEC 6230
昵稱 龍智DevSecOps