专注于全栈开发https://www.easybhu.cn/https://www.easybhu.cn/archives/250.htmlhttps://www.easybhu.cn/archives/250.htmlTomohiko Sakamoto 算法是一种计算机程序，用于确定两个日期之间的天数差。该算法基于简单的数学计算，不依赖任何外部库和系统函数，因此它可以用于那些不支持外部库和系统函数的特殊环境。 它可以在不使用复杂的日历计算或内置日历函数的 ...Wed, 21 Aug 2024 07:17:18 GMThttps://www.easybhu.cn/archives/248.htmlhttps://www.easybhu.cn/archives/248.htmlLaravel Passport 是 Laravel 框架中的一个包，用于实现 OAuth2 协议，以便你可以安全地为应用程序的 API 提供认证和授权。以下是一个快速入门指南，介绍如何在 Laravel 项目中设置和使用 Passport ...Fri, 26 Jul 2024 03:10:54 GMThttps://www.easybhu.cn/archives/247.htmlhttps://www.easybhu.cn/archives/247.html更换 CentOS 7 的软件源至国内的镜像是一个常见的做法，尤其是当你的服务器位于中国时，这可以显著提高 yum 的下载速度和稳定性。以下是一种通用的步骤来更换 CentOS 7 的 yum 源至国内镜像： ### 步骤 1: 备份原有的 ...Fri, 19 Jul 2024 02:57:29 GMThttps://www.easybhu.cn/archives/246.htmlhttps://www.easybhu.cn/archives/246.html问题：反向代理kibana后，访问 `localhost:8080/kibana` 会重定向为 `localhost/app/kibana` 有没有办法限制kibana保持端口和路由情况下访问。问题Nginx配置如下： ``` server ...Wed, 17 Jul 2024 09:29:25 GMThttps://www.easybhu.cn/archives/241.htmlhttps://www.easybhu.cn/archives/241.htmlElasticsearch可以被视为一种特殊的数据库，但它与传统的数据库有所不同。Elasticsearch是一个分布式的、基于文档的搜索引擎和分析引擎，它主要聚焦于提供快速的全文搜索能力和数据分析能力。 ![79524bd4d504427 ...Wed, 17 Jul 2024 03:31:00 GMThttps://www.easybhu.cn/archives/240.htmlhttps://www.easybhu.cn/archives/240.htmlELK Stack，现在通常称为Elastic Stack，是由Elasticsearch、Logstash和Kibana三个主要组件组成的开源工具集，用于收集、存储、分析和可视化大量日志数据。下面是对这三个组件的基本介绍以及如何与PHP和 ...Wed, 17 Jul 2024 03:28:00 GMThttps://www.easybhu.cn/archives/239.htmlhttps://www.easybhu.cn/archives/239.html创建容器 ``` sudo docker run -dit --name=Jenkins -p 8889:8080 -p 50000:50000 --restart=on-failure -v /home/user/jenkins:/var ...Thu, 20 Jun 2024 07:46:00 GMThttps://www.easybhu.cn/archives/238.htmlhttps://www.easybhu.cn/archives/238.html在模型调整$searchable的subject_code => LLike 最终查询不到结果 ![55970705926F1753EAA645ECE10A11DA.png][1] 在日志看到查询的sql把llike拼进值里面了 ![8FF ...Thu, 13 Jun 2024 01:51:16 GMThttps://www.easybhu.cn/archives/233.htmlhttps://www.easybhu.cn/archives/233.html设计 API 授权，或者调用第三方 API 时，经常会接触到： ``` Authorization : Bearer Tokenxxxxxx ``` 有没有疑惑为何不直接写成这样就得了： ``` Authorization : Tokenx ...Tue, 11 Jun 2024 09:18:55 GMThttps://www.easybhu.cn/archives/232.htmlhttps://www.easybhu.cn/archives/232.html这段PHP代码的功能是实现一个基于Server-Sent Events协议的简单定时器。 首先，通过header函数发送三个HTTP头信息： Content-Type: text/event-stream 用于告知浏览器以事件流的形式进行响 ...Thu, 18 Apr 2024 01:55:14 GMThttps://www.easybhu.cn/archives/230.htmlhttps://www.easybhu.cn/archives/230.htmlThinkphp框架在MacOS下创建runtime下一级目录成功但无法写入文件 问题代码： ```php $savePath = RUNTIME_PATH . "transfer/"; if(!file_exists($savePath) ...Tue, 27 Feb 2024 07:52:00 GMThttps://www.easybhu.cn/archives/228.htmlhttps://www.easybhu.cn/archives/228.htmluniapp微信小程序DOM元素v-show失效 问题代码 ```html {{ goPcInfo.info }} ``` ```less #app { .editArea { .go-pc { display: flex; backgro ...Thu, 22 Feb 2024 06:47:08 GMThttps://www.easybhu.cn/archives/227.htmlhttps://www.easybhu.cn/archives/227.htmlUniapp开发web移动端和微信小程序，`v-for`在web移动端正确输出，但在微信小程序下循环值为undefind 问题代码片段： ```Vue 技能： {{ item.val }} 兴趣： {{ item.val }} ``` 问题 ...Mon, 19 Feb 2024 05:34:00 GMThttps://www.easybhu.cn/archives/225.htmlhttps://www.easybhu.cn/archives/225.htmlTaro框架开发微信小程序编译后报错routeDone with a webviewId 18 that is not the current page(env: macOS,mp,1.06.2401020; lib: 3.2.5) ![W ...Mon, 12 Feb 2024 09:41:00 GMThttps://www.easybhu.cn/archives/224.htmlhttps://www.easybhu.cn/archives/224.html表现为mac苹果电脑上，只要选取自动同步日期和时间，就会同步到一个很早之前的固定日期（现在是2023年1月，会同步到2021年的12月），很奇怪。 网上各种方法，下面的内容是唯一能起作用的。 在https://www.v2ex.com/t/ ...Tue, 21 Nov 2023 01:57:00 GMThttps://www.easybhu.cn/archives/223.htmlhttps://www.easybhu.cn/archives/223.html最近想基于Docker部署Jenkins服务， 发现重启宿主机后已经配置的Jenkins数据全部丢失 官方文档启动说明比较隐晦，不利于小白理解 这里举例子解决此问题 #### 1.安装好Docker Jenkins镜像 这里不在赘述pull ...Sat, 22 Jul 2023 15:07:39 GMThttps://www.easybhu.cn/archives/220.htmlhttps://www.easybhu.cn/archives/220.html### 0.准备 #### a. 虚拟机安装好Windows，并配置与宿主机共享文件（笔者这里是用的是Vmware Fusion） ![1.png][1] #### b. type-c 转 RJ45 网卡 ![WechatIMG5.jpg][2] ...Sat, 22 Jul 2023 11:45:00 GMThttps://www.easybhu.cn/archives/208.htmlhttps://www.easybhu.cn/archives/208.html查询中涉及到sum()函数和substr函数组合 ``` sum( SUBSTR( xxx,3,1 ) = 5 OR SUBSTR( xxx,3,1 ) = 6 ) as sum, ``` 运行后结果不正确，打印sql发现substr内参数 ...Wed, 19 Jul 2023 08:18:00 GMThttps://www.easybhu.cn/archives/207.htmlhttps://www.easybhu.cn/archives/207.html1.安装Mysql5.7 源 ``` wget https://dev.mysql.com/get/mysql57-community-release-el7-9.noarch.rpm rpm -ivh mysql57-community- ...Wed, 05 Jul 2023 05:29:58 GMThttps://www.easybhu.cn/archives/206.htmlhttps://www.easybhu.cn/archives/206.html期望将如下对象截取前3对key-value ``` var obj = { apple: 124, banana: 23, melon: 19, pear: 100, orange: 68 }; ``` 函数 ``` intercept(o ...Sun, 25 Jun 2023 06:38:48 GMThttps://www.easybhu.cn/archives/205.htmlhttps://www.easybhu.cn/archives/205.html希望将如下对象依据value进行排序，并且保持key与value对应 ``` let obj = {ATTACK: 698462, AV: 4174, FILTER: 7589767, IPS: 1106719, SCAN: 1667425 ...Sun, 25 Jun 2023 06:34:57 GMThttps://www.easybhu.cn/archives/204.htmlhttps://www.easybhu.cn/archives/204.html#### 进入容器 ``` docker exec -it xxxxxxxxx bash ``` #### 创建临时目录 ``` mkdir /var/lib/mysql/temp ``` #### 在data目录生成新的证书（共8个） ` ...Mon, 12 Jun 2023 06:24:57 GMThttps://www.easybhu.cn/archives/203.htmlhttps://www.easybhu.cn/archives/203.html#### Mysql5.7默认是开启ssl的 （检查是否正常开启） ``` show variables like '%ssl%'; ``` 得到如下结果，可看到`have_openssl`、`have_ssl`均为YES ![1.png] ...Fri, 09 Jun 2023 07:14:00 GMThttps://www.easybhu.cn/archives/196.htmlhttps://www.easybhu.cn/archives/196.html安装依赖 ``` npm i iptoolbox ``` 项目中引入`iptoolbox`包， 例如希望检测服务器地址：`127.0.0.1`，端口：`9002` ``` import {IP, Network} from "iptoolb ...Tue, 06 Jun 2023 05:45:00 GMThttps://www.easybhu.cn/archives/195.htmlhttps://www.easybhu.cn/archives/195.html以笔者当前`package.json`为例 ``` "@koa/router": "^12.0.0", "koa": "^2.14.1", "koa-bodyparser": "^4.4.0", "koa-session": "^6.4.0 ...Thu, 20 Apr 2023 06:05:58 GMThttps://www.easybhu.cn/archives/193.htmlhttps://www.easybhu.cn/archives/193.html共计两个步骤, 使用`ipaddress.com`测试节点来检测当前网络Github最佳目标IP ### 1.获取`github.com`域名解析IP 点击获取github.com域IP 找到如图位置，复制ip得到`140.82.113.3 ...Wed, 19 Apr 2023 05:15:00 GMThttps://www.easybhu.cn/archives/190.htmlhttps://www.easybhu.cn/archives/190.html``` datetimeFormat() { function paddingZero(number) { const length = String(number).length; return length === 1 ? '0'+nu ...Thu, 23 Feb 2023 06:01:06 GMThttps://www.easybhu.cn/archives/189.htmlhttps://www.easybhu.cn/archives/189.html需求需要实现例如将 `23012` 显示为 `23,012` 1.创建转换方法`addThousand` ```vue methods: { addThousand: num => num.toLocaleString(), } ``` 2 ...Fri, 10 Feb 2023 05:58:54 GMThttps://www.easybhu.cn/archives/188.htmlhttps://www.easybhu.cn/archives/188.html### 1.引入全局样式文件 首先在vue入口文件全局引入一个样式文件`global.less`，这里以less文件举例（sass、css...都可） 注意**不要**在` `添加作用域限制指令`scoped` ```Vue export ...Wed, 04 Jan 2023 02:24:00 GMThttps://www.easybhu.cn/archives/183.htmlhttps://www.easybhu.cn/archives/183.html在lighttpd.conf文件中将`dir-listing.activate`属性的enable值设置为disable ``` dir-listing.activate = "disable" ``` 然后`killall lighttp ...Wed, 14 Dec 2022 06:20:00 GMThttps://www.easybhu.cn/archives/182.htmlhttps://www.easybhu.cn/archives/182.html一、legend 取消点击事件 ``` legend: { selectedMode:false,//取消图例上的点击事件 data:['浏览量','访问量'] } ``` 二、legend 添加点击事件 图例组件用户切换图例开关会触发该事 ...Fri, 09 Dec 2022 02:56:13 GMThttps://www.easybhu.cn/archives/179.htmlhttps://www.easybhu.cn/archives/179.html本文如果帮到您，请给个评论支持下。谢谢！ ### Uncaught (in promise) TypeError: Failed to set an indexed property on 'CSSStyleDeclaration': In ...Tue, 08 Nov 2022 07:38:00 GMThttps://www.easybhu.cn/archives/178.htmlhttps://www.easybhu.cn/archives/178.html问题描述：使用vite为构建工具搭建Vue2.7 + elementUI2.15.10， ` `组件空渲染问题。使用官方Demo示例也一样不显示。（百度有答案让切换elementUI版本也不行） 问题情况主要依赖：Vite + Vue2.7 ...Fri, 04 Nov 2022 07:05:00 GMThttps://www.easybhu.cn/archives/174.htmlhttps://www.easybhu.cn/archives/174.html现象： 最近访问前端页面发现一个问题，在回退页面的时候，点得很快，就会突然跳到一个其他页面，如：访问时候顺序是：A–>B–>C–D，回退的时候，本应该是：D–>C–>A，但是你不耐烦就点得很快，回退跳转实际是：D–>C–>A–>C。 原因： ...Thu, 03 Nov 2022 01:27:00 GMThttps://www.easybhu.cn/archives/173.htmlhttps://www.easybhu.cn/archives/173.html### 1、flask 写接口 第一次写数据接口，采用 flask 框架，还挺简单。只需几行代码就能完成一个简单的接口，例如： ``` from flask import Flask,jsonify,request app = Flask( ...Thu, 27 Oct 2022 10:04:24 GMThttps://www.easybhu.cn/archives/172.htmlhttps://www.easybhu.cn/archives/172.html### 情景 两个组件，A和B。 B组件想通过`vuex`控制A组件方法实现刷新。 ### 准备 1.进入store设置state:`reloadLic: false` ``` export default { ... reloadLic: ...Fri, 23 Sep 2022 04:07:00 GMThttps://www.easybhu.cn/archives/171.htmlhttps://www.easybhu.cn/archives/171.html在less中使用calc()计算元素宽度 ```less #lic-notice { width: calc(100% - 200px); height: auto; z-index: 999; } ``` 样式被编译后宽度错误显示`wid ...Thu, 22 Sep 2022 03:06:18 GMThttps://www.easybhu.cn/archives/170.htmlhttps://www.easybhu.cn/archives/170.html### 准备物料 - VuePoem项目 - API调试工具 - 可暴库SQL语句 ### 开始 1. 启动VuePoem项目，使API服务运行起来, 关闭代码层面防SQL注入相关代码 2. 以登录为目标准备注入用户表`poem_sys_a ...Wed, 21 Sep 2022 09:28:00 GMThttps://www.easybhu.cn/archives/169.htmlhttps://www.easybhu.cn/archives/169.html### 先开启general_log ```mysql set global general_log='ON'; ``` ### 查看general_log_file path ```mysql show variables like 'gen ...Wed, 21 Sep 2022 08:46:48 GMThttps://www.easybhu.cn/archives/168.htmlhttps://www.easybhu.cn/archives/168.html## 前言 为解决windows开发者能使用vuePoem自带CLI脚本以及开发即生产环境，特出此基于虚拟机开发教程。 本文章可供windows用户使用虚拟机参考以及linux用户参考 [官方文档](https://vuepoem.easy ...Fri, 02 Sep 2022 02:32:00 GMThttps://www.easybhu.cn/archives/167.htmlhttps://www.easybhu.cn/archives/167.html前言：笔者近期使用`new Date()`将日期格式转换时间对象在safari下报错Invalid Date引发的思考 项目中涉及将`2022-08-01 00:00:00`日期格式转换为CST时间（本文中CST实现显示为英文是因为笔者系统 ...Wed, 31 Aug 2022 02:17:00 GMThttps://www.easybhu.cn/archives/166.htmlhttps://www.easybhu.cn/archives/166.html如果你只需要一个简单的页面路由，而不想为此引入一整个路由库，你可以通过动态组件的方式，监听浏览器 hashchange 事件或使用 History API 来更新当前组件。 下面是一个简单的例子： ``` import Home from ...Wed, 24 Aug 2022 01:59:00 GMThttps://www.easybhu.cn/archives/165.htmlhttps://www.easybhu.cn/archives/165.html找到 xxx/src/main.js文件， new Vue()前面找个位置添加: ```javascript Vue.config.silent = true; ```Tue, 23 Aug 2022 03:45:53 GMThttps://www.easybhu.cn/archives/164.htmlhttps://www.easybhu.cn/archives/164.html```php _db = pg_connect(...);//postgrsql } private function __clone() {}; //覆盖__clone()方法，禁止克隆 public static function ge ...Mon, 15 Aug 2022 02:57:12 GMThttps://www.easybhu.cn/archives/163.htmlhttps://www.easybhu.cn/archives/163.htmlphp 文件下载限速function封装， 例： ```php function file_download($file_path = NULL, $new_filename = NULL, $rate = 500) { if(!file_ ...Tue, 26 Jul 2022 03:43:00 GMThttps://www.easybhu.cn/archives/162.htmlhttps://www.easybhu.cn/archives/162.htmlDocker报错：ERROR: for xxx Cannot create container for service xxx: Conflict. The container name "/xxx" is already in use b ...Wed, 06 Jul 2022 07:30:00 GMThttps://www.easybhu.cn/archives/161.htmlhttps://www.easybhu.cn/archives/161.html执行`docker-compose up`报错`ERROR: Failed to Setup IP tables: Unable to enable SKIP DNAT rule: (iptables failed: iptables -- ...Tue, 05 Jul 2022 09:25:00 GMThttps://www.easybhu.cn/archives/160.htmlhttps://www.easybhu.cn/archives/160.html## 1. 基础环境准备 - Linux Server (以Centos为例) ## 2. 安装Docker ### 清理旧版本Docker ```shell sudo yum remove docker \ docker-client \ ...Tue, 05 Jul 2022 09:07:35 GMThttps://www.easybhu.cn/archives/158.htmlhttps://www.easybhu.cn/archives/158.html一、删除php的相关包及配置 ``` sudo apt-get autoremove php7* ``` 二、删除关联 ``` sudo find /etc -name "*php*" |xargs rm -rf ``` 三、清除dept列 ...Sun, 19 Jun 2022 05:37:22 GMThttps://www.easybhu.cn/archives/157.htmlhttps://www.easybhu.cn/archives/157.html准备： 1. 树莓派已经安装系统 （以ubuntu为例） 2. 用ssh客户端连接树莓派 安装： 1.更新并升级 ``` apt update && apt upgrade ``` 2.安装docker和compose ``` apt in ...Sun, 19 Jun 2022 03:20:00 GMThttps://www.easybhu.cn/archives/156.htmlhttps://www.easybhu.cn/archives/156.htmlDocker中国区官方镜像:https://registry.docker-cn.com 网易:http://hub-mirror.c.163.com 中国科技大学:https://docker.mirrors.ustc.edu.cn 阿里 ...Sun, 19 Jun 2022 03:08:00 GMThttps://www.easybhu.cn/archives/155.htmlhttps://www.easybhu.cn/archives/155.html浏览器会提示：(新版本的浏览器会提示) Unsafe JavaScript attempt to initiate navigation for frame with URL ‘http://www.xxx.xxx/’ from frame ...Tue, 14 Jun 2022 08:26:00 GMThttps://www.easybhu.cn/archives/153.htmlhttps://www.easybhu.cn/archives/153.html**1. 介绍** **1.1 介绍** Nginx是一个反向代理软件，大部分的网站都采用Nginx作为网站/平台的服务器软件。Nginx除了可以直接作为web服务器使用外，更多的情况是通过反向代理将请求转发给上游服务器。 配置上游服务器可 ...Fri, 06 May 2022 08:40:00 GMThttps://www.easybhu.cn/archives/152.htmlhttps://www.easybhu.cn/archives/152.html```shell curl https://download.argon40.com/argon1.sh | bash ``` 安装结束之后，桌面会出现两个快捷方式，“configure”和“uninstall”，用来更改设置和删除驱动。 ...Sun, 01 May 2022 15:20:00 GMThttps://www.easybhu.cn/archives/151.htmlhttps://www.easybhu.cn/archives/151.html```shell npm config set registry https://registry.npm.taobao.org && npm config get registry ```Sun, 10 Apr 2022 12:02:45 GMThttps://www.easybhu.cn/archives/150.htmlhttps://www.easybhu.cn/archives/150.html**1.安装docker** ```shell curl -fsSL https://get.docker.com -o get-docker.sh sudo sh get-docker.sh docker -v ``` **2.安装doc ...Sat, 09 Apr 2022 16:02:00 GMThttps://www.easybhu.cn/archives/149.htmlhttps://www.easybhu.cn/archives/149.html最近想用闲置已久的树莓派搭建7*24Hour爬虫平台，索性出个树莓派系列博文做个记录。 本章将演示如何从官网下载树莓派镜像和刷入存储介质启动进入系统以及更换软件源。 **0.准备阶段** a: 笔者这里使用树莓派4B + 32GB U盘来组 ...Sat, 09 Apr 2022 12:16:00 GMThttps://www.easybhu.cn/archives/145.htmlhttps://www.easybhu.cn/archives/145.html报错 ``` root@raspberrypi:/home/pi# apt update && apt upgrade Get:1 http://mirrors.tuna.tsinghua.edu.cn/raspbian/raspbian ...Fri, 08 Apr 2022 15:27:00 GMThttps://www.easybhu.cn/archives/144.htmlhttps://www.easybhu.cn/archives/144.html1. pecl下载扩展压缩包 https://pecl.php.net/package/ssh2 查看合适版本的扩展，我这里php使用7.4所以直接下载最新的就可以 2. 解压并编译安装 ``` cd ~/desktop wget http ...Wed, 06 Apr 2022 03:21:03 GMThttps://www.easybhu.cn/archives/143.htmlhttps://www.easybhu.cn/archives/143.html运行`apidoc -i api/ -o doc/`报错 ``` sh: /path/node_modules/.bin/apidoc: Permission denied npm ERR! code ELIFECYCLE npm ERR! ...Thu, 24 Mar 2022 06:45:00 GMThttps://www.easybhu.cn/archives/142.htmlhttps://www.easybhu.cn/archives/142.htmlstretch（Debian 9） ``` # 编辑 `/etc/apt/sources.list` 文件，删除原文件所有内容，用以下内容取代： deb [arch=armhf] http://mirrors.tuna.tsinghua.e ...Tue, 22 Mar 2022 13:13:27 GMThttps://www.easybhu.cn/archives/141.htmlhttps://www.easybhu.cn/archives/141.html**问题：** 为什么我的树莓派无法使用远程连接电脑？ **解答：** 由于树莓派只有一个串口，当我们开发中需要占用这个串口或者我们希望进行远程开发（通过一个根网线或无线连接到树莓派）。SSH连接，首先需要确认的是： - 你的树莓派有没有连 ...Tue, 22 Mar 2022 12:42:36 GMThttps://www.easybhu.cn/archives/140.htmlhttps://www.easybhu.cn/archives/140.htmlDomain ``` /^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))(([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM| ...Mon, 21 Mar 2022 08:38:30 GMThttps://www.easybhu.cn/archives/139.htmlhttps://www.easybhu.cn/archives/139.html命令行连接mysql `mysql -uroot`报错ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/run 找到mysql目录，删除ib_l ...Mon, 21 Mar 2022 06:24:00 GMThttps://www.easybhu.cn/archives/138.htmlhttps://www.easybhu.cn/archives/138.html``` mysql> select * from test where val=4 limit 300000,5; +---------+-----+--------+ | id | val | source | +---------+-- ...Fri, 18 Mar 2022 07:48:59 GMThttps://www.easybhu.cn/archives/137.htmlhttps://www.easybhu.cn/archives/137.html![798595366-5af29905f0140_fix732.png][1] 各属性含义： id: 查询的序列号 select_type: 查询的类型，主要是区别普通查询和联合查询、子查询之类的复杂查询 1. SIMPLE：查询中不包含 ...Fri, 11 Mar 2022 07:10:00 GMThttps://www.easybhu.cn/archives/134.htmlhttps://www.easybhu.cn/archives/134.html近期有个排查客户数据库任务但无法直接访问，被提供数据库源文件(其中syslog是客户的数据库)。 ![WX20220310-154952@2x.png][1] 将syslog下的 `db_table_20220301.frm`、`db_ta ...Thu, 10 Mar 2022 07:56:20 GMThttps://www.easybhu.cn/archives/132.htmlhttps://www.easybhu.cn/archives/132.html在el-col直接添加 `@click="themeHandleClose(item)"`， 点击后无效没有反馈事件并没有执行 ``` 设置主题 @click.native="themeHandleClose(item)" class="c ...Sat, 05 Mar 2022 09:57:00 GMThttps://www.easybhu.cn/archives/131.htmlhttps://www.easybhu.cn/archives/131.html**通过brew下载或者第三方下载安装软件后打开报错** ![1.png][1] terminal打开输入`sudo spctl --master-disable` 开启苹果隐私的隐藏anywhere选项 ![2.png][2] 此时弹出警 ...Wed, 02 Mar 2022 02:32:28 GMThttps://www.easybhu.cn/archives/127.htmlhttps://www.easybhu.cn/archives/127.html在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，期望达到数据的更新。 ``` mounted: () =>{ this.id = this.$route.query.id; this.getdetail() } ``` g ...Sat, 29 Jan 2022 09:07:52 GMThttps://www.easybhu.cn/archives/126.htmlhttps://www.easybhu.cn/archives/126.html``` vim ~/.bash_profile ``` 在bash_profile中添加： ``` alias ll='ls -alF' ``` 在bash_profile中添加： ``` source ~/.bash_profile `` ...Thu, 27 Jan 2022 08:30:18 GMThttps://www.easybhu.cn/archives/125.htmlhttps://www.easybhu.cn/archives/125.html１．查看远程支持的node版本 ``` nvm ls-remote ``` ２．查看本地node版本 ``` nvm list ``` ３．版本切换 ``` nvm use 版本号 ``` 转载自：https://www.cnblogs.c ...Thu, 27 Jan 2022 01:31:59 GMThttps://www.easybhu.cn/archives/124.htmlhttps://www.easybhu.cn/archives/124.html``` intval(microtime(true) * 1000 * 1000); ```Thu, 06 Jan 2022 02:13:38 GMThttps://www.easybhu.cn/archives/123.htmlhttps://www.easybhu.cn/archives/123.html修改/etc/apt/sources.list，去掉自带的源，添加如下源： ``` deb http://mirrors.tuna.tsinghua.edu.cn/raspbian/raspbian/ buster main contrib ...Fri, 31 Dec 2021 14:13:18 GMThttps://www.easybhu.cn/archives/119.htmlhttps://www.easybhu.cn/archives/119.html### 创建流水线 填写您的流水线名称、流水线描述、git仓库地址（如果为私有仓库，可以在右侧输入账号及密码） ![QQ20211114-174233@2x.png][9] ### Sihan's Blog Yaml配置（仅供参考） ``` ...Sun, 14 Nov 2021 09:50:00 GMThttps://www.easybhu.cn/archives/116.htmlhttps://www.easybhu.cn/archives/116.htmlGokins一款由Go语言和Vue编写的款轻量级、能够持续集成和持续交付的工具 持续集成和持续交付 作为一个可扩展的自动化服务器，Gokins 可以用作简单的 CI 服务器，或者变成任何项目的持续交付中心 博主将在后续把自己博客接入Goki ...Sun, 14 Nov 2021 07:10:00 GMThttps://www.easybhu.cn/archives/114.htmlhttps://www.easybhu.cn/archives/114.html### 环境准备 1. 您需要确保安装gokins服务器上拥有mysql5.7 2. 如果使用云服务器确保gokins默认端口8030入口方向开放 ### 下载Gokins 1. 服务器下载Gokins可执行程序并移动至usr bin ``` ...Sun, 07 Nov 2021 09:53:00 GMThttps://www.easybhu.cn/archives/95.htmlhttps://www.easybhu.cn/archives/95.html在linux下我们经常用到的四个应用程序的目录是`/bin`、`/sbin`、`/usr/bin`、`/usr/sbin` 。而四者存放的文件一般如下： **bin目录:** bin为binary的简写主要放置一些 系统的必备执行档例如:c ...Tue, 26 Oct 2021 01:17:46 GMThttps://www.easybhu.cn/archives/94.htmlhttps://www.easybhu.cn/archives/94.html``` Raspberry Pi 默认用户是 pi 密码为 raspberry FreeBSD 默认的密码是 freebsd/freebsd 和 root/root。 CentOS 7 默认主机名：rpi2 默认用户名 root 密码 ce ...Mon, 25 Oct 2021 14:23:23 GMThttps://www.easybhu.cn/archives/93.htmlhttps://www.easybhu.cn/archives/93.html打包新webpack项目发布到web服务器上后发现fontawesome字体文件请求路径不对。 ![WX20211014-114047@2x.png][1] 请求成了令人迷惑的`http://test.xxx.cn/static/css/s ...Thu, 14 Oct 2021 03:48:00 GMThttps://www.easybhu.cn/archives/90.htmlhttps://www.easybhu.cn/archives/90.htmlvue移动端列表项目中使用`searchFormData`作为列表对象，追加数据使用`Array.prototype.push.apply`。 接口返回数据后视图不刷新，查阅资料后是因为vue数组更新检测包含一组观察数组的变异方法，所以它们 ...Fri, 08 Oct 2021 02:08:00 GMThttps://www.easybhu.cn/archives/89.htmlhttps://www.easybhu.cn/archives/89.html## 问题描述 今天写后台菜单管理，需要用程序读取某个方法的注释描述。如下，想获取Desc后面的文字。 ```text /** * Func: func_comment * User: Force * Date: 2021/9/25 * T ...Sat, 25 Sep 2021 07:54:00 GMThttps://www.easybhu.cn/archives/83.htmlhttps://www.easybhu.cn/archives/83.htmlDom部分 ``` 推荐 职位 投递 我的 ``` Js部分 ``` data() { return { tabShowFlag: true, backTopFlag: false, } }, created() { //滚动识别 this ...Thu, 16 Sep 2021 08:11:00 GMThttps://www.easybhu.cn/archives/82.htmlhttps://www.easybhu.cn/archives/82.html问题DOM如下，两个span在同一个a标签下，显示高度不一致： ``` {{s_item.name}} {{s_item.publishtime}} ``` 解决办法，给a标签设置flex布局， 两个span分别给flex值，如下 ``` ...Thu, 16 Sep 2021 05:57:13 GMThttps://www.easybhu.cn/archives/81.htmlhttps://www.easybhu.cn/archives/81.html利用`sessionStorage`配合保存状态，刷新前`sessionStorage`赋值给state。 ``` export default { name: "app", components: {}, created() { // 页 ...Thu, 09 Sep 2021 05:38:26 GMThttps://www.easybhu.cn/archives/80.htmlhttps://www.easybhu.cn/archives/80.html``` function binaryAgent(str) { var splitStr = str.split(" "); var newVar = splitStr.map(function(val) { return String.f ...Fri, 13 Aug 2021 01:15:44 GMThttps://www.easybhu.cn/archives/79.htmlhttps://www.easybhu.cn/archives/79.html``` '; echo BinToStr("1110000 1101000 1110000 111001001011101010001100 111001101010110010100001 111001011011110010000000 ...Thu, 12 Aug 2021 10:10:29 GMThttps://www.easybhu.cn/archives/78.htmlhttps://www.easybhu.cn/archives/78.htmlvue开发中控制台警告： /deep/ combinator is no longer supported in CSS dynamic profile. 应该是/deep/ 在将来会被移除 解决方案： ``` .a >>> .b { } ...Thu, 12 Aug 2021 01:36:00 GMThttps://www.easybhu.cn/archives/77.htmlhttps://www.easybhu.cn/archives/77.htmlPHP 统计二维数组某个值有几个？ PHP 计算二维数组某个值出现的次数 ``` $list = [ ['id' => 1, 'userId' => 5], ['id' => 2, 'userId' => 5], ['id' => 3, ' ...Fri, 09 Jul 2021 06:09:26 GMThttps://www.easybhu.cn/archives/76.htmlhttps://www.easybhu.cn/archives/76.html给一个dom绑定多个class，而且是动态绑定，代码如下： ``` // classA 是固定不变的，classB与classC 是根据条件来判断是否加入 ``` 转载自：https://www.jianshu.com/p/e4248eb7 ...Tue, 22 Jun 2021 09:38:15 GMThttps://www.easybhu.cn/archives/75.htmlhttps://www.easybhu.cn/archives/75.html这篇文章主要介绍了JS实现的四级密码强度检测功能,具有实时检测输入密码强度的功能,涉及javascript针对字符串的正则判定相关操作技巧,需要的朋友可以参考下 Dom部分 ``` 密码 弱 中 强 很强 ``` Vue部分 ``` dat ...Mon, 21 Jun 2021 09:46:00 GMThttps://www.easybhu.cn/archives/74.htmlhttps://www.easybhu.cn/archives/74.htmlvue中监听滚动事件，然后对其进行事件处理，一般有：1. 滚动到顶部吸附； 2. 根据滚动的位置激活对应的tab键（锚链接tab键） 这两种方式的处理都是可通过监听scroll来实现 ``` mounted(){ window.addEve ...Mon, 21 Jun 2021 02:56:18 GMThttps://www.easybhu.cn/archives/73.htmlhttps://www.easybhu.cn/archives/73.html添加@click 添加之后发现不好使 找了一番资料发现得这样写就可以了@click.native 这个native是什么作用呢？ 查了一番资料大概就是vue封装@click这些方法时阻止了原生的DOM事件，而native就是释放DOM原生事 ...Fri, 28 May 2021 08:24:24 GMThttps://www.easybhu.cn/archives/72.htmlhttps://www.easybhu.cn/archives/72.html**E2E测试** E2E(end to end)测试是指端到端测试又叫功能测试，站在用户视角，使用各种功能、各种交互，是用户的真实使用场景的仿真。在产品高速迭代的现在，有个自动化测试，是重构、迭代的重要保障。对web前端来说，主要的测试就 ...Tue, 18 May 2021 09:55:10 GMThttps://www.easybhu.cn/archives/71.htmlhttps://www.easybhu.cn/archives/71.html**全屏显示** ``` var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); } ...Tue, 11 May 2021 07:05:25 GMThttps://www.easybhu.cn/archives/70.htmlhttps://www.easybhu.cn/archives/70.htmlPHP CI框架运行在PHP7.3 idn_to_ascii(): INTL_IDNA_VARIANT_2003 is deprecated 解决办法。 打开文件 `libraries/Email.php` 修改idn_to_ascii() ...Thu, 06 May 2021 01:52:00 GMThttps://www.easybhu.cn/archives/69.htmlhttps://www.easybhu.cn/archives/69.html一、前言 三角形实现原理：宽度width为0；height为0；（1）有一条横竖边（上下左右）的设置为border-方向：长度 solid red，这个画的就是底部的直线。其他边使用border-方向：长度 solid transparen ...Wed, 21 Apr 2021 06:45:00 GMThttps://www.easybhu.cn/archives/60.htmlhttps://www.easybhu.cn/archives/60.html> 本文章向大家介绍vue form表单上传文件，主要包括vue > form表单上传文件使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。 ``` ``` 单独上传文件： ``` ``` ``` ...Mon, 12 Apr 2021 03:36:19 GMThttps://www.easybhu.cn/archives/59.htmlhttps://www.easybhu.cn/archives/59.html``` 放大图片 ``` ref="carImg" 设置元素名称 后面可以选择 js中选择方式： this.$refs.carImg js 模拟点击： el.click() 在vue的@clike里： $refs.carImg.click( ...Mon, 12 Apr 2021 03:15:53 GMThttps://www.easybhu.cn/archives/58.htmlhttps://www.easybhu.cn/archives/58.html``` const url = 'fileApi/AccountTemplate.xlsx' const link = document.createElement('a') link.style.display = 'none' link ...Mon, 12 Apr 2021 02:47:31 GMThttps://www.easybhu.cn/archives/56.htmlhttps://www.easybhu.cn/archives/56.html以互联网产品经理和项目经理为例来说说首先，从知识领域来说，项目经理要求技术背景，这是必须的，一般团队的项目经理由非常有项目经验的RD担当，他的职责在于将目标转化为可量化可实现的项目计划，偏重于执行层面。而产品经理的知识领域较泛，且不一定非要 ...Sun, 11 Apr 2021 10:58:00 GMThttps://www.easybhu.cn/archives/54.htmlhttps://www.easybhu.cn/archives/54.html最近考虑到项目安全，需要限制用户私自修改sessionStorage本地存储。 查阅资料后简单来说就是需要在main.js中添加代码如下 ``` //防止手动修改本地存储 window.addEventListener('storage', ...Fri, 09 Apr 2021 03:46:36 GMThttps://www.easybhu.cn/archives/53.htmlhttps://www.easybhu.cn/archives/53.html使用Element UI自带的分页组件异步请求API数据后发现翻页时候总会闪烁一下，特别影响体验。 问题代码参考如下： ``` handleCurrentChangeForum(page) { //清理翻页前数据 this.forum_in ...Thu, 08 Apr 2021 09:01:39 GMThttps://www.easybhu.cn/archives/51.htmlhttps://www.easybhu.cn/archives/51.html如果要给表格列添加链接，则需要使用自定义列模板（针对element）,通过 scoped slot 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据。关于自定义列模板，在https:// ...Wed, 07 Apr 2021 07:31:31 GMThttps://www.easybhu.cn/archives/50.htmlhttps://www.easybhu.cn/archives/50.html**使用场景：** 页面分为header、home、footer三部分，需要在home中调用header中的方法，这两个没有相互引入 **官方给出方法：** ![1307134-20190123200438334-1843127582.pn ...Tue, 06 Apr 2021 10:07:53 GMThttps://www.easybhu.cn/archives/48.htmlhttps://www.easybhu.cn/archives/48.html问题背景：现有服务器Nginx+PHP，需要在这个基础上增加Node.js反向代理。来实现部分业务采用不同技术实现。如下： ``` upstream nodejs { server 172.16.126.76:8081; } server ...Fri, 02 Apr 2021 06:27:00 GMThttps://www.easybhu.cn/archives/47.htmlhttps://www.easybhu.cn/archives/47.html首先进入项目目录 ``` cd xxx ``` 然后执行 ``` chattr -i .user.ini ``` 最后再尝试删除 ``` cd ../ && rm -rf xxx ```Tue, 23 Mar 2021 09:59:59 GMThttps://www.easybhu.cn/archives/46.htmlhttps://www.easybhu.cn/archives/46.html标量类型声明 PHP 7 中的函数的形参类型声明可以是标量了。在 PHP 5 中只能是类名、接口、array 或者 callable (PHP 5.4，即可以是函数，包括匿名函数)，现在也可以使用 string、int、float和 boo ...Tue, 23 Mar 2021 07:22:52 GMThttps://www.easybhu.cn/archives/45.htmlhttps://www.easybhu.cn/archives/45.html关于VUE项目中报NavigationDuplicated: Avoided redundant navigation to current location: "/" 的错 原因：是指路由重复。 虽然对项目无影响，但是看到有红的不舒服！ ...Mon, 22 Mar 2021 02:40:54 GMThttps://www.easybhu.cn/archives/43.htmlhttps://www.easybhu.cn/archives/43.html**boder-radius属性** 使用border-radius属性来设置圆角半径时可以使用长度值，或者百分比值。 在给它指定百分比值时，x轴和y轴分别相对于元素的宽度和高度来计算实际值。 所以，我们可以把一个正方形的元素变成圆形，只要 ...Wed, 10 Mar 2021 08:26:00 GMThttps://www.easybhu.cn/archives/42.htmlhttps://www.easybhu.cn/archives/42.htmlMake /deep/ behave like the descendant combinator " " in CSS live profile; effectively no-op. See "Intent to Remove" thr ...Tue, 09 Mar 2021 10:20:16 GMThttps://www.easybhu.cn/archives/41.htmlhttps://www.easybhu.cn/archives/41.html``` ``` 父组件： ``` this.refs.xxx.子组件定义的方法() ``` 外部： ``` vm.$refs.xxx.子组件定义的方法() ``` 注意:子组件添加 ref 属性,父组件才可以通过 refs 获取. 转载自： ...Tue, 09 Mar 2021 10:07:23 GMThttps://www.easybhu.cn/archives/40.htmlhttps://www.easybhu.cn/archives/40.html在html中设置锚点定位我知道的有几种方法，在此和大家分享一下： 1、使用id定位： ``` 锚点1 11111111111 11111111111 11111111111 11111111111 11111111111 111111111 ...Tue, 09 Mar 2021 08:25:00 GMThttps://www.easybhu.cn/archives/39.htmlhttps://www.easybhu.cn/archives/39.html``` //回到顶部 const scrollToTop = () => { const fromTopDistance = document.documentElement.scrollTop || document.body.scrol ...Tue, 09 Mar 2021 05:56:21 GMThttps://www.easybhu.cn/archives/34.htmlhttps://www.easybhu.cn/archives/34.html### 效果1 ![1.png][1] ``` background: linear-gradient( 90deg , #5461c8 12.5%, #c724b1 0, #c724b1 25%, #e4002b 0, #e4002b 37 ...Mon, 08 Mar 2021 09:26:00 GMThttps://www.easybhu.cn/archives/33.htmlhttps://www.easybhu.cn/archives/33.html在Vue中，style要求scoped，只修改本组件下的样式，使用>>>和/deep/来选择子组件 记录一下自己在需要table中使用input，而不出现边框，显然是border: 0;就可以的 使用了各种 .el-input .el-in ...Mon, 08 Mar 2021 07:32:18 GMThttps://www.easybhu.cn/archives/32.htmlhttps://www.easybhu.cn/archives/32.html**假设有数据表：** ``` CREATE TABLE `order` ( `order_id` varchar(20) NOT NULL COMMENT '订单号', `c_date` timestamp NOT NULL DEFAUL ...Tue, 02 Mar 2021 02:52:00 GMThttps://www.easybhu.cn/archives/31.htmlhttps://www.easybhu.cn/archives/31.html1、使用query传值--地址栏可见 比如从a.vue跳转至b.vue，传name=‘jack’，代码如下: ``` this.$router.push({ path: "/result", query: { name: 'jack' } ...Wed, 24 Feb 2021 09:45:00 GMThttps://www.easybhu.cn/archives/30.htmlhttps://www.easybhu.cn/archives/30.html如果Web服务器无法处理编码为application/json的请求，你可以启用emulateJSON选项。 启用该选项后，请求会以application/x-www-form-urlencoded作为MIME type，就像普通的HTML ...Wed, 24 Feb 2021 09:19:09 GMThttps://www.easybhu.cn/archives/29.htmlhttps://www.easybhu.cn/archives/29.html使用vue框架写pc页面时，我们经常会用到element-ui这个框架。 当我们吧把需要的东西都装在好运行项目的时候，有时会出现这样的错误， ![2018060920404578.png][1] 这是因为缺少了一个配置文件，postcss. ...Wed, 24 Feb 2021 01:33:00 GMThttps://www.easybhu.cn/archives/26.htmlhttps://www.easybhu.cn/archives/26.html关键点：slot="label" ``` {{ item.label }} ``` 总结：label标签都可按此方法添加自定义图标 转载自：https://blog.csdn.net/weixin_43824051/article/deta ...Tue, 23 Feb 2021 08:53:30 GMThttps://www.easybhu.cn/archives/25.htmlhttps://www.easybhu.cn/archives/25.html我们在做项目的时，常常会遇到使用Tab切换页面需求，要求设置第一个选项卡为默认选项。这时候我们就需要用到 vue-router 嵌套路由实现。设置默认项使用 redirect 属性即可。 ``` export default new Rou ...Mon, 22 Feb 2021 06:03:41 GMThttps://www.easybhu.cn/archives/24.htmlhttps://www.easybhu.cn/archives/24.html**方法1:** ``` //1.先使用import导入你要在该组件中使用的子组件 import testComponent from './testComponent.vue' export default { //2.然后,在compo ...Mon, 22 Feb 2021 01:57:00 GMThttps://www.easybhu.cn/archives/23.htmlhttps://www.easybhu.cn/archives/23.html一、基础 1、说明：创建数据库 CREATE DATABASE database-name 2、说明：删除数据库 drop database dbname3、说明：备份sql server --- 创建 备份数据的 device USE m ...Tue, 12 Jan 2021 06:47:48 GMThttps://www.easybhu.cn/archives/22.htmlhttps://www.easybhu.cn/archives/22.html``` function initIframeHeight(height){ var userAgent = navigator.userAgent; var iframe = parent.document.getElementById( ...Mon, 04 Jan 2021 14:30:00 GMThttps://www.easybhu.cn/archives/21.htmlhttps://www.easybhu.cn/archives/21.htmlrobots.txt是一个纯文本文件，当网络蜘蛛来抓取网站的时候，首先就是访问这个网站的robot.txt文件。所以网站管理者都会在robots.txt文件中声明该网站中不想被robots访问的部分，或者只允许指定的搜索引擎收录指定的内容。 ...Mon, 04 Jan 2021 09:59:47 GMThttps://www.easybhu.cn/archives/20.htmlhttps://www.easybhu.cn/archives/20.htmlA、临时表再断开于mysql的连接后系统会自动删除临时表中的数据，但是这只限于用下面语句建立的表： 1)定义字段 CREATE TEMPORARY TABLE tmp_table ( name VARCHAR(10) NOT NULL, t ...Fri, 25 Dec 2020 05:12:00 GMThttps://www.easybhu.cn/archives/19.htmlhttps://www.easybhu.cn/archives/19.html``` php的基本类型分别： 1.基本数据类型：整型、小数(float/double)、字符串、布尔类型 2.复合类型：数组、对象 3.特殊类型：Null，资源类型 JavaScript的基本类型： Undefined,Null,Bool ...Tue, 22 Dec 2020 05:29:07 GMThttps://www.easybhu.cn/archives/18.htmlhttps://www.easybhu.cn/archives/18.html很简单，两行命令解决 ``` chattr -i .user.ini rm -rf .user.ini ```Mon, 21 Dec 2020 10:11:16 GMThttps://www.easybhu.cn/archives/16.htmlhttps://www.easybhu.cn/archives/16.html解决很简单 1. 终端输入`sudo scutil --set HostName 你的主机名` 2. 终端输入`hostname`查看结果 3. 关闭终端重新打开可看到效果 参考文章： https://blog.csdn.net/zhizu ...Wed, 16 Dec 2020 02:04:24 GMThttps://www.easybhu.cn/archives/15.htmlhttps://www.easybhu.cn/archives/15.html来源： https://blog.csdn.net/big_data1/article/details/103496780 ``` yum -y install wget && yum -y groupinstall "Developmen ...Tue, 15 Dec 2020 00:53:00 GMThttps://www.easybhu.cn/archives/14.htmlhttps://www.easybhu.cn/archives/14.html1. 修改要使用的php对应版本的php-fpm文件，我使用的是7.1所以修改文件位置`vim /www/server/php/71/etc/php-fpm.conf`，文件内找到`www`字眼修改为`root`，保存退出vim。 ![WX ...Tue, 15 Dec 2020 00:44:00 GMThttps://www.easybhu.cn/archives/9.htmlhttps://www.easybhu.cn/archives/9.html首先看一下官方的Demo和解释 --------------- ![1.png][1] ![2.png][2] 不知道小伙伴们有没有看懂这个例子呢？反正我看的时候是一脸懵逼，哈哈，难道是我太太太菜了！然而经过我的思考和理解，最后终于搞懂了原 ...Wed, 18 Nov 2020 07:45:00 GMThttps://www.easybhu.cn/archives/4.htmlhttps://www.easybhu.cn/archives/4.htmlPle“zh”是中文，代表的是宏语言（Macrolanguage），单独使用表示“中文”整体，可以是方言、文言文、简体、繁体等单独一种，也可以是任意组合的混合内容。“zh-CN”理论上表示的是“中文 (中国大陆)”，因为中国大陆的官方语言是 ...Mon, 16 Nov 2020 12:22:00 GMT