Vue 2与Vue 3在自定义组件v-model上的区别
在vue开发中，通常会对一个自定义的组件进行封装，并实现v-model双向绑定功能 在 Vue 2 中，通常这样实现父组件 12345678910111213141516<template> <Child v-model="number"></Child></template><script> export default { data() { return { number: 0, }; }, components: { Child: () => import("./Child.vue"), }, };</script> 子组件 1234567891011121314151617<template> <button...
Linux系统下使用iftop结合iptables服务解决带宽被恶意请求的问题
最近博客总时不时的打不开，或者是打开巨慢。打开宝塔面板，发现能登录，但是登录非常缓慢，最后挤进来后，看到流量可视化图，上行一直流量一直居高不下。服务器带宽是2兆的，上行200kb，说明直接将整个服务器带宽占满，导致服务器无法访问 排查Linux下使用iftop工具结合iptables服务来解决带宽资源被恶意请求满的问题，主要通过2个步骤来实现 使用iftop 工具查出来是哪些个IP地址在请求主机的带宽资源，找出耗带宽的元凶 找出耗带宽的IP地址或者段，分析是out方向还是in方向，使用iptables规则来进行控制 首先安装 iftop 工具 1yum install flex byacc libpcap ncurses ncurses-devel libpcap-devel 接着输入 iftop -n 运行，运行后会出现以下界面 左侧表示自己的服务器的内网ip 中间的<=...
AWS教程——解决WordPress网站加载缓慢的大难题
谁不喜欢免费的东西？谁不想网站访问更快呢？让我们试一试。借助亚马逊云技术的CloudFront CDN服务提供的免费套餐，通过简单的配置，加速你的WordPress网站。 作为一个强大的CMS(内容管理系统)平台，WordPress以其完善的功能、一流的定制能力和丰富的插件广受好评。从个人博客到企业网站，从初创企业到大型跨国企业，我们日常访问的很多网站都是基于WordPress创建的。 如果你有这样一个网站，想为世界各地的访问者提供快速流畅的访问体验，你该怎么做？最简单的方法是使用CDN，借助CDN服务提供商在全球主要地区的节点，将内容传递给附近的用户。但是这样一套方案会不会很贵？选择合适的CDN服务其实可以很便宜，甚至对于很多流量不是很大的网站来说， 完全可以实现免费 。 请注意，本文的所有操作将以全球版亚马逊云科技平台为准。点击 这里 详细了解CloudFront CDN服务并注册账户开始使用免费套餐。 先决条件要使用本文介绍的方法，你需要具备： 一个基于WordPress平台创建的现成网站； 为该网站安装一款名为“WPAdmin AWS...
记录部分安卓手机 input type="file"的onchange不能触发问题
今天写了一个文件上传，发现在部分安卓手机上触发不了onchange事件，代码如下： 1234567<input type="file" id="input" /><script> // 在部分安卓手机不触发 input.onchange = () => { alert(123); };</script> 经过不断测试后发现，在标签上补上accept=”image/*“后可解决该问题，修复后的代码如下： 123456<input type="file" accept="image/*" id="input" /><script> input.onchange = () => { alert(123); };</script>
JS压缩图片并保留图片元信息
JS实现图片压缩比较简单，但是图片经过压缩后，压缩后的图片的元信息（拍摄时间、设备、地点）等会丢失掉，如果在特殊场景中需要使用这些元信息的话，就会出现问题了，因此需要将未压缩前的图片元信息填充至压缩后的图片中，以下是实现代码 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137// 封装一个获取变量的数据类型函数const getType = (data: unknown): string => { const...
今日热榜HotList-Web前端开源Vue - （聚合热榜）
今日热榜 托管在 Cloudflare Pages，配合后端（韩小韩聚合热榜API）一起使用，后端源接口为官方接口。 环境需求 Nodejs >14.1.0 使用框架 Vue3 TypeScript Vite Shadcn-vue 页面AND源码截图 [{"url":"https://i0.wp.com/uxiaohan.github.io/v2/2022/12/4080225797.png","alt":"今日热榜HotList-Web前端开源Vue - （聚合热榜）"},{"url":"https://i0.wp.com/uxiaohan.github.io/v2/2022/12/407453956.png","alt":"今日热榜HotList-Web前端开源Vue - （聚合热榜）"}] 源码地址HotList-Web 成品演示后端配合 韩小韩API 聚合热榜API 使用.或者自建API使用.源码自行编译 或 直接上传 dist文件夹内已编译文件. 今日热榜 HotList-Web 韩小韩API 聚合热榜API
在Fly.io上部署Alist网盘程序
Fly.io 是一个应用部署平台，和 Netlify、Vercel 不同之处在于 Fly.io 提供了数据库，这就使得在线托管一个小型动态网站成为了可能.Fly.io 根据其官网的简介可以看到其也是借助了 Docker，用户编写代码，并用其提供的工具打包成 Docker 镜像，然后部署到 Fly.io 的平台上，之后就是 Fly.io 平台处理的事情了。本质上来说 Fly.io 就是提供了一个平台化的容器运行时环境。 关于收费Fly.io 是提供一定限额的免费使用额度的，他们的目标就是让小型的应用可以免费运行，而在需要扩展的时候支付一定的费用，而这笔费用也不会太昂贵。Fly.io 的应用会根据使用情况单独计费。Fly.io 会根据单个用户或者组织计费，官方也说了，如果想要更多免费的应用，那么你可以创建多个组织。 免费限额 分类 限额 说明 VM: shared-cpu 每个月 2340 小时 可以全天候运行 3 个 256 MB 内存的共享 CPU 的 VM Volumes 3GB 提供 3GB 永久存储 Bandwidth 160...
利用CloudFlare的Workers和Pages反代Github并缓存实现Github文件加速访问
众所周知Github是全球最大的代码托管平台，我们可以通过使用GitHub学习知识、发现优秀的开源软件，也可以上传自己的项目或文件。但对于国内的同学来说，如果不挂代理，访问Github是不太稳定的，且下载巨慢。网上有很多Github加速访问的方法，如果你也想拥有一个属于自己独享的Github加速，可以按照此教程搭建一个你自己的反代来实现加速Github文件访问的服务。 CloudFlareCloudFlare提供的不仅仅是CDN，而是一个快速、敏捷、安全的全球网络。CloudFlare通过全球边缘网络实现超快速的静态和动态内容交付。对内容的高速缓存方式实行精确控制，降低带宽成本，并充分利用内置的不计量 DDoS 保护。今天我们使用 CloudFlare Workers 和 CloudFlare Pages来搭建我们的反代服务。 通过CloudFlare Workers实现反代没有CloudFlare账号可以去简单注册一个，以后肯定必然会用的到！首先，创建一个CloudFlare Workers服务，步奏如下图。 ...
简单逆向某色情网站图片加密（原创）
今天，一Py哥们为民除害爬取某色情网站的时候，遇到了一点点小问题，关于色色电影列表中视频封面数据的问题，我简单的看了一下，我也是第一次见到这种，挺有意思的封面图片渲染，所以单拉出来我们一起来看看！ 图片地址SRC 审查元素查看图片地址是 Base64 地址，并不是网络地址，不会被墙，根据用户网速加载，不占用服务器带宽，挺好的。控制台的数据是没有任何问题的，然后又看了一下源代码。 IMG标签中的Origanal数据 我从源代码中查看 IMG 标签并没有发现 SRC...
骚扰电话API接口 开源
根据 服务器接口数量、带宽、可维护性等多种因素，韩小韩API接口站决定下架骚扰电话API接口，不过由于使用量过大，突然下架是对用户的不负责，故将骚扰电话接口开源，供大家直接使用或二次修改使用。 骚扰电话查询API骚扰电话查询API - 韩小韩API接口 骚扰电话查询API源码12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485<?php/* * @Author: Han * @Date: 2021-10-26 10:12:07 * @LastEditors: Han * @LastEditTime: 2022-02-16 13:24:53 * @FilePath: \saoraotel.php *///...
