前端项目开发一段时间后，会思考如何提升用户体验，如何布局前端页面，如何合理搭配页面色彩。本篇博文主要讲解如何通过色彩合理搭配提升用户体验。一、基础理论1、色彩搭配原则是什么？色彩怎么搭配都可以，看你是想要对比效果还是要统一

原文链接：什么是响应式布局？在不同屏幕分辨率下，能够以最佳的方式进行展示，元素的宽度尺寸以及展示方式可能会改变。通常使用@media多媒体查询来实现响应式布局。优点页面能够兼容不同分辨率的屏幕。缺点工作量大，UI需要设计多个平台的版本。场景一套代码兼容we

最近想实现类似QQ的布局，使用toolbar,tablayout,viewpager，drawerlayout等控件,碰到了一些问题。1.底部按钮切换之后，每个页面头部布局不一样。使用toolbar的话，需要在每个fragment中使用单独的toolbar。这样又出现一个新的问题，drawerlayout如何操作，drawerlayout需要

SwiftUI直通车系列（1）——视图的布局与组织一、引言    SwiftUI提供了一种更快、更高效也更简单的页面开发方式。我们知道相对于ObjectiveC，Swift语言本身就更加高效简洁，SwiftUI采用了结构化的布局方式，使得应用的界面开发更加直观快速。本系列博客，

0805自我总结一.绝对定位position:absolute;/绝对定位：1、定位属性值：absolute2、在页面中不再占位(浮起来了)，就无法继承父级的宽度(必须自己自定义宽度)3、一旦定位后，定位的布局方位top、bottom、left、right都能参与布局

有没有这种需求，自定一个panel，里面放了好几个控件，在多个页面用到这个panel。解决这个问题有三条思路：1.自己继承UIView写一个类，在这里面以代码的形式添加需要的控件，完成布局。2.使用XIB布局文件完成布局3.使用storyboard完成布局在这三中方式中，1显得高端大气上档次，哗啦哗啦敲半天。虽然我是技术控，但是也很反感这

SwiftUI直通车系列（2）——列表视图  列表视图的开发中非常常用的页面元素。SwiftUI中也有专门用来渲染列表的元素提供。一、编写行视图   列表实际上是一组行视图的组合，在布局列表视图之前，你首先需要定义好行视图的布局。例如，我们使用一个Image元素和两个Tex

JS实现小图放大轮播页面效果入下（图片为优行商旅页面照片）：!(https://oscimg.oschina.net/oscnet/fea423c49d5f7430375068501d3f032d631.png) 实现效果：图片自动轮播，鼠标移入停止，移出继续轮播点击下方小图可以实现切换步骤一：建立HTML布局，具体

【HarmonyOS】应用设置全屏和安全区域详解一、前言IDE创建的鸿蒙应用，默认采取组件安全区布局方案。顶部会预留状态栏区域，底部会预留导航条区域。这就是所谓的安全区域。如果不处理，界面效果很割裂。所以业内UI交互设计，都会设置应用为全屏布局。将页面绘制