jjzjj

lottie-miniprogram

全部标签

【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法

一、前言👁在微信小程序开发时必不可少需要引入外部组件库引,今天在用vant组件库时遇到了“找不到npm包入口文件”,怎么办?二、使用vant组件库步骤1.打开微信开发者工具终端npmi2.安装vant组件库npmi@vant/weapp-S--production3.回到小程序开发工具里面顶部导航栏->工具->构建npm然后就出现了报错,npm无法构建…出现这种情况的两种原因1.删除文件的时候没有删除干净2.执行npmi的时候自己输入了一些配置信息导致报错三、解决第一种1、先把package-lock.json,node_modules,miniprogram_npm都删干净。2、打开终端,执

【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法

一、前言👁在微信小程序开发时必不可少需要引入外部组件库引,今天在用vant组件库时遇到了“找不到npm包入口文件”,怎么办?二、使用vant组件库步骤1.打开微信开发者工具终端npmi2.安装vant组件库npmi@vant/weapp-S--production3.回到小程序开发工具里面顶部导航栏->工具->构建npm然后就出现了报错,npm无法构建…出现这种情况的两种原因1.删除文件的时候没有删除干净2.执行npmi的时候自己输入了一些配置信息导致报错三、解决第一种1、先把package-lock.json,node_modules,miniprogram_npm都删干净。2、打开终端,执

H5页面跳转微信小程序时:wx.miniProgram.navigateTo 报错 ‘wx‘ is not defined no-undef

有一个功能,需要从H5页面跳转到微信小程序,查了微信官方文档:只需要引入js文件,然后直接使用即可:1:引用: 当然也可以下载下来直接引用项目具体位置的js文件2:使用:然后一直报错: Line161: 'wx'isnotdefined no-undef查了网上的一些解决方法,基本是以下几种(最好用的在最后):1:eslint校验配置去掉对wx这个变量no-undef的校验解决方法:在.eslintrc.js文件里加入以下内容,就不会报错了module.exports={//省略其他配置...globals:{wx:true}}2:禁用eslint的no-undef校验在.eslintrc.j

H5页面跳转微信小程序时:wx.miniProgram.navigateTo 报错 ‘wx‘ is not defined no-undef

有一个功能,需要从H5页面跳转到微信小程序,查了微信官方文档:只需要引入js文件,然后直接使用即可:1:引用: 当然也可以下载下来直接引用项目具体位置的js文件2:使用:然后一直报错: Line161: 'wx'isnotdefined no-undef查了网上的一些解决方法,基本是以下几种(最好用的在最后):1:eslint校验配置去掉对wx这个变量no-undef的校验解决方法:在.eslintrc.js文件里加入以下内容,就不会报错了module.exports={//省略其他配置...globals:{wx:true}}2:禁用eslint的no-undef校验在.eslintrc.j

前端使用lottie-web,使用AE导出的JSON动画贴心教程

Lottie简介官方介绍:Lottie是一个库,可以解析使用AE制作的动画(需要用bodymovie导出为json格式),支持web、ios、android、flutter和reactnative。在web端,lottie-web库可以解析导出的动画json文件,并将其以svg或者canvas的方式将动画绘制在我们的页面上.Lottie的优点动画由设计使用专业的动画制作工具AE来实现,使动画实现更加方便,且效果更好前端可以方便的调用动画,并对动画进行控制,减少前端动画工作量设计制作动画,前端展现动画,分工明确使用lottie方案,json文件大小比gif文件小很多,性能也会更好lottie-w

前端使用lottie-web,使用AE导出的JSON动画贴心教程

Lottie简介官方介绍:Lottie是一个库,可以解析使用AE制作的动画(需要用bodymovie导出为json格式),支持web、ios、android、flutter和reactnative。在web端,lottie-web库可以解析导出的动画json文件,并将其以svg或者canvas的方式将动画绘制在我们的页面上.Lottie的优点动画由设计使用专业的动画制作工具AE来实现,使动画实现更加方便,且效果更好前端可以方便的调用动画,并对动画进行控制,减少前端动画工作量设计制作动画,前端展现动画,分工明确使用lottie方案,json文件大小比gif文件小很多,性能也会更好lottie-w

【微信小程序系列:五】小程序适老化自动适配工具miniprogram-elder-transform---微信老年关怀模式下小程序字体适配微信字体

1.先言这个工具我网上基本找不到任何一篇文章说这个miniprogram-elder-transform的使用的,==,既然没有,那咱就自己写第一篇~Android字体大小标准默认16px,iOS字体大小标准默认17px。个人觉得,微信用户设置字体大小超过或等于22px,小程序就可以进行老年化适配。适老化官方文档2.提示获取微信用户字体大小方法。获取后可以进行一些自己的操作。wx.getSystemInfo({success(res){console.log('用户字体大小(单位px)',res.fontSizeSetting)}})3.使用打开终端,安装插件工具,构建npm。工具GitHub

【微信小程序系列:五】小程序适老化自动适配工具miniprogram-elder-transform---微信老年关怀模式下小程序字体适配微信字体

1.先言这个工具我网上基本找不到任何一篇文章说这个miniprogram-elder-transform的使用的,==,既然没有,那咱就自己写第一篇~Android字体大小标准默认16px,iOS字体大小标准默认17px。个人觉得,微信用户设置字体大小超过或等于22px,小程序就可以进行老年化适配。适老化官方文档2.提示获取微信用户字体大小方法。获取后可以进行一些自己的操作。wx.getSystemInfo({success(res){console.log('用户字体大小(单位px)',res.fontSizeSetting)}})3.使用打开终端,安装插件工具,构建npm。工具GitHub

HarmonyOS Lottie组件,让动画绘制更简单

动画是UI界面的重要元素之一,精心设计的动画能使UI界面更直观,有助于改进应用程序的外观并改善用户体验。  ArkUI开发框架为开发者提供了丰富的动画能力,如属性动画、转场动画及自定义动画等。这些动画能力帮助开发者美化了UI界面,但不适用于绘制某些比较复杂的动画,例如,属性动画主要针对动画的通用属性进行动态变化,内容动效不够丰富,且变更时需要修改或重写代码;Gif动态图放大后锯齿明显,精度越高占用存储空间越大,直接影响安装包的大小;svg动画DOM节点多开销大,缺乏与用户的交互。 因此,我们引入了比较成熟的Lottie组件,提升了ArkUI开发框架的动画能力。  一、Lottie介绍1.什么是

HarmonyOS Lottie组件,让动画绘制更简单

动画是UI界面的重要元素之一,精心设计的动画能使UI界面更直观,有助于改进应用程序的外观并改善用户体验。  ArkUI开发框架为开发者提供了丰富的动画能力,如属性动画、转场动画及自定义动画等。这些动画能力帮助开发者美化了UI界面,但不适用于绘制某些比较复杂的动画,例如,属性动画主要针对动画的通用属性进行动态变化,内容动效不够丰富,且变更时需要修改或重写代码;Gif动态图放大后锯齿明显,精度越高占用存储空间越大,直接影响安装包的大小;svg动画DOM节点多开销大,缺乏与用户的交互。 因此,我们引入了比较成熟的Lottie组件,提升了ArkUI开发框架的动画能力。  一、Lottie介绍1.什么是