1.1 前言 今天给学习开发的朋友推荐一款逆天神器FLEX. 虽然我是一名Java后端研发但是总免不了需要给移动端写Restful API,联调测试总是一件非常麻烦的事情。 1.2 FLEX 简介 那么FLEX 到底可以做什么呢？ FLEX可以用来联调测试移动端API,也可以用来学习大厂App的写法 ...
分类：
移动开发 时间：
2020-05-30 10:51:24
阅读次数：
122
帮你熟悉Flex布局，帮你生成样式 https://flexbox.tech ...
分类：
其他好文 时间：
2020-05-29 23:22:44
阅读次数：
62
Flex 与 Grid ★ Flex √ Flex 属性 √ Flex 实例 ★ Grid √ Grid 属性 √ Grid 实例 Flex flexbox: 弹性盒子布局 ? 属性 属性名 属性含义 属性值 定义在容器上的属性 flex-direction 决定主轴的方向 row: (默认) 水平 ...
分类：
其他好文 时间：
2020-05-28 23:54:52
阅读次数：
126
<template> <div class="casehistory"> <jzrlist :isup="isup" :lastOrder="lastOrder" :djs="djs" @getjzrinfo="getjzrinfo"></jzrlist> <div class="classCase ...
分类：
其他好文 时间：
2020-05-28 19:57:09
阅读次数：
107
BFC的定义 BFC到底是个啥呢？先贴出一段大佬们在分析BFC的时候字面上的理解： 在CSS布局中，是通过对一个个box的布局，来实现整体页面的布局，这一个个box也就是一个个容器元素，这些元素分为两类：块级元素(block)，行内元素(inline)。 对于不同类型的元素，有不同的处理规则，这个元 ...
分类：
其他好文 时间：
2020-05-28 00:48:54
阅读次数：
86
首先是弹性盒布局：dispaly:flex；和display:inline-flex；(两个元素会在一行显示，类似于块状元素和行内块元素的区别) 1.设置成弹性盒后，所有的元素都会在主轴上排列，默认x轴为主轴，与主轴垂直的为侧轴 2.如果父元素设置成了弹性盒，想让子元素在弹性盒上下左右居，子元素只需 ...
分类：
其他好文 时间：
2020-05-26 22:13:49
阅读次数：
102
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0;padding:0; } .container{ display: flex; hei ...
分类：
其他好文 时间：
2020-05-26 20:33:35
阅读次数：
64
flex 是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而国内很多浏览器对 flex 的支持都不是很好，这里针对微信内置浏览器写了一套兼容写法。下面入正题。 首先还是从两个版本的语法开始讲吧，这 ...
分类：
微信 时间：
2020-05-26 20:29:29
阅读次数：
79
一、什么是弹性盒布局（可伸缩的盒子） 优势：1》写起来比较简单 2》灵活性、代码优雅 缺点：1》不兼容ie和安卓低级版本 新弹性盒(讲) 老弹性盒 二、使用 容器 (父元素) display:flex : 让容器成员是弹性的项目 flex-direction : 决定主轴是什么方向(项目排序方向) ...
分类：
其他好文 时间：
2020-05-26 20:08:26
阅读次数：
72
电商毕业设计里的一个购物车demo，效果图： .vue文件 <template> <div class="box"> <div class="flex-left tit"> <span v-for="(i,inx) in tit" :key="inx" class="flex-around">{{i ...
分类：
Web程序 时间：
2020-05-26 12:22:36
阅读次数：
564
