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

初次开发微信公众号，整体框架是经理搭建，小喽喽只是实现部分功能，整体页面效果!(https://oscimg.oschina.net/oscnet/87cd23eda0459980c7b15263dfeb6f3a3d6.png)整个页面使用两个组件：布局FlexBox,搜索框Search，demo文档 http://vue.ydui.o

原文链接：什么是自适应布局？在不同屏幕分辨率下，能够以最佳的方式进行展示，元素的宽度尺寸可能会改变，但是原有的展示方式不会改变。通常使用%单位来实现自适应布局。优点页面能够兼容不同分辨率的屏幕。缺点因为开发的时候需要考虑多种分辨率下的情况，会额外增加一些工

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

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

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

Flex布局（弹性布局）Flex是弹性布局，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。采用Flex布局的元素，称为Flex容器。flexitem项目是Flex布局的元素，简称项目。容器：水平的主轴（mainaxis）和垂直的交叉轴（crossaxis），单个项目占据的主轴空间叫做m

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

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