按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 铅笔画线条的动画效果https://codepen.io/chrisganno... 画出一颗圣诞树的动画https://codepen.io/chrisganno... 外星飞船捕获地球动物的动画https://codepe ...
分类:
其他好文 时间:
2020-05-01 10:48:56
阅读次数:
61
JS 和 CSS 实现持续的动画效果 逛论坛的时候看到一个问题, js 是怎么实现持续的动画效果的? 第一时间想到的是定时器, 后来看到有同学提到了 requestAnimationFrame, 由于之前没有对相关方法有所了解, 于是便去查了下, 顺便也记录了下 animation 的使用. ani ...
分类:
Web程序 时间:
2020-04-30 23:28:17
阅读次数:
171
一丶jq/zepto animate()方法 可以细化操作,回调方法,但是在移动端(安卓)卡顿 二丶css3 animation 可以用@keyframes细化过渡效果,没有回调操作,只能监控animation/transition是否已完成。 三丶transform 过渡top/left 导致重绘 ...
分类:
移动开发 时间:
2020-04-30 23:24:21
阅读次数:
92
# 1. css3选择器 # ## 1.1 css3属性选择器 ## 选择符 简介 E[att] 选择具有att属性的元素 E[att= "val"] 选择具有att属性且属性值等于val的E元素 E[att^="val"] 匹配具有att属性、且值以val开头的E元素 E[att$="val"] ...
分类:
Web程序 时间:
2020-04-30 17:49:45
阅读次数:
101
vh/vw vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax; vmin: 相对于视窗的宽度或高度中较小的那个。其中最小的那个被均分为10 ...
分类:
Web程序 时间:
2020-04-30 17:34:18
阅读次数:
125
1.css3的新特性有哪些 (1)CSS3选择器(基本、属性、伪类具体见下) (2)CSS3边框与圆角 圆角border-radius 属性:border-top-left-radius 左上角 border-top-right-radius 右上角 border-bottom-right-radi ...
分类:
Web程序 时间:
2020-04-29 00:54:20
阅读次数:
77
一、响应断言: 最简单,使用最多的一种方式,直接添加需要断言的内容即可,可以选择不同的类型 二、断言持续时间: 验证sample的响应时间,可以选择作用于哪些sample 三、JSON断言: 书写格式为$. 事例:$.msg 表示断言msg的值 $表示根 也就是{ .表示子 也就是{下的元素 { " ...
分类:
其他好文 时间:
2020-04-28 23:08:04
阅读次数:
315
今天要实现一个时间倒退的动画效果,案例初始时会显示当前日期,用户可以从日期选择器上选择过去的某一天,开始播放后显示日期会逐渐倒退至选中日期。主要用到的组件是触发器,设计思路是将当前日期和选中日期都转化成时间戳格式,然后通过触发器不断改变当前日期的值,直到等于选中日期。(Unix时间戳是一种时间表示方式,定义为从格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08
分类:
其他好文 时间:
2020-04-26 18:36:00
阅读次数:
77
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/xJrOqd 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类:
Web程序 时间:
2020-04-26 14:15:07
阅读次数:
91
好久没有更新博客了,前段时间实在是太懒。过年后从老家到工作地方只更新了一篇与技术无关的文章。接下来时间,期望自己多多写博客,技术博客中也适当增加些逸闻趣事(例如这几天隔壁金三胖子手术后生死成谜),生活类博客中加些技术性东西,以增加博客的可读性和趣味性。让亲爱的读者们在快乐中就把知识学习了😄😄 趁 ...
分类:
移动开发 时间:
2020-04-26 01:07:40
阅读次数:
88