在css中使用伪类虽然实现了样式的改变，但由于没有过渡效果会显得很生硬。以前如果要实现过渡，就需要借助第三方的js框架来实现。现在只需要使用CSS3的过渡（transition）功能，就可以从一组样式平滑的切换到另一组样式。 （1）背景色过渡变化 下面鼠标移入后，按钮背景色会慢慢地变成黄色。鼠标离开 ...
分类：
Web程序 时间：
2020-06-07 16:35:02
阅读次数：
232
5.1概述 5.1.1延时计算基础 本章不考虑互联线上的电容影响。transition time和slew 本质上一样。对于多输入引脚单元来说，不同的输入引脚引发不同的输出转换时间值。单元延时由输入引脚转换时间和输出负载共同决定。 5.1.2含互联线延时计算 布图之前的时序 正如第四章所介绍的，布图 ...
分类：
其他好文 时间：
2020-06-07 15:14:42
阅读次数：
118
1切换图片 2定时器--setTimeout（）和setInterval（）的用法 3定时器使用的案例——图片轮播 4图片显示和隐藏 5显示隐藏和定时器的案例——定时弹出广告 1切换图片 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ...
分类：
Web程序 时间：
2020-06-05 23:05:05
阅读次数：
102
微任务 promise 、async await 微任务 遇到微任务，放在当前任务列的最底端(then或者catch里面的内容) 宏任务 setTimeout setInterval 宏任务 遇到宏任务，放到下一个新增任务列的最顶端 当前任务列执行完成了再去执行下一个任务列 当then和then的外 ...
分类：
Web程序 时间：
2020-06-05 19:33:43
阅读次数：
104
最近在类似于滴滴软件的一款小程序，工程确实有点大，很多东西都是第一次做。这次记录一下关于左滑删除的一个代码记录。主要的思想就是计算滑动距离的大小来使用css中的 transition 控制滑动的效果，主流的都是控制边距margin来达到左滑的效果。 根据我所拿到的ui，我所运用的是使用宽度和radi ...
分类：
微信 时间：
2020-06-04 19:26:24
阅读次数：
133
场景 实际业务中对于定时任务的需求是不可避免的，例如，订单超时自动取消、每天定时拉取数据等，在Node.js中系统层面提供了setTimeout、setInterval两个API或通过node-schedule这种第三方库来实现。通过这种方式实现对于简单的定时任务是ok的，过于复杂的、可用性要求较高 ...
分类：
其他好文 时间：
2020-06-04 15:33:16
阅读次数：
63
2dtransition: all 0.5s;/* 旋转基点 支持设置 10px 20px*/transform-origin: left top; //以左上角为基点transform: rotate(90deg); //旋转90度// 动画transition:all .6s;//放大trans... ...
分类：
Web程序 时间：
2020-06-02 11:11:20
阅读次数：
77
前言 上一篇 css3 动画（一） transition 中，介绍了 transition 的用法。其中 transition 包含四个可设置的属性： 有过渡效果的属性 过渡时长 过渡函数？ 过渡时延 其中，1、2 以及 4 都挺好理解的，但是 3 是个什么东西？其实 3 是 css3 中的 tim ...
分类：
Web程序 时间：
2020-06-02 11:07:35
阅读次数：
84
1: 宏任务：包括整体js代码（script标签下的同步任务代码），setTimeout，setInterval; 2: 微任务：Promise.then()，process.nextTick(Node.js); 3: JS 事件循环机制(event loop) (1) 首先执行宏任务，遇到setT ...
分类：
Web程序 时间：
2020-06-01 12:03:28
阅读次数：
108
自定义两组样式，来控制 transition 内部的元素实现动画 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="lib/vue-2.4.0.js" type="text/javasc ...
分类：
其他好文 时间：
2020-05-31 22:05:12
阅读次数：
70
