博客 RSS 訂閱

jzdr 頭像

只爭朝夕 - C語言編程程序的內存如何佈局

　　一：C語言程序的存儲區域 　　由C語言代碼(文本文件)形成可執行程序(二進制文件)，需要經過編譯-彙編-連接三個階段。編譯過程把C語言文本文件生成彙編程序，彙編過程把彙編程序形成二進制機器代碼，連接過程則將各個源文件生成的二進制機器代碼文件組合成一個文件。 　　C語言編寫的程序經過編譯-連接後，將形成一個統一文件，它由幾個部分組成。在程序運行時又會產生其他幾個部分，各個部分代表了不同的存儲區域

佈局 , 內存 , c

收藏 評論

johanazhu 頭像

山頭人漢波 - 移動端法門：自適應方案和高清方案

筆者從畢業開始做前端到現在，90% 的項目是移動端打交道，所以當簡歷上寫了“移動H5”幾個字時，必會被問到自適應方案與高清方案 ”自適應“講的是一套UI（例如750*1334），在多端下展示近乎一樣的效果；而”高清“是因為 DPR 提升而所做的各種精度適配 這篇文章講講筆者理解的自適應方案和高清方案 先説結論 自適應方案 rem 適配思路 選擇一

佈局 , sass , 前端 , Javascript

收藏 評論

nanchengfe 頭像

南城FE - 那些你不知道的 CSS 自定義形狀網格佈局

本文翻譯自 CSS Grid and Custom Shapes, Part 1，略有刪改 在正常的開發中，我們會遇到很多元素塊排列對齊的需求，如九宮格抽獎，多張圖片上傳後等分佈局預覽，微信朋友圈多張圖片展示等。這都是正常的正方形很規整的佈局。 如下所示，如果圖像不是完全正方形，而是形狀像六邊形或菱形怎麼辦？我們怎麼做呢。事實上，我們將結合我們已經研究過的 CSS 網格技術，並加入一些 CSS c

佈局 , css3 , Css , HTML , 前端

收藏 評論

laomao_5902e12974409 頭像

來了老弟 - CSS Grid Layout(網格佈局)

CSS 有一些屬性經常被用來解決佈局問題：如（浮動float、定位postion）這些比較 hack 的方法經常會給頁面遺留下一些問題。 彈性盒子Flexbox是一個非常好的佈局工具，網格佈局 CSS Grid Layout 是最新、更強大的佈局方式。本文就來簡單介紹一下什麼是網格佈局。 網格佈局(CSS Grid Layout) 網格佈局是二維的佈局系統，和過去常用的佈局方式相比完全改變

佈局 , Css

收藏 評論

flydean 頭像

flydean - flutter系列之:在flutter中使用流式佈局

簡介 我們在開發web應用的時候，有時候為了適應瀏覽器大小的調整，需要動態對頁面的組件進行位置的調整。這時候就會用到flow layout，也就是流式佈局。 同樣的，在flutter中也有流式佈局，這個流式佈局的名字叫做Flow。事實上，在flutter中，Flow通常是和FlowDelegate一起使用的，FlowDelegate用來設置Flow子組件的大小和位置，通過使用FlowDelegat

佈局 , flutter

收藏 評論

beckyyyy 頭像

beckyyyy - 居中佈局：水平居中和垂直居中

居中佈局在實際場景中很常見，在面試當中也經常會被考察。 以下分別是水平居中和垂直居中常用的樣式。 水平居中 margin: 0 auto; + width 應用於塊級元素居於容器中間 若節點不是塊級元素，需聲明display: block 若節點寬度已隱式聲明則無需顯式聲明width div class="h-c1" p談笑有鴻儒，往來無白丁。談笑有鴻儒，往來無白丁。/p /div

佈局 , 面試 , Css , 前端

收藏 評論

shuirongshui 頭像

水冗水孚 - 彈性盒佈局之從左往右，空間不夠換行繼續從左往右（從左往右，從上往下，between效果）

