2024-06-07 厉飞雨 阅读(107) 评论(0) 赞(5)

最近继续在做NuxtJS+VUE的练习项目，但是某天开始，项目开始出现严重卡顿的情况。这种卡顿不是接口请求过大，也不是页面数据过大，而是就连css的动画效果都能卡死，输入法都能存在好几秒的延迟，直接导致用户体验暴跌（和不能用都没啥区别了）。就这样，为了解决这个问题，我研究了整整一个下午，看了无数的教程，加了交流群，还改了代码，但结果是没有任何卵用，还是非常卡。 我甚至都怀疑是...

2024-06-07 厉飞雨 阅读(88) 评论(0) 赞(7)

一般来说，在开发前后端网页，或者是在网页上存储一些信息是，都会使用到localStorage或者sessionStorage，但是在NuxtJs项目中，这两个方法只能在vue生命周期的mounted中使用，否则会直接报错。并且，最大的问题是延迟问题，加入一个前端项目通过它们存储用户信息，碰到页面资源比较多的时候，延迟可能达到好几秒，造成的问题不用我多说了。 所以，NuxtJ...

2024-06-07 厉飞雨 阅读(166) 评论(0) 赞(7)

先说在前头，我觉得我目前分享的实现流程还是太过于匆忙，毕竟是在做很紧急的项目中弄出来的快捷实现方案，估计还有很大的优化空间，所以这篇文章分享的流程和代码，可以自己根据uniapp的特性再优化一遍，估计可以做到更加精简和公共化。 uniapp的夜间模式，估计是做项目到后期比较常遇到的需求，因为现在的主流就是页面模式的应用了，所以在之前做某个项目的时候，我也是费了一些时间才实现...

2024-06-07 厉飞雨 阅读(74) 评论(0) 赞(6)

好久没有总结了，今天总结一下。 #### 一.Vue.prototype 如果你要用到Vue.prototype你可以设置在全局变量中，用法也很简单。 比如： Vue.prototype.$name=balala 使用很简单：console.log(this.$name) 后台就会打印balala。 #### $ 是在 Vue 所有实例中都可用的属性的一个简单...

2024-06-07 厉飞雨 阅读(120) 评论(0) 赞(7)

最近折腾了一下之前那个小说app的听书功能，最开始想法很丰富，比如要搞成音乐播放一样，还带类似歌词滚动啥的东西，然后还去uniapp的插件商城转了一圈，随后就发现那里的插件一个比一个坑爹，要么自带bug要么不兼容，所以扯了好几天进展都反反复复，最后就干脆自己写了，采用uniapp自带的createInnerAudioContext方法。当然，这个方法也是坑一大堆，网上的教程带偏...

2024-06-07 厉飞雨 阅读(84) 评论(0) 赞(8)

json数组的排序一直是一个常见的需求，在各种情况下都很使用。虽然简单的项目里很难遇到对数组的复杂处理，但是碰到中大型的项目，数据几乎是海量的，数组的重组拆分合并可以十分折腾人，而几乎最常见的需求，就是列表的数据排序。但是如果百度的话，就会发现教程要么太复杂，要么完全是没什么参考价值的东西，所以还是简单记录下吧。 ### 给定一个数组： ``` var data = [  ...

2024-06-07 厉飞雨 阅读(121) 评论(0) 赞(9)

表单提交是一个特别常见的需求，不过对于现在的前端开发而言，以前的提交模式已经无法实现现在的新需求了。因为老式的表单提交存在很多的限制，而且页面也是会跳转的，但是现在的请求一般都采用接口的形式，所有的数据渲染，加载都可以高效率的在当前页面完成，而不需要反复的跳转来跳转去。 但是这种模式也存在一个问题，就是表单提交的时候，需要给每个表单元素绑定id来进行值的获取，而以前的表单基...

2024-06-07 厉飞雨 阅读(148) 评论(0) 赞(7)

效果图： ![Lark20200824-112108.jpeg](https://img1.51tbox.com/static/2024-06-07/col/4d6a44e7cf1d52240c981421529b8375/277f42f54b504cb19696e17de5e8aae5.jpeg.jpg "Lark20200824-112108.jpeg&quo...

2024-06-07 厉飞雨 阅读(169) 评论(0) 赞(7)

提升网站安全性的一个有效方法是通过访问限制来加固网站，可以有效地防止未经授权的用户进入敏感区域，从而减少潜在的安全风险，同时提供给用户一个更加安全可靠的访问体验。那么如何通过访问限制提升网站安全性？下面一起来看看网站访问限制的各种实现方式。 **一、通过DNS解析厂商** 通常情况下，扫描器主要针对域名执行扫描操作。为了构建第一道防线，我们可以在DNS解析阶段采取措施，将海...

2024-06-07 厉飞雨 阅读(114) 评论(0) 赞(6)

HTTP/2是HTTP网络协议的重要更新版本，旨在通过在单个TCP连接上允许多个并发请求来减少延迟，从而使Web应用程序更快速响应。本教程将向大家介绍如何在安装了WHM/cPanel和EasyApache4的系统上启用HTTP/2，以显着提高网站性能和加载速度。 **一、通过WHM启用HTTP2** 1、登录WHM并转到主页\>\>软件\>\>Eas...