如诗

1、添加步骤 首先是去新建一个页面，输入标题 添加一个HTML区块，代码如下： 123456789101112131415161718192021222324252627<div class="entry-content"> <div class="botui-title" style="text-align:center; font-size: 50px; margin-bottom: 20px;">[像诗一样]</div> <div id="botui-content" class="popcontainer" style="min-height: 300px; padding: 2px 6px 4px; background-color: rgba(242, 242, 242, 0.5); border-radius: 10px;"> <center> ...

1、解决宝塔面板无法下载软件和更新应用的问题1.1 问题描述在前几天打开宝塔面板时，弹出了7.9的更新提示，想都没想就直接更了。但没想到的是它提示更新成功但实则还是7.8的版本。之后想要下载onedrive实现网站和数据库的备份，但是在弹出下载框后就不动了，下载一直卡在0%，弹出F12控制台发现报错。当时界面如下： 在尝试重启服务器和宝塔面板等方法无果后，才注意到我的是Centos8.2的系统，而Centos8版本的系统已经于2021年12月月底停止维护。所以所有的包，软件这些都下载不了。 1.2 解决方式解决这个问题的方式有两种，一种是重装Centos7版本，另一种是将系统升级到最新版即Centos Stream8版本。 重装Centos需要打开服务器控制台，我的是阿里云的，找到重置系统部分选择Centos7.x的系统，然后输入手机验证码即可进行更换。这种方式的优点是简单，方便；缺点是需要将自己的站点进行迁移，工作量较大。 升级Centos到最新版前最好先备份自己的站点以及数据库。然后按照下面的步骤，打开宝塔终端，一步步输入以下命令： 123456789cat /etc/re...

react的组件通信1、父组件传子组件1234567891011121314151617181920212223242526import React, {Component} from 'react'class Father extends Component{ render() { return ( <div> <Child msg="我是父组件中的数据：father-data"/> </div> ) }}class Child extends Component{ constructor(props) { super(props) this.state = { message: props.msg } } ...

将下面的多维数组打开，输出去重后的结果（扁平化数组）123456789101112function fn(array, result = []) { for (let i of array) { if (Array.isArray(i)) { fn(i, result) } else { result.push(i) } } return result}let s = fn([1, 2, 3, [1, 2, 2, 3, [4, 5, 6]]])console.log([...new Set(s)]); 使用递归实现。将需要转化的数组以及结果作为参数传进去。然后循环数组中的每一项，判断是不是一个数组，如果是，则调用fn，否则将这项push到result数组里面，并return出来。

1、斐波拉契数列的描述斐波那契数列（Fibonacci sequence），又称黄金分割数列，因数学家莱昂纳多·斐波那契（Leonardo Fibonacci）以兔子繁殖为例子而引入，故又称为“兔子数列”，指的是这样一个数列：0、1、1、2、3、5、8、13、21、34、…… 2、斐波拉契数列的几种实现方法2.1 递归1234567let Fib = (number) => { if (number <= 1) { return 1 } return Fib(number - 1) + Fib(number - 2)}console.log(Fib(5)); 这个方法存在一定的弊端，若数字过大，程序的性能就很差。原因是递归是自身调自身，需要保存成百上千个调用帧，容易发生栈溢出错误。 2.2 尾递归（尾调用）1234567let Fib = (number, a1 = 1, a2 = 1) => { if (number <= 1) { re...

栈1、基本含义栈遵循后进先出的规则（LCFO），元素从栈顶进入，先进入的元素会慢慢向栈底的方向移动，后进的元素会从栈顶出去。简单的示意图： 入栈顺序是从上到下，出栈刚好相反。 在JavaScript中，入栈可以看成数组尾部添加即push；出栈可以看成pop； 2、举个例子1234567891011121314151617181920212223242526272829class Stack { constructor() { this.arr = [] } add(ele) { this.arr.push(ele) } del() { return this.arr.pop() } clear() { return this.arr.length = 0 } isemply() { return this.arr.length === 0 }...

1、第一组1、jquery中的$是什么意思在JQuery中，“$”就是jQuery的别称，是jQuery库提供的一个回传函数，定义为“选取”，是“selector”的缩写；语法“$ (selector)”，作用是根据“ ()”里的参数进行查找和选择html文档中的元素。 2、圣杯布局、等高布局写法123456789101112131415161718192021222324252627282930313233// 圣杯布局<style> .father{ padding: 0 300px 0 200px; } .son_left, .son_center, .son_right{ position: relative; float: left; height: 300px; } .son_center{ width: 100%; background-color: palevioletred;
...

1、后端使用express生成器1.1、后台node项目部署 在node项目里安装cors依赖（跨域）npm install cors --save，在app.js文件中使用var cors = require('cors'); app.use(cors()); 在宝塔面板的wwwroot目录里新建一个文件夹，将node项目上传到这个文件夹中。 打开软件商店，安装nginx和pm2管理器 在宝塔面板安全和服务器的安全组这里开放后台项目端口 打开pm2管理器，添加项目，选择启动文件（如果是express建立的，则选择bin/www）app.js；运行目录选择项目目录；点击提交； 点击模块，选择管理，选择一键安装依赖 选择项目映射，输入域名（需要在域名解析里），然后提交即可。 1.2、前台vue项目部署 配置axios中的默认地址为项目后台的地址 在本地vue项目的根目录下创建vue.config.js，代码如下： 1234567891011121314module.exports = { devServer: { ...

1、等高布局1.1 代码 等高布局是指子元素在父元素中高度相等的布局方式 123456789101112131415161718192021222324252627282930313233<div class="father"> <div class="f1"> 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 </div> <div class="f2"> 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款...

1、HTML5新标签和属性1.1 兼容性前缀与语义化 兼容低版本的写法.比较新的浏览器，可以直接写.兼容性前缀,是每个浏览器私有的。 内核 兼容性前缀 浏览器 Gecko -moz- Firefox Webkit -webkit- Chrome、Safari Presto -o- Opera Trident -ms- IE 语义化：根据页面的结构，选择合适的标签，这就是语义化。如标题使用h1-h6 1.2 新增的标签 浏览器要求，最新的浏览器 ie9:包含ie9 ie8以下都不支持,包括ie8。 1.2.1 音频标签 音频标签属性： 属性 说明 src 加载音频的路径 controls 控制音频的显示 loop 定当音频/视频结束后将重新开始播放 muted 音频处于静音状态 音频标签支持音频的格式： 格式 MIME-type 最新的浏览器支持情况 Ogg audio/ogg Chrome、Firefox、Opera10+ MP3 audio/mpeg Ch...