最近接手一个 NuxtJS 项目,目前是打包成静态页面上线的(generate命令),没有用到 node server(但项目中引用了 Koa 框架),现在要从其他系动态统获取数据,需要 node server 环境,于是研究了一下部署的流程; 1、打包 本地打包,要先执行下面的命令 2、上传文件到服务器 将 .nuxt文件夹、nuxt.config.js、package.json、static文…
月度归档: 2020 年 4 月
SVG 边框动画
最近用到一个边框动画效果,动画过程是边框从四个端点出发,慢慢变长,最终填满所有边框,动画效果如下图: 这个是用SVG实现的,主要用到的属性是 stroke-dasharray; stroke-dasharray MDN官方文档点击可查看,这个属性主要是设置边框(stroke)的实线和间隔的数值,“实线长度[, 间隔长度, 实线长度, 间隔长度, ……]”这种格式; 参数中包含两类值:实线长度、间隔…