![](https://img-blog.csdnimg.cn/89517a78c6204a0da7c0c7e1f40d01c6.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web
文章平均质量分 70
Web
陆氪和他的那些代码
学习可以偷懒,面试好好发挥就行
展开
-
Lottie - 实现 AE 动效(Bodymovin)
项目背景在海外项目中,为了优化用户体验加入了几处微交互动画,实现方式是设计输出合成的雪碧图,前端通过序列帧实现动画效果:序列帧:动画效果:序列帧:帧动画的缺点和局限性比较明显,合成的雪碧图文件大,且在不同屏幕分辨率下可能会失真。经调研发现,Lottie是个简单、高效且性能高的动画方案。Lottie是可应用于Android, iOS, Web和Windows的库,通过Body...转载 2019-11-05 22:13:30 · 6027 阅读 · 0 评论 -
Lottie - Lottie 中渐变填充的实现研究
Lottie动画以制作简单,对接方便被越来越多的开发团队所接受并使用。但json文件格式也有自身的一些问题,其中比较严重的是不支持渐变效果。以下文字将为您详细说明,如何通过简单源码的修改,让你的Lottie动画支持渐变。Lottie官网介绍关于Lottie基础,这里不详细赘述了,请大家自行查阅。准备工具必备的AE和Bodymovin插件,编码器推荐VS Code...转载 2019-11-05 22:24:46 · 2106 阅读 · 0 评论 -
Jasmine - 文档(二)
前言这是翻译的Jasmine文档第二篇,第一篇文章的地址为:Jasmine - 文档(一)Spies(间谍)Jasmine有称为间谍(spies)的测试双重功能。一个spy可以监测任何函数的调用和参数的调用痕迹。Spy只能存在于定义它的describe()和it()代码块内,而在每一个spec结束后将被移除。(这个语法在Jasmine2.0才改变的)有几个特别的Matc...原创 2019-01-02 10:56:34 · 1489 阅读 · 0 评论 -
Jasmine - 文档(一)
前言实习期间接触很多新东西。最近又在学习如何写一个独立的测试单元。看了公司前人的代码,后来网上搜寻了相关的知识,打算还是将自己的理解简单写下来。简介Jasmine是一种JavaScript的测试框架,它不依赖于其他框架,也不依赖于DOM结构。其语法特点在于简单清晰,就算是刚入门没多久的JavaScript程序猿也能够写出简单的测试单元代码。下载 & 部署下载...原创 2019-01-02 10:45:36 · 4309 阅读 · 3 评论 -
Jasmine - 文档(三)
前言这是我翻译的Jasmine文档第三篇,前两篇文章的地址为:Jasmine - 文档(一)Jasmine - 文档(二)匹配全局jasmine.anyjasmine.any传递一个构造函数(constructor)或者“类”(class)作为一个期望值,如果实际构造函数和传递的参数相同则返回true。例如:describe("jasmine.any", fun...原创 2019-01-02 11:01:23 · 609 阅读 · 0 评论 -
Npm - run `npm audit fix` to fix them, or `npm audit` for details
第一种解决办法npm audit fixnpm audit fix --forcenpm audit第二种解决办法删除已经安装的:node_modules 和 package-lock.json修改 package.json 格式如下npm audit fix --forcenpm install转载 2020-06-11 09:09:23 · 1436 阅读 · 0 评论 -
Npm - 解决 npm install Unexpected token in JSON at position XXX 报错
问题描述执行 npm install 命令时出错,查看日志发现:Unexpected token < in JSON at position 183718。解决方法删除根目录下 package-lock.json 文件。转载 2019-10-24 23:02:40 · 5492 阅读 · 4 评论