本文記錄一個css小技巧，不難，不過可能自己一時間想不到 問題描述 我們有這樣的需求，大容器中有很多的盒子，從左往右排列，空間不夠的話，然後換行，繼續從左往右排列，如下效果圖 看到這樣的需求，我們第一時間想到的就是彈性盒佈局，給大容器開啓彈性盒、允許換行，兩側分佈，於是會寫下如下代碼： display: flex; flex-wrap: wrap; justify-content: space-

佈局 , Css

收藏 評論

nanchengfe 頭像

南城FE - 如何使用CSS Grid 居中 div

本文翻譯自 How to Center a Div Using CSS Grid，作者：Fimber Elemuwa, Ralph Mason。 略有刪改 在本文中，我們將介紹使用CSS Grid在水平和垂直方向上居中div的五種方法，當然這些技術可用於任何類型的元素。 初始化 我們首先創建一個容器，其中包含一個簡單的div元素，我們將使用它來演示這些居中方法。下面是HTML： artic

佈局 , css3 , Css , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - 對BFC的理解

在前端的面試中，相對JavaScript而言，CSS佈局方面考察的內容會相對少一些，其中BFC是佈局樣式方面常考的一個考點。 什麼是BFC BFC，全稱為Block Formatting Context，翻譯過來即塊格式化上下文。 之前在其他文章中看到的説明是，網頁上一個獨立且隔離的渲染區域。現在呢，我稍微查閲了一些官方的信息。 在瞭解BFC之前，我們需要先了解一些其他概念： 包含塊（contai

佈局 , bfc , Css , HTML , 前端

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 如何利用燭龍和谷歌插件優化CLS(累積佈局偏移) | 京東雲技術團隊

簡介 CLS 衡量的是頁面的整個生命週期內發生的每次意外佈局偏移的最大突發性_佈局偏移分數_。佈局變化的發生是因為瀏覽器傾向於異步加載頁面元素。更重要的是，您的頁面上可能存在一些初始尺寸未知的媒體元素。這種組合意味着瀏覽器在加載完成之前無法確定單個元素將佔用多少空間。因此，這種不確定性帶來的劇烈佈局轉變就會導致一個高的CLS分數，也就説明用户體驗將會很糟糕。 累積佈局偏移的計算公式 = 影響比例*

佈局 , 前端 , Javascript

收藏 評論

hightopo 頭像

hightopo - 圖撲 HT for Web 輕鬆構建組態拓撲結構

在現代的數據可視化和網絡管理中，拓撲圖是一種非常重要的工具。它可以直觀地展示節點(Node)和節點之間的關係(Edge)。無論是在 2D 還是 3D 環境中，拓撲圖都可以幫助我們更好地理解和管理複雜的系統。 然而，由於這些拓撲圖通常極為複雜，傳統的手動佈局方式不僅繁瑣且耗時。鑑於此，圖撲軟件自研 HT for Web 產品（以下簡稱為 HT）推出了自動佈局、彈力佈局插件，從根本上解決了這一問題。

佈局 , 拓撲圖 , 可視化 , 前端 , Javascript

收藏 評論

steven_code 頭像

Steven - CSS - grid 簡介以及常用屬性介紹

