火星基地

最近写了一个「个人博客系统」，后台使用的是「腾讯云开发CloudBase」+「Webify自动部署」，本文简单记录一下我使用Webify部署个人博客的经历。1. 准备工作首先将个人博客系统的代码推送到「GitHub」或者「Gitee」等代码托管平台，并在「云开发CloudBase」上注册腾讯云帐号，开通CloudBase服务。2. 创建应用进入「Webify」，首先要添加「GitHub」或「Gitee」等平台的授权：然后选择从Git仓库导入应用，选择代码存放的仓库，进行导入即可：我的个人博客

如果我们项目中使用react-router，使用路由进行页面的跳转，跳转后的页面并一定在顶部，而是在跳转前页面的相同位置。这是因为两个页面共享了同一个history，导致浏览的位置也被记录下来了，显然这样用户体验极差。但是也很好解决，在跳转后的组件中，让其自动回到顶部即可。使用函数组件：// 返回顶部useEffect(() => { window.scrollTo(0, 0);}, []);使用类组件：componentDidMount(){ // 返回顶部

1. 前言最近在写一个博客系统，在「评论」模块中，有这样一个需求：有用户1已经评论留言，用户2在用户1的评论下，给用户1回复评论。这时候需要发一封邮件通知用户1的评论收到了回复，所以就想写一个自动发邮件的功能。在网上找到了「Nodemailer」这个项目，「Nodemailer」是一个简单易用的Node.js邮件发送组件，可以使用SMTP协议，用指定的账户发送电子邮件。但是「Nodemailer」只能运行在Node.js环境中，在浏览器中直接使用会报错，使用不了。所以我的想法是，在自己的「阿里云服务

先安装antd：yarn add antd再安装相关插件：yarn add react-app-rewired customize-cra babel-plugin-import修改项目中package.json文件：/* package.json */"scripts": {- "start": "react-scripts start",+ "start": "react-app-rewired start",- "build": "react-scripts buil

1. 前言最近在用React写一个小项目时，遇到了这样的需求：在某个组件中引入外部js文件，也就是引用一个或多个script标签。这些script标签仅供某个组件使用，所以不想在html页面中直接引进来，想就在相应的React的函数组件中引入，查阅了相关资料，找到了以下可行办法。2. 动态创建script标签并执行在组件挂载时，动态创建script标签，并设置标签的src属性，若不是外部文件，还可以设置innerHTML，然后追加到body标签的最下面。在组件即将卸载时，移除这个标签。❗❗❗注意

在浏览器地址栏输入：https://api.github.com/repos/用户名/仓库名比如输入https://api.github.com/repos/lzxjack/React-TodoList，返回JSON格式的信息，在created_at中即可看到该仓库的创建日期：

在textarea标签的onkeydown事件中，阻止回车的默认行为即可。<textarea onkeydown="if (event.keyCode === 13) event.preventDefault();" />

默认情况下，设置父盒子有滚动条，若父盒子中的内容超出容器的高度时，滚动条默认在顶部，如图所示：想要出现滚动条时，滚动条默认在底部，显示最新的内容，效果如下：只需在按钮的单击事件里，添加一行代码即可：div.scrollTop = div.scrollHeight。完整代码：<div id="textBox"></div><button id="btn">插入文字</button><script> const btn = do

使用腾讯云 CloudBase开发React的Web项目，将编译后的目录放入 CloudBase 的静态网页托管中。但由于使用了BrowserRouter，刷新页面后会出现 404 页面。方法一：使用HashRouter<HashRouter> <App /></HashRouter>方法二：继续使用BrowserRouter，但腾讯云 CloudBase 需要做一些设置。点击静态网站托管中的基础配置，在路由配置中添加一条重定向规则如下：错误码40

安装依赖yarn add react-app-rewired customize-cra babel-plugin-import less less-loader修改package.json...."scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-scripts e.

1. 为什么我要持续部署通过Hexo搭建的个人博客，虽然很强大、很方便，输入hexo clean&&hexo g -d就能快速生成静态页面并部署访问。但Hexo生成的是静态页面，无后端，这些工作都是在本地的电脑上操作的，如果更换电脑了，还需要在github上冲下拉取源代码，重新搭建环境再部署。若电脑不在身边想要随时编辑文章，就有点困难了。另外，每次在本机部署完，还要将源代码push到仓库。这样操作显然是有些繁琐的。好在Github Actions提供了解决方案，可以为仓库添加自动化的操作

之前我需要更新博客时，都需要在命令行切换到博客根目录输入hexo clean、hexo g等命令，才能实现清除缓存、生成静态文件等操作。后来知道了可以直接输入hexo clean&&hexo g&&hexo d，直接完成整套过程，但每次更新还是要手动输入。再后来学到了一个编写脚本的方法，可以一键运行，自动实现整个过程。只需要双击运行，就可以做其他事情了，部署完成后命令行自动关闭。实现方法新建txt文本文件，将后缀改为.bat，编写如下代码，分别实现一键本地预览、一键部

在JavaScript中，如果判断0.1 + 0.2 === 0.3，结果是false，就像这样：console.log(0.1 + 0.2 === 0.3); // falseconsole.log(0.1 + 0.2); // 0.30000000000000004这是怎么回事呢？0.1 + 0.2竟然不等于0.3？是程序出问题了吗？原来JavaScript采用的是IEEE754的64位双精度版本，由三部分组成：1位数符：标记正负，0为正，1为负11位阶码：数字的整数部分52位尾数：数

最近购买了阿里云的云服务器和域名，自己折腾搭建博客，这里我把搭建的过程记录分享一下。这是我搭建的博客，欢迎大家来访问呀！！！一、本地电脑1. 安装node.js浏览器进入https://nodejs.org/en/，安装LTS（Long Term Support）版本，稳定。按住win+R，输入cmd，进入cmd命令行工具，输入node -v查看node版本，若出现版本信息，则说明node安装成功。2. 安装hexo在cmd命令行中输入npm install hexo-cli -g，安装

运行npm run dev提示报错：解决办法：依次输入一下命令：npm uninstall webpacknpm uninstall webpack-clinpm uninstall webpack-dev-servernpm i webpack@4.32.2 -Dnpm i webpack-cli@3.3.2 -Dnpm i webpack-dev-server@3.5.1 -D尝试运行：npm run dev成功解决！...

使用以下代码启动数据库，会提示报错信息：mongoose.connect('mongodb://localhost/playStudent', ) .then(() => console.log('数据库连接成功！')) .catch(() => console.log('数据库连接失败！'));解决办法：在js中mongoose.connect添加参数{ useUnifiedTopology: true, useNewUrlParser: true }mongoos

安装了nodemon第三方库以后，使用nodemon .\01.helloworld.js命令，出现如下错误：解决办法：管理员身份打开powerShell将鼠标定位到左下角“开始菜单”处，右键，选择“Windows PowerShell（管理员）(A)”，输入set-ExecutionPolicy RemoteSigned回车：输入A，回车：验证一下：问题已解决！...