Faith Hesper
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can:smile: find the answer in troubleshooting or you can ask me on GitHub.
Hexo官方文档
# 本地预览
hexo s
# 使用 Hexo 生成静态文件快速而且简单
hexo g
# Hexo 能够监视文件变动并立即重新生成静态文件,在生成时会比对文件的 SHA1 checksum,只有变动的文件才会写入。
hexo g --watch
# 清空 hexo g 生成的内容,内容在 root/public
hexo clean
# 将本地生成 url 链接推送到百度,让百度爬取其中的内容进行索引
hexo d
# 根据 标题名称 在root/source/_post 生成 markdown 文件
hexo new 标题名称
hexo new po ...
前端知识点
前端知识点
Typora快捷键
Typora快捷键包括菜单栏、文件、编辑、段落、格式、视图等
Tools
一些实用工具
React
reactuseState语法
count: 数据状态
setCount: 修改count的专有函数
useState中的参数是作为状态count的初始值
[count,setCount] 这里的写法是一个解构赋值useState返回值是一个数组
名字可以自定义
顺序不可调换
首次渲染:
首次渲染的时候,组件内部的代码会被执行一次
首次渲染时会执行useState,初始化数据状态,且初始值只在首次渲染时生效
更新渲染:
组件会被再次渲染,setCount会被再次执行
useState 再次执行,得到新的状态count的值
示例基础用法const [count,setCount] = useState(0)
import { useState } from 'react';
export default function Counter() {
const [count, setCount] = useState(0);
function handleClick() {
setCount(count + 1);
}
return (
...
数组方法
数组方法
添加、移除数组元素
arr.push():从尾端添加元素
arr.pop():从尾端删除元素
arr.shift():从首端删除元素
arr.unshift():从首端添加元素
splice
arr.splice方法可以说是处理数组的瑞士军刀。它可以做所有事情:添加,删除和插入元素。 改变原数组
语法是
arr.splice(start[deleteCount,elem1,...,elemN])
start:开始修改的索引位置
deleteCount:删除格式
elem1:要插入的数
let arr = ["I", "study", "JavaScript", "right", "now"];
// 删除数组的前三项,并使用其他内容代替它们
arr.splice(0, 3, "Let's", "dance");
alert( arr ) // 现在 ["Let's", "dance", "right", "now"]
splice会改变原数组,返回的是被删除的数
slice
arr.slice方法,将从索引 start 到 end(不包括 end)的数组项复制到一个新 ...
Html
src和href的区别src和href都是用来引用外部的资源,它们的区别如下:
src: 表示对资源的引用,它指向的内容会嵌入到当前标签所在的位置。src会将其指向的资源下载并应⽤到⽂档内,如请求js脚本。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执⾏完毕,所以⼀般js脚本会放在页面底部。
href: 表示超文本引用,它指向一些网络资源,建立和当前元素或本文档的链接关系。当浏览器识别到它他指向的⽂件时,就会并⾏下载资源,不会停⽌对当前⽂档的处理。 常用在a、link等标签上
script标签中defer和async的区别如果没有defer或async属性,浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素,读取到就会开始加载和执行,这样就阻塞了后续文档的加载
defer 和 async属性都是去异步加载外部的JS脚本文件,它们都不会阻塞页面的解析,其区别如下:
执行顺序: 多个带async属性的标签,不能保证加载的顺序;多个带defer属性的标签,按照加载顺序执行
脚本是否并行执行:\async属性,表示*后续文档的加载和执行与js ...
计算机网络
计算机网络
CSS
css
Linux
[TOC]
linux环境部署Redis依赖安装Redis由C语言编写,需要gcc编译器,先排查是否安装gcc
gcc --version
出现如下所示类似文字说明系统已有gcc无则安装
yum install gcc
安装Redis
选择redis安装文件夹
cd /home/redis
下载Redis压缩包
wget http://download.redis.io/releases/redis-6.0.3.tar.gz
经过漫长的等待后下载完成
解压重命名
# 解压
tar -vxzf redis-6.0.3.tar.gz
# 重命名
mv redis-6.0.3 redis
编译安装
cd redis
# 编译安装
make
# make install PREFIX=/home/redis 指定安装目录
# 在 /usr/local/bin 中生成一个安装目录
cd src && make install
出现如下错误表示gcc版本过低升级gcc版本
yum -y install centos-release-scl
yum -y instal ...