利用grid佈局可以高效地實現二維佈局。但是其眾多的屬性以及屬性值，讓很多剛剛接觸的人和沒有系統性總結的人云裏霧裏，這增加了使用grid的成本。 為此，從實用角度出發，按照類別，系統性地總結了日常開發常用的知識點。 網格容器屬性 聲明元素為網格佈局 通過 display: grid 聲明某個元素為網格佈局： .wrapper { /* 聲明一個容器 */ display: grid;

佈局 , 頁面佈局 , grid , Css

收藏 評論

youqingyouyidedalianmao 頭像

龍智DevSecOps - 2024上海國際嵌入式展回顧 | 聚焦嵌入式開發中的合規性工具、項目管理工具、版本迭代工具應用

日前，龍智攜嵌入式開發及管理解決方案亮相2024上海國際嵌入式展（embedded world China 2024）。展會期間，我們對話了多位龍智資深DevSecOps顧問及技術支持專家，就嵌入式開發與管理領域的最新趨勢、工具選擇以及DevSecOps實踐應用等方面展開了深入探討。 本期對話龍智資深DevSecOps顧問徐晨暉，分享嵌入式開發中的合規性工具、項目管理和版本管理的工具選擇，以及De

版本控制 , 單元測試 , atlassian , 代碼分析 , jira

收藏 評論

youqingyouyidedalianmao 頭像

龍智DevSecOps - 聚焦汽車軟件開發與測試：靜態代碼掃描、單元測試與集成測試等方面的實踐應用

2024年7月18-19日，龍智攜汽車軟件開發及管理解決方案創新亮相2024 ATC汽車軟件與安全技術周。龍智技術支持部負責人Atlassian認證專家葉燕秀、龍智功能安全高級工程師景玉鑫在活動主會場聯合發表了精彩演講，分享推動汽車軟件開發與功能安全的創新實踐。 本期，龍智功能安全高級工程師景玉鑫將從開發和測試的角度出發，探討如何藉助靜態代碼分析及自動化測試工具，確保代碼在符合ISO 26262功

單元測試 , 代碼分析 , 自動化測試

收藏 評論

crossoverjie 頭像

crossoverJie - 深入理解單元測試：技巧與最佳實踐

之前分享過如何快速上手開源項目以及如何在開源項目裏做集成測試，但還沒有講過具體的實操。 今天來詳細講講如何寫單元測試。 🤔什麼情況下需要單元測試 這個大家應該是有共識的，對於一些功能單一、核心邏輯、同時變化不頻繁的公開函數才有必要做單元測試。 對於業務複雜、鏈路繁瑣但也是核心流程的功能通常建議做 e2e 測試，這樣可以保證最終測試結果的一致性。 💀具體案例 我們都知道單測的主要目的是模擬執行你

單元測試

收藏 評論

youqingyouyidedalianmao 頭像

龍智DevSecOps - ATC汽車軟件與安全技術周訪談精華：利用Jira、Confluence、Helix QAC等工具，加強汽車軟件研發全球協作

中國車企正加速駛向國際舞台。 面對複雜多變的國際市場環境， 以及多樣化的國家法規與行業標準， 中國車企如何在軟件開發領域蓄勢發力， 迅速建立競爭優勢？ 如何加強開發團隊的全球高效協作？ 及確保產品的安全合規與快速迭代？ ...... 日前，龍智公司總經理楊林晶做客2024 ATC汽車軟件與安全技術周活動，分享龍智如何在DevOps領域深耕細作，助力汽車軟件

項目管理軟件 , 軟件開發 , 需求管理 , 單元測試 , 代碼測試

收藏 評論

chen_5ec331606ce75 頭像

陳哥聊測試 - 公司最大的內卷，偷偷做單元測試

一位讀者在看過我的《理解這八大優勢，才算精通單元測試》後，問我：知道單元測試有好處，但實在沒空寫。看完文章後又想重新落實一下，有沒有啥寫好單元測試的技巧？ 這位讀者絕對不是第一個和我抱怨單元測試的人。這很好理解，中國互聯網公司太多太卷，想要搶奪市場就要推出不同功能，而這些壓力一部分落在了程序員身上，拼命趕需求。單元測試這種費力不討好的事情，自然而然就沒有人做。 就我多年的經驗來看，寫單元測試其實不

軟件測試 , 測試 , 單元測試 , 自動化測試 , 程序員

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 全面掌握 Jest：從零開始的測試指南（下篇）

在上一篇測試指南中，我們介紹了Jest 的背景、如何初始化項目、常用的匹配器語法以及鈎子函數的使用。這一篇篇將繼續深入探討 Jest 的高級特性，包括 Mock 函數、異步請求的處理、Mock 請求的模擬、類的模擬以及定時器的模擬、snapshot 的使用。通過這些技術，我們將能夠更高效地編寫和維護測試用例，尤其是在處理複雜異步邏輯和外部依賴時。 Mock 函數 假設存在一個 runCallBac

單元測試 , 自動化測試 , jest , 前端 , Javascript

收藏 評論

daxi_613eff614e117 頭像

旋極智能 - TESSY 5.1版新功能

TESSY是一款針對嵌入式軟件的C/C++代碼的單元測試工具，能夠自動化整個單元測試周期，包括迴歸測試，適用於多種目標系統。作為一個易於安裝和操作的測試工具，TESSY從項目設置、測試設計與執行到結果分析與報告，全程引導您完成單元測試工作流程。此外，TESSY還負責完整的測試組織與管理，包括需求管理、覆蓋率測量及可追溯性。 新版的TESSY 5.1通過多個新功能的引入和優化，使代碼覆蓋率的

軟件測試 , 單元測試

收藏 評論

evans_bo 頭像

Evans_波 - 在 VSCode 中使用 xUnit 對 C# 進行單元測試

測試環境搭建 鏈接：使用 dotnet test 和 xUnit 在 .NET 中對 C# 進行單元測試 實用技巧 忽略測試方法 忽略整片的 忽略 Test1 至 Test2 之間的全部測試 public class Program_Test { #if false [Fact] public void Test1() {...} [Theory] [InlineD

單元測試 , c#

收藏 評論

youqingyouyidedalianmao 頭像

龍智DevSecOps - TESSY單元測試工具詳解與操作演示：ISO 26262合規性、自定義測試用例、詳細測試報告等

在嵌入式系統開發中，安全性和可靠性至關重要，尤其是在汽車、醫療和工業控制等高風險行業。為了確保代碼在實際運行中滿足安全標準，開發者需要一套完善全面的測試工具，來嚴格檢測代碼的安全性和可靠性。 TESSY作為一款已獲得IEC 61508、IEC 62304、ISO 26262和EN 50128認證的單元/集成測試工具，專為安全相關的嵌入式C/C++代碼測試而設計，可幫助開發者有效簡化和自動化測試流程

嵌入式 , 單元測試 , 集成測試

收藏 評論

chengxuyuanlaoliu2024 頭像

程序員老劉 - 記錄一個Flutter 3.24單元測試點擊事件bug

哈嘍，我是老劉 這兩天發現一個Flutter 3.24版本的單元測試的一個小bug，提醒大家注意一下。 老劉自己寫代碼十多年了，寫Flutter也6年多了，沒想到前兩天在一個小小的BottomNavigationBar 組件上翻了車。 給大家分享一下事件的經過。 問題經過 這件事的起因是最近想做一個自己用的小App，Flutter實現。 大家知道我一直是TDD的踐行者，所以就先寫

tdd , 單元測試 , flutter

收藏 評論

taopaodebiandou 頭像

凡事提前 - HarmonyOS Next 單元測試框架API總結

HarmonyOS Next 單元測試框架API總結 自動化測試框架代碼部件倉arkXtest，包含單元測試框架(JsUnit)和Ui測試框架(UiTest)。單元測試框架(JsUnit)提供單元測試用例執行能力，提供用例編寫基礎接口，生成對應報告，用於測試系統或應用接口。Ui測試框架(UiTest)通過簡潔易用的API提供查找和操作界面控件能力，支持用户開發基於界面操作的自動化測試腳本。 本文介

harmonyos-next , 單元測試 , 自動化測試 , harmonyos

收藏 評論

taopaodebiandou 頭像

凡事提前 - HarmonyOS Next UI測試入門

HarmonyOS Next UI測試入門 HarmonyOS Next提供的自動化測試框架arkxtest，支持JS/TS語言的單元測試框架(JsUnit)及UI測試框架(UiTest)。UiTest通過簡潔易用的API提供查找和操作界面控件能力，支持用户開發基於界面操作的自動化測試腳本。本文介紹HarmonyOS Next UI自動化框架實現原理 HarmonyOS Next中UI測試框架主要

harmonyos-next , 測試 , 單元測試 , 自動化測試 , harmonyos

收藏 評論