抽象语法树（AST），是一个非常基础而重要的知识点，但国内的文档却几乎一片空白。本文将带大家从底层了解AST,并且通过发布一个小型前端工具，来带大家了解AST的强大功能

没什么特别好的办法，用div模拟吧。

况且这原路径1：如果是指上传用户的路径:c://xxxx/xxx.png,这种你拿到了，传递给sharp也没用，因为它访问不到啊。2：如果是文件的位置，此时就应该就是上传到服务器上，保存到某个地方的文件路径，但是有点多此一举，当然如果本来原文件就要保存就另说了。

况且这原路径1：如果是指上传用户的路径:c://xxxx/xxx.png,这种你拿到了，传递给sharp也没用，因为它访问不到啊。2：如果是文件的位置，此时就应该就是上传到服务器上，保存到某个地方的文件路径，但是有点多此一举，当然如果本来原文件就要保存就另说了。

WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。支持有损压缩和无损压缩，无损压缩后比png文件少了大约35%，有损压缩后比png文件少了大约70%，能节省大量的服务器带宽资源和数据空间。

最终我还是采用了另一种方案。在根目录的static目录下新建一个css目录，此目录下保存2份css文件。分别为：picture.css(此样式表只保存所有需要转换为webp图片的原始路径)和webp.css(此样式表只保存所有需要转换为webp图片的webp路径)。然后在index.html的<script&...

WebP是Google开发的一种新的图片格式，它支持有损压缩、无损压缩和透明度，压缩后的文件大小比JPEG、PNG等都要小。所以可以节省带宽，减少页面载入时间，节省用户的流量。

从刚接触前端开发起，跨域这个词就一直以很高的频率在身边重复出现，一直到现在，已经调试过N个跨域相关的问题了，16年时也整理过一篇相关文章，但是感觉还是差了点什么，于是现在重新梳理了一下。

相对来说sukies的方法更好一些，不过文本中可能存在不止一对a标签。所以正则我修改了一下。 {代码...}

vue-crpopper 预览项目地址 一些想法 网上看了看基于vue的图片裁剪的插件很少，刚刚好项目需要使用到图片裁剪，于是便有了这个插件的诞生。 实现的原理 通过canvas生成新的图片， 可以上传到后台保存。 效果图 安装 npm install vue-cropper 使用 import VueCropper ...

最近要用javascript做一个动画功能，为了确保动画在播放的时候能够顺利和平滑，我需要对所用到的图片素材进行预加载，下面跟大家分享一下我实现这个功能的过程