ES6可谓是对JS语言的一个颠覆性改变,增加了Module改善JS一直被诟病的模块化、Promise解决异步函数的回调地狱、Class的面相对象编程... 在学习ES6的过程中,大家或多或少都有看过阮一峰老师的《ECMAScript 6 入门》。这本书把ES6的所有知识点都讲解的很详细,如果有时间, ...
分类:
其他好文 时间:
2018-11-17 23:22:39
阅读次数:
179
两周前,项目里需要实现一个红心飘飘的点赞效果。抓耳挠腮了老半天,看了几篇大佬的文章,终于算是摸了个七七八八。不禁长叹一声,还是菜啊。先来看一下效果:( "传送门进去点一波" ) 一、Bezier曲线运动轨迹 其实用大白话描述一下需求就是让一个红心图片沿着贝塞尔曲线的轨迹走,然后边走边消失。核心在于得 ...
分类:
其他好文 时间:
2018-11-13 02:22:51
阅读次数:
279
html5canvasbezierCurveTo涉及4个点:o(开始点),cp1(控制点1),cp2(控制点2),p(结束点)当o到p的走向(向量op)和cp1到cp2的走向(向量c12)相反时,就会出现打结的情况,我采取降级处理的方法,即发现会打结时,改为使用lineTo
分类:
其他好文 时间:
2018-10-24 20:27:42
阅读次数:
158
工控领域经常会涉及速度加减速的算法:线性加减速,S曲线加减速(sin函数,拓展其他三角函数曲线), 贝塞尔曲线,等等。 线性加减速: 设定起始速度V0,目标速度V1,加速时间Ta(s,或加速度),这个的任务执行周期为ΔT( ms 级 或者设定定时器,定时时间必须大于任务周期否则还是按任务周期计算输出 ...
分类:
编程语言 时间:
2018-10-20 11:00:32
阅读次数:
252
背景:React使用create-react-app脚手架创建,然后yarn run eject暴露了配置之后修改less配置, 需求:实现antd组件按需加载与修改主题。 一开始是按照webpack.config.dev.js文件中的配置进行less的配置。 可以看到脚手架创建的config文件为 ...
分类:
其他好文 时间:
2018-10-18 11:44:50
阅读次数:
655
Z-index Flex布局 Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素,称为Flex容器(flex container) ...
分类:
其他好文 时间:
2018-09-27 20:12:01
阅读次数:
224
过渡与动画 一、过渡 1、过渡属性 二、动画 1、动画属性 2、动画体 v_hint:动画属性设置给指定选择器标签,动画体再样式中单独设置 ...
分类:
其他好文 时间:
2018-09-27 15:23:33
阅读次数:
171
--> class="child-view"--> .child-view { position: absolute; width:100%; transition: all .8s cubic-bezier(.55,0,.1,1);}.slide-left-enter, .slide-right-... ...
分类:
其他好文 时间:
2018-09-06 20:00:40
阅读次数:
207
平时写动画也尽量使用 css3 来实现,timer-function 随意选用,最多也就调一下 cubic-bezier,找到看着舒服的就行。但是怎样让动画更顺滑,写出更贴近自然的动画,说实话以前我没怎么考虑过。 每次当动效设计师提出,能不能这样那样的时候,我会理所当然地予以否决。所以有很长一段时间 ...
分类:
其他好文 时间:
2018-08-21 15:18:25
阅读次数:
241
原文 Interpolation with Bezier Curves A very simple method of smoothing polygons Initially, there was a question in comp.graphic.algorithms how to inter ...
分类:
其他好文 时间:
2018-07-11 15:01:57
阅读次数:
751