技术概述 ? 需求是实现一个包含三种状态，分别是底部、半屏、全屏的浮层，并且浮层支持用户随意拖动，同时还要防止用户过度拖动。技术难点在于对动画的控制，必须得有一定的过渡动画否则整体会很突兀。 技术详述 ? 首先看一下预期的样子，图为ios自带高德地图的底部浮层。 ? 最开始的动画我是用CSS的key ...
分类：
微信 时间：
2021-06-28 19:15:24
阅读次数：
0
Vue版本：2.6.1 前言：本文主要是为了分清Vue的过渡状态中，什么是进入，什么是离开 一、进入（enter），即从无到有、从隐藏到显示（或添加节点）的阶段，与当前需要过渡元素的显示隐藏无关 离开（leave），即从有到无、从显示到隐藏（或删除节点）的阶段，与当前需要过渡元素的显示隐藏无关 二、 ...
分类：
其他好文 时间：
2021-04-15 12:50:23
阅读次数：
0
###前言上篇文章主要讲述了CSS样式更改中的2D转换，这篇文章我们来介绍下CSS样式更改中的过渡、动画基础用法。####1.过渡元素从一种样式逐渐改变为另一种的样式div{transition:width1s;-moz-transition:width1s;/*Firefox4*/-webkit-transition:width1s;/*Safari和Chrome*/-o-transition:
分类：
Web程序 时间：
2020-09-17 23:37:08
阅读次数：
47
CSS帧动画 基础知识 通过定义一段动画中的关键点、关键状态来创建动画。@Keyframes相比transition对动画过程和细节有更强的控制。 过渡动画是两个状态间的变化，帧动画可以处理动画过程中不同时间的细节变化， 对过渡动画理解后再学习习帧动画会非常容易，也可以把帧动画理解为多个帧之间的过渡 ...
分类：
Web程序 时间：
2020-07-24 09:27:49
阅读次数：
102
1.离屏渲染是什么 首先我们要知道图像渲染的基本原理：由CPU计算好显示内容，GPU 渲染完成后将渲染结果放入帧缓冲区，随后视频控制器会按照 HSync 信号逐行读取帧缓冲区的数据，经过可能的数模转换传递给显示器显示。 如果在当前用于显示的屏幕缓冲区中进行渲染操作，那就是当前屏幕渲染，如果是在当前屏 ...
分类：
移动开发 时间：
2020-07-08 15:40:37
阅读次数：
86
在使用Masonry的时候，默认情况下，设置的约束并不会立即生效，此时获得的所有的frame都为0。但在有的时候，我们需要获取此时的宽跟高，此时就要设置控件的约束立即生效。 view1 = [UIView new]; [self.view addSubview:view1]; [view1 mas_ ...
分类：
其他好文 时间：
2020-06-23 21:14:57
阅读次数：
95
在iOS开发中，UIView有一个clipsToBounds属性，可以设置UIView是否切割Subview超出本身的部分，Apple Developer文档的定义如下： 但是在Mac开发时，首先因为相关的资料在网上很少，NSView也没有这个属性，所以对于如何在NSView中实现类似于clipsT ...
分类：
其他好文 时间：
2020-06-20 22:35:36
阅读次数：
77
谈谈事件的产生和传递和响应？ 🔥事件的产生 我们知道UIApplication、UIViewController、UIView都是UIResponder的子类，都是可以处理事件的。在发生触摸事件的时候系统会先将该事件交给UIApplication处理，通常UIApplication先将事件交给UI ...
分类：
其他好文 时间：
2020-06-15 12:32:36
阅读次数：
63
如要增加一个 CSS body { overflow: hidden; } 低性能方案 网络一般流传的都是：通过操作 DOM 的style 属性来简洁改变 CSS 的方法 但有肉眼可见的延迟（在后面加个过渡动画你就知道） document.querySelector("body").style.ov ...
分类：
编程语言 时间：
2020-06-14 14:26:43
阅读次数：
81
UICollectionView与UITableView类似，都可以使用reloadData来进行cell内容的更新。 UICollectionView可以采用reloadItemsAtIndexPaths方法。 self.collectionView.reloadItems(at: [indexP ...
分类：
移动开发 时间：
2020-06-09 16:56:19
阅读次数：
169
