51工具盒子
全开源、零成本搭建 SOC：免费且好用的安全运营中心！
在我们做 SOC 建设时，想要先快速搞出一个 Demo 体验 SOC 运营视角时候；或者不一定有太多预算时，我们就需要用有限的资源（人和钱）实现安全建设的最大价值。 本文给出的 SOC 建设思路不需要花任何钱买买买，毕竟甲方的钱也不是大风刮来的对不...我会使用纯开源和免费工具来构建这套零成本的 SOC，给大家提供一份免费且好用的安全运营中心建设思路！ 数据收集模块 -...
最新发布
FastAdmin：一款高效且功能强大的后台开发框架
**一、引言** 随着Web应用开发的不断发展和企业需求的日益复杂，快速而高效地构建稳定、功能完善的后台管理系统成为了开发者们的重要任务。FastAdmin作为一款基于ThinkPHP和Bootstrap的极速后台开发框架，凭借其强大的功能和便捷的开发体验，逐渐成为了开发者的首选工具。本文将对FastAdmin的主要特性、应用场景以及使用优势进行详细介绍。 
阿里巴巴AI团队新作：EasyAnimate，AI视频创作从未如此简单，开源、免费。
在数字化时代，内容创作正经历着前所未有的变革。AI技术的融入，尤其是EasyAnimate这样的创新工具，正在重新定义视频制作的边界。 **...
vue限制文本框数字小数点位数，限制为整数
最近在给网站的APP完善一些付费功能，不过涉及到钱的地方一直都比较头痛，因为我的API限制了积分为整数结算，所以需要强制用户的输入为整数来保证用户体验。研究了半天之后写出了以下代码： 假设字段为day ### html部分： ``` <input placeholder="输入购买天数" type="number" name=...
NuxtJS项目网页严重卡顿，分析过程和问题解决
最近继续在做NuxtJS+VUE的练习项目，但是某天开始，项目开始出现严重卡顿的情况。这种卡顿不是接口请求过大，也不是页面数据过大，而是就连css的动画效果都能卡死，输入法都能存在好几秒的延迟，直接导致用户体验暴跌（和不能用都没啥区别了）。就这样，为了解决这个问题，我研究了整整一个下午，看了无数的教程，加了交流群，还改了代码，但结果是没有任何卵用，还是非常卡。 我甚至都怀疑是...
通俗易懂理解NuxtJs下Vuex状态树(store) ，实现信息持久化存储实现及管理
一般来说，在开发前后端网页，或者是在网页上存储一些信息是，都会使用到localStorage或者sessionStorage，但是在NuxtJs项目中，这两个方法只能在vue生命周期的mounted中使用，否则会直接报错。并且，最大的问题是延迟问题，加入一个前端项目通过它们存储用户信息，碰到页面资源比较多的时候，延迟可能达到好几秒，造成的问题不用我多说了。 所以，NuxtJ...
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 = [ ...
