1.使用浮动来设置二列布局利用浮动和块级元素实现的左侧宽度固定，右侧自适应宽度的布局方式 <div class="left">left</div> <div class="right">right</div> /* css */ .left { float: left; width: 100px; ...
分类：
Web程序 时间：
2020-07-11 19:33:58
阅读次数：
85
本文内容参考自如何用一行 CSS 分别实现 10 种现代布局？。 1.可解构的自适应布局(The Deconstructed Pancake) <html> <head> <style type='text/css'> .parent{ display: flex; flex-wrap: wrap; ...
分类：
Web程序 时间：
2020-07-11 19:14:46
阅读次数：
87
1、效果如图 2、Controller @GetMapping("/exportExcel") public void exportExcel(@RequestParam(value = "menu") String menu, @RequestParam(value = "dwflglId") i ...
分类：
其他好文 时间：
2020-07-10 18:49:09
阅读次数：
424
第一中方法： 在子页面加载完毕的时候执行 parent.document.getElementById("iframe").height=0; parent.document.getElementById("iframe").height=document.body.scrollHeight; 第二 ...
分类：
其他好文 时间：
2020-07-08 22:59:06
阅读次数：
227
1、viewport 移动设备上的viewport是设备屏幕上用来显示网页的那部分区域，再具体一点就是浏览器上用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域大，也可能比浏览器的可视区域小。在默认情况下，移动设备上的viewport都是大于浏览器可 ...
分类：
移动开发 时间：
2020-07-08 13:31:12
阅读次数：
50
第一种写法： wxml: <view class="page_first"> <view class="page_li" wx:for="{{4}}"></view> </view> wxss: .page_first{padding: 30rpx;box-sizing: border-box;di ...
分类：
其他好文 时间：
2020-07-07 15:44:41
阅读次数：
58
0.引言 在我们编写css的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题，我们常常会使用下面这样的css代码加以实现（absolute+transform思路）： .wrap { ...
分类：
Web程序 时间：
2020-07-07 00:40:28
阅读次数：
200
需求如下： 前端需要显示矩形的缩略图，接口返回的图片尺寸大小不一，宽高不相等，需要前端来处理并显示成正方形，类似微信朋友圈图片的效果，等比例正方形显示在列表中，让图片根据宽高来自适应显示在页面上。那么使用纯css该如何实现不定宽高的图片居中裁剪呢？ mate标签： <meta name="viewp ...
分类：
微信 时间：
2020-07-07 00:30:55
阅读次数：
92
一面 项目： 描述项目某个功能的实现 react的特点 为什么要使用redux+immutable，redux和全局变量的区别 diff算法 react-redux的工作原理和相关源码 还有一些项目的细节 然后是基础知识： 实现一个百度搜索框，包括垂直左右居中，自适应的特性 BFC的相关特性和应用 ...
分类：
其他好文 时间：
2020-07-06 12:41:06
阅读次数：
81
一、什么是三栏布局 三栏布局即左右元素固定宽度，中间元素自适应。代表布局有圣杯布局和双飞翼布局，当然还有其他方式可以实现，下面是详细介绍。 二、实现方式 1.自身浮动 元素顺序：中间盒子必须放在最后，左右元素任意排列 原理：左边元素左浮动 右边元素右浮动 缺点：当浏览器宽度不足以容纳三个元素时，中间 ...
分类：
其他好文 时间：
2020-07-06 00:48:17
阅读次数：
75
