喻佳文

摘要： 用途：用来做动画。 优缺点：（copy的） 优点： 由于将动画变成了json字符串，相比几M体积的gif图，等质量下的压缩率达到80%及以上。 支持云端动画资源加载，上线新的动画效果不需要发版 支持实时渲染 After Effects 动画，让 app 加载动画像加载图片一样简单。 因为Lottie 阅读全文

摘要： h5 序列帧动画 主要解决场景：图片太多，精灵图需要定位很多次的时候手写比较麻烦而且很耗费时间，通过Gka工具可以省时省力，并且精确完成。 官方文档链接：https://gka.js.org/#/?id=gka。 安装方式：npm i gka -g使用方式：将图片放在文件夹中。 例如test1目前在 阅读全文

摘要： package.json文件解析（author:慧敏） 每个项目的根目录下一般都会有一个package.json文件，这个文件定义了当前项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等）。 当运行npm install命令的时候，会根据package.json文件中的配置自动下载所 阅读全文

摘要： https://github.com/streamich/react-use 阅读全文

摘要： Sandbox 沙箱 在现实与我们前端相关的场景中，我们平时使用的浏览器就是一个沙箱，运行在浏览器中的 JavaScript 代码无法直接访问文件系统、显示器或其他任何硬件。Chrome 浏览器中每个标签页也是一个沙箱，各个标签页内的数据无法直接相互影响，接口都在独立的上下文中运行。 在微前端架构是 阅读全文

摘要： padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); 阅读全文

摘要： 骨骼动画 首先我们想要了解骨骼动画的写法，就得去了解Tiyjs。骨骼动画是基于tinyjs平台二次开发的插件运用。 官网地址： http://tinyjs.net/guide/ 插件种类： 在官网插件平台上，我们似乎可以找到三个有关骨骼动画的插件平台。spine，creature，dragonbon 阅读全文

摘要： 场景：比如我们在进行一些图片分享链接时，要进行一些特定连接的字符串拼接。这个时候就需要对我们的链接进行 uri编码操作。比如：百度地址：https://www.baidu.com方法：encodeURIComponent("https://www.baidu.com") //我们可以通过原生的 en 阅读全文

摘要： async function imageToData64(Url) { //传任意一图片地址 return new Promise((resolve, reject) => { let image = new Image(); image.src = itemUrl; image.crossOrig 阅读全文

摘要： 码之根本，在于规则。温故而知新，可以为师矣！ES6前，没有什么比它更适合我们学习和了解的：（以下是线上网址，也可买书） https://es6.ruanyifeng.com/ 今天就重点介绍一下ES7之后新增的特性： ES2016(ES7) Array.prototype.includes() in 阅读全文