过渡和动画都是CSS3的重要部分，今天有时间，了解些相关内容并记录下。在开始之前，首先看看CSS3的转化。 转化 CSS3的转化分为以下几种： translate 移动 rotate 旋转 scale 缩放 skew 倾斜 matrix 混合 每种转化都还有对应的3d版本 注意：闭合的内联元素不支持 ...
分类：
Web程序 时间：
2020-06-07 19:50:15
阅读次数：
79
在做项目的时候经常遇到这样一个问题， 就是一张图片宽度100% 在缩放屏幕的时候图片会被压缩变形！！！如下： 在大屏幕上： 在小屏幕上： 小屏幕上压缩变形，很丑陋，给人一种很不专业的感觉的。 解决办法： 为了避免变形，我们可以使用css中object-fit属性 html: <div class=" ...
分类：
Web程序 时间：
2020-06-05 13:09:39
阅读次数：
377
观察空间就是相机的空间 投影矩阵本质就是对x、y、z分量进行不同程度的缩放（z还做了平移），结果就是视锥体近切面远切面变成正方形、视锥体的中心在（0,0）。 （对于正交相机，这一步已经得到了立方体） 屏幕映射：相当于视锥体(透视相机)映射到立方体（中心的在（0,0），长度是2）。 齐次坐标-homo ...
分类：
其他好文 时间：
2020-06-04 01:19:59
阅读次数：
70
###web开发中使用em单位还是rem？ 一般浏览器的默认字体大小（font-size）是16px，为了实现弹性布局，即当页面缩放时，整个页面的元素可以一起跟着缩放，以免页面布局被破坏，建议不使用px作为固定的单位，而是使用em和rem相对单位。 假设html默认的字体大小为16px，那么1em/ ...
分类：
其他好文 时间：
2020-06-02 23:01:56
阅读次数：
66
300ms点击延迟 移动端的300ms点击延迟是因为移动端可以进行双击缩放的操作，因此浏览器在click之后要等待300ms，看用户有没有下一次点击，也就是判断这次操作是单击还是双击。如果通过监听touchstart事件来替代click事件的话，会导致一些问题：touchstart是手指触摸屏幕就触 ...
分类：
其他好文 时间：
2020-06-02 12:57:28
阅读次数：
54
在flex出现之前我们做页面都是使用的左右浮动，inline-block，表格等布局方式来实现页面的各种布局，在这些写法中由于浏览器的兼容问题还需要写很多的hack来解决兼容问题。','2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已... ...
分类：
Web程序 时间：
2020-05-31 10:49:47
阅读次数：
83
# 4.content：内容 - 1. 重置 (1) 更新部分浏览器的预设值，在可能变动的文字间距上使用rem代替em (2) 避免使用margin-top。垂直边缘可能发生重叠，产生无法预料的错误。 (3) 为了设备之间轻松缩放，block元素应该在margin上采用rem (4) 尽可能使用继承 ...
分类：
其他好文 时间：
2020-05-30 21:46:56
阅读次数：
83
4.x版本有如下特性： 1. 模块化 不再是一个整体，而是分为多个模块，可以按需加载，例如： d3-selection 选择器d3-shape 图形d3-array 数组d3-force 力导向图d3-zoom 缩放 2. 支持canvas 3. 命名精简和更语义化 布局省去layout，生成器省去 ...
分类：
其他好文 时间：
2020-05-30 15:35:31
阅读次数：
244
1、打开方式 打开Chrome浏览器，按下F12或者右击空白处然后点击检查 最左边是显示效果，中间是html代码，右边是html样式。 2、样式的修改 点击中间代码框，左上角的小箭头，然后点击css样式，可以直接修改属性的值。也可以点击键盘上的上下箭头，对属性的值进行修改 需要注意的是，调试工具只是 ...
分类：
Web程序 时间：
2020-05-30 10:39:12
阅读次数：
110
实现步骤 导入朋友的照片(前景照片); 处理前景照片(缩放、旋转，填充); 导入熊猫头照片(背景照片); 外汇返佣将前景和背景拼接起来形成表情包; 在表情包下面添加文字。 Python 实现 1、导入需要的库 import cv2 import numpy as mp import matplotl ...
分类：
编程语言 时间：
2020-05-26 12:05:58
阅读次数：
163
