css flex弹性布局学习总结 一、简要介绍 flex( flexible box:弹性布局盒模型),是2009年w3c提出的一种可以简洁、快速弹性布局的属性。 主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持: 其中在webkit内核的浏览器中使用时,必须加上-webki ...
分类:
Web程序 时间:
2020-01-17 21:07:57
阅读次数:
88
目录: 设计模式的六大原则 工厂模式(Factory Pattern) 抽象工厂模式(Abstract Factory Pattern) 单例模式(Singleton Pattern) 建造者模式(Builder Pattern) 原型模式(Prototype Pattern) 本文参考:菜鸟教程, ...
分类:
其他好文 时间:
2020-01-17 20:46:07
阅读次数:
93
对于微信App, 导航用的是非常多的,几乎每个页面都需要,我们先将它简单地封装以下。 1. free-icon组件, 用来定义每个icon图标 <template> <view :style="getSize" class="flex justify-center align-center"> <t ...
分类:
其他好文 时间:
2020-01-17 19:09:40
阅读次数:
90
使用 english_words 包实现生成列表的功能: 官方参考文档 import 'package:english_words/english_words.dart'; import 'package:flutter/material.dart'; void main() => runApp(M ...
分类:
其他好文 时间:
2020-01-17 11:37:19
阅读次数:
154
一、解析服务 在注册完组件并暴露相应的服务后,可以从创建的容器或其子生命周期中解析服务,让我们使用Resolve()方法来实现: var builder = new ContainerBuilder(); builder.RegisterType<MyComponent>().As<IService ...
分类:
其他好文 时间:
2020-01-16 22:08:41
阅读次数:
185
上一次,我们已经了解过flex-grow的具体用法后,这周,让我们一起来见一下flex-basis这个属性. flex-shrink 定义项目的缩小比例,默认值为1,注意前提是空间不足的情况下,项目缩小。值为0,不缩小。 下面的例子中没有定义该属性,但是满足容器中空间不足的情况,项目会默认缩小。 当 ...
分类:
其他好文 时间:
2020-01-16 18:53:18
阅读次数:
67
timed out and no fallback 这个错误基本是出现在Hystrix熔断器,熔断器的作用是判断该服务能不能通,如果通了就不管了,调用在指定时间内超时时,就会通过熔断器进行错误返回。 一般设置如下配置的其中一个即可: 1、把时间设长 这里设置5秒 hystrix.command.de ...
分类:
其他好文 时间:
2020-01-16 18:46:08
阅读次数:
194
1 弹性布局简介 弹性布局,又称“Flex布局”,是由W3C在2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。 >>> 了解两个基本概念,接下来会频繁提到: ① 容器: 需要添加弹性布局的父元素; ② 项目: 弹性布局 ...
分类:
其他好文 时间:
2020-01-16 18:45:37
阅读次数:
160
#Java#Spring#WebFlux#Reactor#WebClient#Uri#传参#数组#列表# WebClient Uri列表、数组传参 视频讲解: https://www.bilibili.com/video/av83351261/ 服务端: @RestController class ...
分类:
编程语言 时间:
2020-01-16 13:00:53
阅读次数:
100
垂直居中,在CSS中是一个老生常谈的问题,面试的时候也会时常被提及。所以,今天我们就来聊聊9种不同的居中方法。有常见的flex、transform、absolute等等。也有CSS3的网格布局。还有伪元素的方法,是的,你没有看错,::after和::before也可以实现居中。1、flex大家的第一反应,可能就是flex了。因为它的写法够简单直观,兼容性也没什么问题。是手机端居中方式的首选。<
分类:
Web程序 时间:
2020-01-16 01:00:21
阅读次数:
110