51工具盒子
阿里巴巴AI团队新作：EasyAnimate，AI视频创作从未如此简单，开源、免费。
在数字化时代，内容创作正经历着前所未有的变革。AI技术的融入，尤其是EasyAnimate这样的创新工具，正在重新定义视频制作的边界。 EasyAnimate ，由阿里巴巴精心打造，是*一个基于Transformer架构的高性能长视频生成方法，*它不仅为技术专家提供了深度应用的可能性，也为内容创作者开辟了全新的创作空间。 EasyAnimate：AI视频生成的新篇章 EasyA
开发笔记
vue限制文本框数字小数点位数，限制为整数
最近在给网站的APP完善一些付费功能，不过涉及到钱的地方一直都比较头痛，因为我的API限制了积分为整数结算，所以需要强制用户的输入为整数来保证用户体验。研究了半天之后写出了以下代码： 假设字段为day html部分： <input placeholder="输入购买天数" type="number&qu...
NuxtJS项目网页严重卡顿，分析过程和问题解决
最近继续在做NuxtJS+VUE的练习项目，但是某天开始，项目开始出现严重卡顿的情况。这种卡顿不是接口请求过大，也不是页面数据过大，而是就连css的动画效果都能卡死，输入法都能存在好几秒的延迟，直接导致用户体验暴跌（和不能用都没啥区别了）。就这样，为了解决这个问题，我研究了整整一个下午，看了无数的教程，加了交流群，还改了代码，但结果是没有任何卵用，还是非常卡。 我甚至都怀疑是不
通俗易懂理解NuxtJs下Vuex状态树(store) ，实现信息持久化存储实现及管理
一般来说，在开发前后端网页，或者是在网页上存储一些信息是，都会使用到localStorage或者sessionStorage，但是在NuxtJs项目中，这两个方法只能在vue生命周期的mounted中使用，否则会直接报错。并且，最大的问题是延迟问题，加入一个前端项目通过它们存储用户信息，碰到页面资源比较多的时候，延迟可能达到好几秒，造成的问题不用我多说了。 所以，NuxtJS下
uniapp夜间模式实现方法，日间夜间自动变化
先说在前头，我觉得我目前分享的实现流程还是太过于匆忙，毕竟是在做很紧急的项目中弄出来的快捷实现方案，估计还有很大的优化空间，所以这篇文章分享的流程和代码，可以自己根据uniapp的特性再优化一遍，估计可以做到更加精简和公共化。 uniapp的夜间模式，估计是做项目到后期比较常遇到的需求，因为现在的主流就是页面模式的应用了，所以在之前做某个项目的时候，我也是费了一些时间才实现了夜
vue uniapp 项目简单配置笔记
好久没有总结了，今天总结一下。 一.Vue.prototype 如果你要用到Vue.prototype你可以设置在全局变量中，用法也很简单。 比如： Vue.prototype.$name=balala 使用很简单：console.log(this.$name) 后台就会打印balala。 $ 是在 Vue 所有实例中都可用的属性的一个简单约定。这样做会避免和已被定义的数据、方
uniapp利用百度语音接口实现听书功能，简单流程
最近折腾了一下之前那个小说app的听书功能，最开始想法很丰富，比如要搞成音乐播放一样，还带类似歌词滚动啥的东西，然后还去uniapp的插件商城转了一圈，随后就发现那里的插件一个比一个坑爹，要么自带bug要么不兼容，所以扯了好几天进展都反反复复，最后就干脆自己写了，采用uniapp自带的createInnerAudioContext方法。当然，这个方法也是坑一大堆，网上的教程带偏
javascript根据Json数组指定字段进行排序
json数组的排序一直是一个常见的需求，在各种情况下都很使用。虽然简单的项目里很难遇到对数组的复杂处理，但是碰到中大型的项目，数据几乎是海量的，数组的重组拆分合并可以十分折腾人，而几乎最常见的需求，就是列表的数据排序。但是如果百度的话，就会发现教程要么太复杂，要么完全是没什么参考价值的东西，所以还是简单记录下吧。 给定一个数组： var data = [ {
javascript网页form表单转json对象
表单提交是一个特别常见的需求，不过对于现在的前端开发而言，以前的提交模式已经无法实现现在的新需求了。因为老式的表单提交存在很多的限制，而且页面也是会跳转的，但是现在的请求一般都采用接口的形式，所有的数据渲染，加载都可以高效率的在当前页面完成，而不需要反复的跳转来跳转去。 但是这种模式也存在一个问题，就是表单提交的时候，需要给每个表单元素绑定id来进行值的获取，而以前的表单基本的
vue 根据滚动条位置实现逐渐影藏逐渐显示动画效果
效果图： 话不多说上代码： 1.现在data内写上这个，我们的opacity值是要实时变动的，我们要让它先完全显示首先定值为1。 2.然后写一个方法，我们要感觉滚动条与顶部的距离来推算 handleScroll() { const top = document.documentElement.scrollTop || document.body.scrollT
