第一种写法： 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
在做自适应网页的时候，如果在图片中使用了热区map。图片可以通过样式实现：图片大小随页面变化，但是MAP中每个area的坐标并不能通过css直接实现自适应。这篇文章就介绍通过原生js来实现：MAP中每个area的坐标也随页面等比例的变化效果。 map area 热区自适应的实现代码 html: <s ...
分类：
Web程序 时间：
2020-07-05 21:29:33
阅读次数：
116
自适应丨Html5响应式（自适应）网页设计 第一步：在网页代码的头部，加入一行viewport元标签 <meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度，上面这行代码的意 ...
分类：
Web程序 时间：
2020-07-05 15:05:38
阅读次数：
112
opencv——threshold阈值处理、自适应阈值处理、otsu处理（大津法） ...
分类：
其他好文 时间：
2020-07-03 21:38:07
阅读次数：
71
为什么要写自适应的页面（响应式页面）？ 众所周知，电脑、平板、手机的屏幕是差距很大的，假如在电脑上写好了一个页面，在电脑上看起来不错，但是如果放到手机上的话，那可能就会乱的一塌糊涂，这时候怎么解决呢？以前，可以再专门为手机定制一个页面，当用户访问的时候，判断设备是手机还是电脑，如果是手机就跳转到相应 ...
分类：
Web程序 时间：
2020-07-03 19:19:56
阅读次数：
214
rem自适应 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <script> var deviceWidth = window.inner ...
分类：
移动开发 时间：
2020-07-03 19:15:14
阅读次数：
92
