- 博客(223)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 chrome如何实现安装网站的网页版应用程序？
如果你的网站满足PWA的所有标准，Chrome会在这个菜单中显示“Install App”的选项，用户点击即可将你的网站添加到他们的移动设备的主屏幕上，就像任何其他安装的应用程序一样。没错，最后安装完成是出现在桌面上的，和其他的软件并没有什么区别，如果你使用的是圆角图，那还真的很难区分，因为这里你打开的时候，他是独立窗口打开的，而不是跳到chrome打开，直接看图吧。打码的地方显示的是你mainfest里设置的图标和名字，名字下面是你网站的网址，隐私原因打码了。好了，我们看看最终安装完成后的效果吧。
2024-08-12 22:21:05
322
原创 如何解决ThinkPHP 日志信息泄露漏洞？
由此可见，国外还是挺脏的。都2024年了，买源码别再买thinkPHP3.x和thinkPHP5.x框架的源码了，最近几个月已经碰到两三个这5.x的了，找我修复，有个冤大头买个源码花了一两万结果还是5.x框架的，新项目现在都用thinkPHP8.x了，再怎么不行，用thinkPHP6.x也可以的。我看了一下他们的网站后，好家伙，发现是thinkPHP而且是5.0.24，其实他这个就是thinkPHP的日志信息泄露漏洞，我们修复一下就好了，完全不需要用到mysql触发器。
2024-08-12 16:10:13
262
原创 如何设置cloudflare防御规则？
表达式：(cf.threat_score ge 5 and not cf.client.bot) or (not http.request.version in {"HTTP/2" "HTTP/3" "HTTP/1.1"}) or (not ip.geoip.country in {"AU" "CA" "FR" "DE" "HK" "IR" "JP" "KR" "MY" "SG" "TW" "GB" "US" "CN"})这些大写字母是国家或地区的简称，在其中的都是放行的国家。这一波设置基本就ok了。
2024-08-12 01:37:50
244
原创 JS如何实现禁止截屏、打印、另存为操作？
setInterval("window.clipboardData.setData('Text','请关闭分行网站')",100)给一般会在浏览器找到开发者选项的用户制造个js文件bug（专业人士基本都可以跳过，对不懂和半懂的人有效）定时清理粘贴板，可用于防止复制（这种太恶心，打开这个网页时什么都别想复制粘贴）console.log("禁用：ctrl+s");console.log("禁用：开发工具");屏蔽选中、粘贴、复制、剪切、右键菜单、禁止新窗口打开。禁止打印保存,禁止打印（打印出来是空白）
2024-08-04 23:20:19
382
原创 如何实现element UI循环表单？
有时候我们需要写一些表单，但是项目里如果表单太多，写起来真的挺烦的，这个时候我们就不得不去想一些办法实现一劳永逸了，循环表单应运而生，只需要将这些表单结构存储在数据库中，使用v-for循环将表单结构循环出来就可以了。
2024-08-04 23:09:53
214
原创 如何实现ElementUI表单项label的文字提示？
是一种特殊的标签，用于在父组件中插入子组件的内容。它允许父组件将额外的内容传递到子组件中，使得子组件变得更加灵活和可重用。中实现多行内容，我们可以使用Vue的模板语法和HTML标签来构建更复杂的结构。有时候，可能希望在子组件中定义多个插槽，以便更精细地控制传递进来的内容。通过这样的实现，用户在操作表单时可以方便地获取关于表单项的额外信息，提高了整体用户体验。，可以在子组件中定义一些占位符，然后在父组件中填充这些占位符的内容。标签，我们可以在其中插入自定义的内容，并使用。在之前的代码中，我们已经成功地在。
2024-08-04 22:46:30
584
原创 v-model修饰符详解
例如，可以同时使用 .lazy 和 .trim 修饰符来实现延迟同步并去除首尾空格：作用：默认情况下，v-model 会在输入事件（如 input）中同步输入框的数据。在 Vue.js 中，v-model 是用于创建双向数据绑定的指令，这意味着你可以将数据绑定到输入元素上，并且当输入元素的值改变时，绑定的数据也会自动更新。适用场景：当需要减少数据更新频率，以避免频繁的计算和渲染时，可以使用 .lazy 修饰符。
2024-08-04 22:12:39
77
原创 Laravel如何清除缓存？
在 Laravel 中，可以使用 Artisan 命令清除缓存。请注意，这些命令只是清除缓存，而不是重新生成缓存。因此，在执行这些命令之后，你需要重新生成相应的缓存。这个命令将清除所有类型的缓存，并且在完成之后，你的应用程序将重新生成相应的缓存。清除优化类加载器缓存。
2024-08-04 21:59:58
339
原创 如何卸载Mac自带软件？
我们都知道，Mac电脑里有一部分自带的预装软件用平常的方法是不能直接进行卸载掉的，是需要一些特殊的手法才能卸载掉，这就有点烦人了，好在我们可以使用终端进行卸载。在Mac最新版本中对自带程序进行了保护，为了彻底卸载受保护的程序，需要进入恢复模式（按住Command + R启动），然后在终端中执行相关命令解除保护限制后删除应用。输入cd applications后 继续输入ls查看文件列表 即可看到你需要卸载的app，不过都是英文的，所以需要确定你要卸载的软件的英文名。选项，这次正常重启什么都不用按，打开。
2024-08-04 15:47:13
710
原创 如何实现element-ui 后台中点击按钮，将文本内容复制到剪贴板
比如现在我们的需求是，页面上有个按钮，点击后弹窗显示需要复制的文本内容，点弹窗的复制文本按钮，然后提示复制成功。//window.clipboardData的作用是在页面上将需要的东西复制到剪贴板上，//execCommand方法是执行一个对当前文档/当前选择/给出范围的命令。好了，这样就实现了我们的需求了，只需要把复制文本到剪切板的这两个函数直接copy到你自己的项目就可以使用了。//提供了对于预定义的剪贴板格式的访问，以便在编辑操作中使用。//'Copy':将当前选中区复制到剪贴板。
2024-08-04 15:12:57
651
原创 如何解决yarn install报错：Expected version “＞=16“. Got “14.17.0“
这个命令是用于设置Yarn配置，以忽略包的引擎要求。Yarn是一个流行的JavaScript包管理工具，而引擎要求是指每个npm包可能在其。这个时候不要慌，不要急着换版本，毕竟换版本也是让人心烦，虽然n模块方便操作，但就是懒，😂，毕竟没有必要单独为了一个项目去换版本。文件中指定了仅在特定版本的Node.js或Yarn引擎下运行时才能运行的要求。好了，这样就解决问题了。
2024-07-22 18:28:43
139
原创 如何实现宝塔面板免手机号登录？
天下苦宝塔面板强制手机号登录久矣，特别是给客户安装面板的时候，客户啥都不懂，还要给他注册宝塔账号，然后登录。虽然流程不复杂，也不花什么时间，但是客户可不是每个人都能配合你的，我之前就有一个客户，就注册这个账号，整整花了一周时间才不情不愿的配合完成，这就很烦人了，宝塔面板7开始就强制手机号登录了，那么现在我们应该如何实现免手机号登录呢？如果你用的并非Debian、ubuntu系统，那么就访问以下网站，使用对应系统的指令即可，更多特性网站均有介绍，自行探索。如果你应该安装了宝塔，就登录ssh使用以下命令。
2024-07-21 15:17:33
325
原创 如何实现SSH端口敲门让你的SSH固若金汤？
端口敲门（Port Knocking）是一种安全措施，它通过在防火墙上动态打开端口来允许合法用户访问受保护的服务。具体来说，端口敲门技术要求用户在尝试连接到SSH服务之前，按照预定义的顺序访问一系列隐藏端口。这种技术通过在网络层添加额外的验证步骤，有效地隐藏了实际的服务端口，并减少了被暴力破解的风险。
2024-07-13 04:56:17
188
原创 如何安装MTG代理脚本最新版，实现高效代理服务？
MTProxy-Go 是一个高效的代理服务器，它基于 Telegram 的 MTProto 协议，允许用户通过安全的方式传输数据。此外，该项目集成了自动化的编译流程，确保你可以获得带有最新功能和安全优化的二进制文件。基于 Go 语言的 MTProxy-Go 提供了一键编译和安装的脚本，让你能够轻松获取支持 TLS 伪装的最新版本。总的来说，MTProxy-Go 结合了现代网络协议的优势和便捷的自动化工具，是建立安全代理服务的理想选择。要开始使用，只需从项目仓库下载并执行提供的脚本，系统将自动处理其余事项。
2024-07-12 16:10:25
253
原创 如何在element中table的 v-for中 使用slot-scope？
span v-else-if="scope.row[scope.column.property]=='按钮'">"description": "权限01","description": "权限02","description": "权限03","description": "权限04","description": "权限05","name": "姓名01","name": "姓名02","name": "姓名03","name": "姓名04","name": "姓名05",label="序号"
2024-07-12 01:41:00
477
原创 element如何实现自定义表头？
需注意：button方法里面返回的按钮元素，给它添加点击方法不能用@click或v-on:click，无法识别，会报错。有时候我们需要实现自定义表头，例如表头里加按钮啥的，这时候就需要用到自定义表头，但是官方对自定义表头的使用写的还是比较简单，今天就来详细说说。isShow: true // 控制按钮的变量，点击按钮。// 如果点击了按钮，就给按钮切换背景色。
2024-07-12 01:13:21
506
原创 html的meta标签详解
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们都可以看到也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
2024-07-08 16:55:23
179
原创 Vue如何 使用socket.io实现聊天室功能？
好了，现在你已经掌握了socket.io的基本用法，接下来就让我们一起来看看在 Vue.js 组件中是如何使用 Socket.io 事件来实现聊天功能。使用socket.io可以实现聊天室的实时通信功能，完整的聊天室功能还需要处理用户登录、发送图片、语音等功能，这里只是简单介绍了如何使用socket.io实现实时通信。在实际的项目中，聊天室的实现需要考虑用户登录、消息的存储、消息的推送等问题。消息的推送：需要实现消息的推送功能，在用户发送消息时，将消息推送给其他用户。// 客户端监听服务器端的消息事件。
2024-07-08 16:44:17
226
原创 如何在uniapp中使用websocket？
websocket是我们经常使用到的接口，通常用于即时通讯以及K线图这种需要实时更新数据的业务需求上，传统的restful接口虽然可以满足，但是你需要轮询，这就要额外写一堆代码，不是很方便，用websocket就简单很多，我们来看代码。console.log("未监听到消息：原因：", JSON.stringify(res));// console.log("发送成功");console.log("监听到开启连接成功");console.log("监听到关闭连接成功");//这里写你的业务代码。
2024-07-08 16:18:57
686
1
原创 如何实现CloudFlare免费内网穿透？
有时候我们可能需要用到内网穿透技术，将本机的资源开放到网络上供人访问！但是有时候我们只需要将一个项目开放的时候，使用frp就有点不划算了，特别是近几年服务器的价格水涨船高，要知道使用frp需要一台服务器和一个域名才可以的，这不今天就告诉大家一个用cloudflare实现的免费内网穿透方案。
2024-06-24 22:41:18
465
原创 如何实现PHP开启OPcache?
官方介绍：OPcache 通过将 PHP 脚本预编译的字节码存储到共享内存中来提升 PHP 的性能， 存储预编译字节码的好处就是 省去了每次加载和解析 PHP 脚本的开销。是不是有点看不明白？给人一种朴实无华一点都不重点介绍的感觉？其实说简单点就是这种缓存机制，大大提高了PHP应用程序的性能，特别是高访问量的网站。
2024-06-24 19:22:20
299
原创 如何解决Mac电脑不显示以.开头的文件？
Mac电脑默认是不显示以.开头的文件的，今天我一个朋友第一次编译一个vite的项目时，编译成功后发现API的网址都是http://localhost:48080开头，然后跟我吐槽说这个项目有毛病吧？我心想这明显就是没有设置VITE_BASE_URL啊？然后一问，果然没有设置，说根本就没有看到设置的文件以为这玩意儿挺高级，可以自动识别不用设置。。。so，这篇教程就横空出世啦～
2024-06-23 22:12:43
602
原创 JavaScript中时间日期函数new Date()详解
JavaScript 中的 new Date() 方法用于创建一个新的 Date 对象，该对象表示当前日期和时间。Date 对象提供了许多方法和属性，可以用于获取和设置日期和时间信息。其中，每个参数都是可选的。如果没有指定参数，则 new Date() 方法将创建一个表示当前日期和时间的 Date 对象。
2024-06-22 23:08:16
320
原创 Debian 如何查看系统版本？
是一个包含操作系统标识数据的文件，它只能在运行 systemd 的最新 Debian 发行版上找到哦。方法3只显示当前 Linux 系统的大版本号，如果您想知道更具体的小版本号，可以查看。命令不仅用于配置或修改系统的主机名，还可以来获取 Debian 系统的版本。命令可以查看操作系统的具体版本，但是需要我们手动安装。方式四：查看/etc/debian_version。方式三：查看/etc/os-release。Debian有六种方式可以查看系统版本。方式二：查看/etc/issue。
2024-06-22 18:44:15
1235
原创 如何卸载宝塔面板？
如果是单纯的卸载宝塔，需要保留 LNMP 等运行环境，则选择1选项；如果是想卸载宝塔和运行环境，则选择2选项。、MySQL、PHP 等组件卸载掉，那么我们应该先在宝塔面板里面卸载掉以上软件后，再进行下面的步骤。除了使用卸载命令进行卸载外，我们也可以使用官方提供的卸载脚本进行卸载，同时这个卸载脚本会更暴力一些。的卸载命令，使用这个卸载命令，我们就能将宝塔面板卸载掉。这里有一点需要注意的，如果卸载宝塔面板的同时，也希望将。按照自己的需求，选择对应的选择，回车后即可卸载宝塔面板。使用脚本进行卸载宝塔面板。
2024-06-22 16:41:35
858
原创 如何解决Debian安装Elasticsearch？
因centos停止维护，不少同学故将系统更换为Debian，但是这样就出现了一个新问题，centos和Debian安装Elasticsearch是不一样的，很多同学不知如何安装，今天就让我们一起学习一下如何安装吧。访问Elasticsearch： 默认情况下，Elasticsearch的HTTP服务监听在9200端口。你可以在浏览器中访问。启动Elasticsearch： 运行以下命令来启动Elasticsearch服务。安装Elasticsearch： 运行以下命令来安装Elasticsearch。
2024-06-20 16:01:09
344
原创 如何解决centos停止维护后更换Debian11平替？
然后就是比较推荐Debian11，10和12不推荐，10不推荐的原因是兼容性和Tencentos一致，那还不如用Tencentos，12不推荐的原因是兼容性不如10，11的话在宝塔最新的兼容文档是除了centos7.x兼容性最好的，和centos8兼容性一致，和centos7.x相比只是不支持alisql和mysql5.1，其他centos7.x支持的它都是可以的。网上有很多所谓的更换源的教程，但是很多都是好久前的教程被人抄来抄去，都已经过时了，直接用以下的源即可。
2024-06-20 00:54:37
524
1
原创 如何实现ElementUI动态表头？
估计没有其他人需要用这个扩展的，就注释了，不用的可以删掉！确 定自定义指标注意：由于我们项目使用的是vue2，故本教程所展示的代码是vue2写法，如使用的是vue3，请自行修改扩展。// return item.replace("倍数", "");
2024-06-18 00:47:02
893
原创 如何实现element表格合并行？
首先，他这个合并出现了问题，第二，我仔细看了一下他后端给他的数据，后端已经合并好数据了。这里官方的教程上写的不是很详细，可能小白们有误解这很正常，官方教程只是一笔带过了一下说是使用span-method方法来合并行，却没有说这个合并行其实有两种方法，第一种就是后端在没有处理数据的情况下，使用官方的span-method方法是非常不错的选择，还有一种方法就是后端处理好数据的情况下，这种情况就不需要使用span-method方法了，直接跟普通的表格一样写，只不过有多条数据的地方使用循环就好了。
2024-06-18 00:07:22
480
1
原创 如何实现将new Date()转成YYYY-MM-DD HH：MM：SS格式？
'm+': (date.getMonth() + 1).toString(), // 月。'Y+': date.getFullYear().toString(), // 年。'M+': date.getMinutes().toString(), // 分。'H+': date.getHours().toString(), // 时。'm+': (date.getMonth() + 1).toString(), // 月。'M+': date.getMinutes().toString(), // 分。
2024-06-15 00:57:56
228
原创 如何解决Mac使用npm出现的各种诡异Error: EACCES: permission denied？
目前Mac出现这种问题说白了 就是权限问题 解决方案有三种第一种：直接在指令前加sudo，例如：sudo npm install第二种：在指令后加 --unsafe-perm=true --allow-root，例如：npm install --unsafe-perm=true --allow-root第三种：结合前面两种方法，例如：sudo npm install --unsafe-perm=true --allow-root这就是解决MacOS下目前遇到的各种权限问题的方法
2024-06-13 23:44:31
338
1
原创 如何解决centos报错lsb_release: command not found？
lsb_release 是查看系统版本信息的工具，在使用的时候突然出现报错lsb_release: command not found？解决方法：yum install redhat-lsb -y。
2024-06-03 22:28:07
322
原创 如何实现vue动态改变css样式？
CSS property 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，要用引号括起来) 所以以下同等效果，同时三目运算符后的字符串也能换成data中的数据。这两种方式很像，区别在于，使用方法的时候，视图刷新，函数就会重新计算一遍值。计算属性，会把以前的值缓存起来，没有变化，就不会计算，直接返回以前的值。:class="[ation === '请选择'?'text-blue':'text-red']"'white':'black'}">测试
2024-06-02 22:47:07
361
原创 如何解决Mac系统创建/home目录提示Read-Only filesystem(补充)？
报错：mount_apfs: volume could not be mounted: Permission denied。今天补充一下昨天的文章，昨天的文章我没有注明是Mac什么系统的，实际上昨天的文章是适用于10及10以下系统的，也就是。这里的mac换成你自己的用户名。
2024-06-02 00:08:10
453
7
原创 如何解决Mac系统创建/home目录提示Read-Only filesystem？
重启电脑，按紧 cmd+R 进入恢复模式，登陆自己的账户，然后点击屏幕上方的工具栏找到命令行工具，输入命令 csrutil disable关闭SIP。3. 重启电脑，按紧 cmd+R 进入恢复模式，在终端输入命令 csrutil enable，重新打开SIP。然后在你自己账户下面建立home目录：mkdir /Users/xxx/home，然后建立软连接：sudo ln -s /Users/xxx/home /home。在mac平台下的java开发中，经常遇到日志目录无法创建。
2024-06-01 02:39:18
731
原创 如何解决mac系统mkdir命令不可用？
选择shell->新建命令，输入disabled_shell_files命令运行，他会在你的主目录下创建一个disabled_shell_files文件夹，然后输入cd ~ 命令切换到主目录，在打开一个终端，新建命令，输入：mv .profile .bash_history .bash_profile .bashrc .inputrc disabled_shell_files，如果没删除成功，可以尝试直接使用rm -rf命令将这个文件夹删除即可，然后再试试mkdir命令，就会发现可以用啦。
2024-06-01 00:47:56
423
原创 如何解决npm报错request to https://registry.npm.taobao.org/echarts failed, reason: certificate has expired？
原因：淘宝镜像过期，早在 2021 年，淘宝就发文称，npm 淘宝镜像已经从 registry.npm.taobao.org 切换到了 registry.npmmirror.com。npm config set registry https://registry.npmjs.org/ （或npm config delete registry）npm config set registry https://registry.npmmirror.com 【推荐】
2024-05-30 22:29:09
442
原创 PHP如何实现实时计算使用者消耗服务器资源费用？
至此就已经得出了 执行此脚本总共消耗的费用，但是呢这里只是做一个比方，实际的客户项目比这个复杂的多，我这个比方是经不起推敲的，我也没有其他合适的来打比方，就比如这个里面的硬盘计算，可能实际上已经有使用很多了，但是这次脚本里没有使用在这个公式里费用就为0了，这显然是不合理的，还有就是带宽实际的情况却有两种成本方式，一种按流量一种就是月固定费用，显然也是不合理的。当然本着严谨的原则，这两个问题的坑补上，硬盘计费问题这个很简单 单独计算，也就是计算脚本费用的时候不进行计算，而是在出账单的时候计算然后加上即可，
2024-05-28 01:17:18
328
原创 如何解决elment ui必填验证输入空格通过校验？
使用v-model.trim修饰符，这样就会自动过滤掉首尾空白字符，如果采用trim修饰符的话，确实可以实现功能，但是这个时候首尾都不能输入空格就会导致一个问题，当我们从左到右输入文字的时候，如果需要输入的字符串中间包含空格，就会无法实现，会遇到不能输入的问题，我们只能输入完成之后再去将鼠标光标放置在字符串中间部分输入空格，这样肯定是不利于我们输入的。请求拦截器过滤所有的请求参数，对应的参数首尾空格全部去掉。同样的空格那么肯定是会通过校验的，那么我们如何去实现不让其首尾输入空格呢？// 就将数组放进去。
2024-05-27 01:02:09
513
寿命计算器v1.2
2013-06-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人