-
[干货]手把手教你写一个安卓app
摘要：最近有很多小伙伴在后台留言：AndroidStudio。我想大家是想写一个手机app，前面已经分享了在QT上如何写一个安卓蓝牙app，虽然qt可以做app，但是比起AndroidStudio还是差很多。这里介绍一种快速入门的方法来制作一款app，就算你是零基础小白没有学习过java语言也没有关
-
CSS中的BFC、IFC、GFC、FFC
CSS中的BFC、IFC、GFC和FFC是布局模型中的概念，用于描述元素在文档流中的布局行为。它们分别代表块级格式化上下文（BlockFormattingContext）、内联级格式化上下文（InlineFormattingContext）、网格格式化上下文（GridFormattingContex
-
CSS 网格(Grid)布局
CSSGrid布局是一种二维布局方式，可以将页面分成行和列，并在其中放置元素。使用Grid布局时，需要定义网格容器和网格项目。第一步，在网格容器元素（通常是一个div）上设置display:grid;来启用Grid布局。第二步，使用grid-template-columns和grid-templat
-
CSS 弹性(Flex)布局
Flexbox（弹性盒子）是CSS3中的一种布局模式。它允许元素在一个容器中自动排列，可以使用灵活的方式创建复杂的布局。Flex布局有很多优点，例如，它很容易实现响应式设计，并且可以很容易地对齐和排列元素。要使用flex布局，你需要将容器的CSSdisplay属性设置为flex，然后可以使用flex
-
如何不移除<p>标签而将段落连接起来？
这是一个很经典的CSS布局问题，新人彻底理解了这个问题，HTML网页布局思想便已掌握了七七八八了。问题先看一段HTML代码：<!DOCTYPEhtml><html><body><h1>这是一个标题</h1><divclass="wra
-
自适应布局和响应式布局的区别？
自适应布局和响应式布局的区别？1.响应式的概念覆盖了自适应，但响应式包含的东西更多，响应式的布局可以根据屏幕的大小自动调整页面的展示方式2.自适应有一个致命缺点：如果屏幕尺寸太小，即使网页能够根据屏幕大小进行适配，也会感觉在小屏幕上查看，内容过于拥挤3.响应式解决了自适应布局的问题，响应式能自动识别
-
SwiftUI 布局协议 - Part2
前言在Part1我们探索了布局协议的基础知识，为理解布局是如何工作的打下了坚实的基础。现在，是时候深入研究那些更少提及的功能了，以及如何使用它们来为我们带来便利。Part1-基础：什么是布局协议视图层次结构的族动态我们的第一个布局实现容器对齐自定义值：LayoutValueKey默认间距布局属性和S
-
SwiftUI 之 HStack 和 VStack 的切换
前言SwiftUI 的各种堆栈是许多框架中最基本的布局工具，能够让我们定义组视图，这些组视图可以按照水平、垂直或覆盖视图对齐。当涉及到水平和垂直的变体时( HStack 和 VStack )，我们需要在这两者之间动态的切换。举个例子，假如我们正在构建
-
文本布局性能提升 60%，Inline Text 技术原理与实现
支付宝客户端有极强的动态化诉求，不论iOS还是Android平台，重新分发软件包在时间上、效率上都难以满足产品运营的要求，所以客户端动态化技术应运而生。Cube起源于Native页面的动态化诉求，产品形态表现于Cube卡片。随着小程序的出现，Cube融入了支付宝小程序技术栈，产品形态为轻量级的支付宝
-
想要用好网格系统，这八个小技巧你必须掌握
Hi，我是彩云。留白和网格是任何设计的基础，一旦真正掌握并正确使用，网格将帮你设计出可靠且具有吸引力的设计解决方案。所以，今天将分享我在UI设计中掌握的网格设计技巧，文章不长，认真看完，定有收获。什么是网格设计？网格是设计好任何界面的基础，可以将其理解为布局的框架。这套框架有助于组织UI元素、引导用
-
史上最全Android性能优化方案解析
Android中的性能优分为以下几个方面：布局优化网络优化安装包优化内存优化卡顿优化启动优化……一.布局优化布局优化的本质就是减少View的层级。常见的布局优化方案如下：在LinearLayout和RelativeLayout都可以完成布局的情况下优先选择LinearLayout，可以减少View的
-
CSS Flex 布局和 Grid 布局怎么选？
大家好，我是CUGGZ。CSS中的 Flex布局和 Grid布局都是非常强大的布局方案，那什么情况下应该使用Grid布局，什么情况下应该使用Flex布局呢？本文就来通过一些示例看看两者之间的区别以及使用场景！Grid和Flexbox的区别Grid是二维布局模型，它有列和行。而F
-
vivo前端智能化实践：机器学习在自动网页布局中的应用
作者：vivo互联网前端团队-SuNing在设计稿转网页中运用基于self-attention机制设计的机器学习模型进行设计稿的布局，能够结合dom节点的上下文得出合理的方案。一、背景切图作为前端的传统手艺却是大多数前端开发者都不愿面对的工作。为了解决切图的各种问题，人们绞尽脑汁开发了各种各样的设计
-
CSS 实现可拉伸调整尺寸的分栏布局
很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像vscode。vscode抽象开来，其实就是这样一个布局，左右、上下都是可以调整的，如下：可拉伸调整的分栏布局你也可以先看实际效果：CSS可拉伸分栏布局2(juejin.cn
-
圣杯布局和双飞翼布局，你更喜欢那个布局？
作用首先要解释一下：无论是圣杯布局还是双飞翼布局，都是为了实现一个效果：左右固定宽度，中间部分自适应。两者的区别在于，圣杯布局给中间的div设置padding-left和padding-right;而双飞翼布局则在中间的div内部创建子div放置内容，并在该div里用margin-left和marg
-
知识图谱可视化技术在美团的实践与探索
作者 | 巍耀诚威知识图谱可视化可以更直观地查看和分析知识图谱的数据。本文主要介绍了美团平台在布局策略、视觉降噪、交互功能、可视化叙事、3D图谱可视化等方面的一些实践和探索，同时沉淀出了uni-graph图可视化解决方案，并支持了美团的很多业务场景，包括美团大脑、图数据库、智能I
-
基于自然流布局的可视化拖拽搭建平台设计方案
LowCode是高效、高性能的拖拽式低代码开发平台.也是笔者最近一直在研究的方向,对于可视化搭建平台的实现方案笔者之前写过很多文章,这里带大家探索一个新方向——基于自然流布局的可视化搭建平台.在我们之前实现的h5-dooring搭建平台中,我们采用了网格布局的方式来实现拖拽生成H5页面或者Webap
-
HarmonyOS服务卡片-防疫一码通
想了解更多内容，请访问：51CTO和华为官方合作共建的鸿蒙技术社区https://harmonyos.51cto.com开发背景“严”字当头共防新冠，面对德尔塔变异毒株的气势汹汹，疫情防控不能有一丝松懈。软通动力全体员工坚决贯彻国家卫生健康委对于防疫的要求，做好个人防护;风险人群要主动检测、自觉报告
-
前端精神小伙：React Hooks响应式布局
前言现在稍微大型的站点都会采用H5/PC端并行，通过nignx获取浏览器的UA信息来切换站点。但这对于一些企业站点或人手不足的小型项目来说，就很难实现。通过CSS媒体查询实现响应式布局，是主流方式。但是，有时在React程序中，需要根据屏幕大小有条件地渲染不同的组件（写媒体查询太麻烦了，还不如另写组
-
JavaScript是如何工作的:渲染引擎和优化其性能的技巧
当你构建Web应用程序时，你不只是编写单独运行的JavaScript代码，你编写的JavaScript正在与环境进行交互。了解这种环境，它的工作原理以及它的组，这些有助于你够构建更好的应用程序，并为应用程序发布后可能出现的潜在问题做好充分准备。浏览器的主要组件包括：用户界面(Userinterfac
