<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Zeng__Yi的博客]]></title><description><![CDATA[好记性，不如烂笔头]]></description><link>https://blog.youkuaiyun.com/Zeng__Yi</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Zeng__Yi]]></copyright><item><title><![CDATA[centos 云服务器的使用-nginx的安装及使用]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/120034032</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/120034032</guid><author>Zeng__Yi</author><pubDate>Wed, 01 Sep 2021 11:08:51 +0800</pubDate><description><![CDATA[昨天买了一个腾讯云的云服务器，写一下nginx的安装步骤。

nginx的安装

本次nginx的安装位置为/usr目录下

nginx的相关环境安装


yum -y install gcc pcre-devel zlib-devel openssl openssl-devel

安装成功：

下载nginx的安装包

相关的nginx的版本：http://nginx.org/en/download.html



主线版本-稳定版本-历史版本-本次安装为稳定版本1.20.1

下载ngin...]]></description><category></category></item><item><title><![CDATA[TypeScript使用中 报 does not exist on type ‘Window & typeof globalThis‘错误的解决方法]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/113994048</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/113994048</guid><author>Zeng__Yi</author><pubDate>Tue, 23 Feb 2021 16:17:58 +0800</pubDate><description><![CDATA[在ts项目中使用js引用的百度地图api的时候 报异常：



简单的解决方法：

1，

constwin:any=window

constBMapGL=win.BMapGL

2，

constBMapGL=(windowasany).BMapGL





  
]]></description><category></category></item><item><title><![CDATA[React+TypeScript+antDegin4+Redux+axios的后台管理系统的模板]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/106114537</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/106114537</guid><author>Zeng__Yi</author><pubDate>Wed, 20 May 2020 14:13:42 +0800</pubDate><description><![CDATA[搭建步骤：

1，安装和初始化


yarn create react-app admin-model-ts --template typescript



出现这个就项目初始化完成，基本的react项目就完成了

进入项目admin-model-ts项目中，完善项目所需要的依赖

2，引入 antd


yarn add antd

按需加载配置

先装依赖：


yarn add react-app-rewired customize-cra


yarn add babel-plugin...]]></description><category></category></item><item><title><![CDATA[react+typeScript框架config-overrides中设置Alias路径 报错的解决方法]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/106197891</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/106197891</guid><author>Zeng__Yi</author><pubDate>Mon, 18 May 2020 17:55:07 +0800</pubDate><description><![CDATA[该框架使用的是 customize-cra和react-app-rewired。

设置Alias路径：


const {
    override,
    addWebpackAlias
} = require('customize-cra');
const path = require('path')
module.exports = override(
    addWebpackAlias({
        ['@']: path.resolve(__dirname, './src'),
  ]]></description><category></category></item><item><title><![CDATA[node通过Puppeteer生成pdf文档]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105729488</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105729488</guid><author>Zeng__Yi</author><pubDate>Fri, 24 Apr 2020 15:44:26 +0800</pubDate><description><![CDATA[最近个人做了个微信小程序简历，考虑到面试的时候需要纸质的简历，就要实现导出pdf的简历。后端是使用node的koa框架写的，在实现的过程中有测试过html2canvas，但是分页会截断。很不友善，最后使用puppeteer实现生成简历的pdf功能。

插件：

koa-views：模板渲染，渲染出要生成pdf的页面

puppeteer：将渲染的页面生成PDF

koa-send：将生成的PDF返...]]></description><category></category></item><item><title><![CDATA[阿里云服务器（centos7）的使用（7）一Puppeteer导出PDF的部署和使用]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105661354</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105661354</guid><author>Zeng__Yi</author><pubDate>Tue, 21 Apr 2020 16:58:38 +0800</pubDate><description><![CDATA[最近做的个人项目微信简历，实现用户将自己的简历导出成PDF的功能 预览

直接使用 npm install puppeteer 会报异常。

解决思路：1，先安装chrome

2，再安装puppeteer

一，安装Chrome

1，创建Rep源


sudo touch /etc/yum.repos.d/google.repo

2，使用vi打开文件填入内容


$ sudo vi /et...]]></description><category></category></item><item><title><![CDATA[Css实现两种常见的箭头样式的思路及代码]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105506930</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105506930</guid><author>Zeng__Yi</author><pubDate>Tue, 14 Apr 2020 10:58:01 +0800</pubDate><description><![CDATA[实现的效果图：



第一种：

思路：将border设置好，通过使其他三边的颜色设置为透明（transparent）。

向上：

.arrow-top{

border:20pxsolidblack;

width:0px;

height:0px;

border-top-color:...]]></description><category></category></item><item><title><![CDATA[Web网页、安卓、ios、平板等的网站图标制作Favicon.ico]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105427158</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105427158</guid><author>Zeng__Yi</author><pubDate>Fri, 10 Apr 2020 11:37:38 +0800</pubDate><description><![CDATA[本文介绍如何制作准确的制作网站的图标、软件的图标等。

演示：

1，电脑浏览器的网站图标

-查看



2，手机浏览器的网站图标



3，ios的软件图标



4，安卓的软件图标



5，mac的safari图标



实现方法：

1，工具：

Favicon Generator：https://realfavicongenerator.net/



2，访问链接：

点击selec...]]></description><category></category></item><item><title><![CDATA[微信小程序【My简历】的功能简介]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105406001</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105406001</guid><author>Zeng__Yi</author><pubDate>Thu, 09 Apr 2020 12:00:13 +0800</pubDate><description><![CDATA[一、背景简介：

 当需要找工作或者换工作的时候，发出去的简历文件通常为word格式会pdf格式。对方接到简历文件的时候，预览不是很方便。还要提示下载软件。（反正我比较烦下载软件）使用微信小程序可以方便的将自己的简历发送他他人。对方只需点击进入小程序就可以查看到你的简历信息。

二、功能介绍：

1，进入小程序

扫描二维码或者在微信小程序页面搜索‘My简历’，即可进入小程序



2，登陆小程...]]></description><category></category></item><item><title><![CDATA[antd-vue中表格的使用]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105268829</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/105268829</guid><author>Zeng__Yi</author><pubDate>Thu, 02 Apr 2020 14:57:04 +0800</pubDate><description><![CDATA[效果图：

一，基本的使用

代码：

&lt;a-tablebordered:dataSource="userList":columns="columns"rowKey="id":pagination="false"&gt;

&lt;templateslot="sort"slot-scope="text,record,index"&gt;{{index+1}}&...]]></description><category></category></item><item><title><![CDATA[Vue项目调用腾讯地图服务（关键词提示服务）及使用axios的跨域问题]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103918915</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103918915</guid><author>Zeng__Yi</author><pubDate>Fri, 10 Jan 2020 09:59:03 +0800</pubDate><description><![CDATA[一，需求：

输入学校名称，调用腾讯地图的关键词提示服务选择学校的地址，项目需要学校地址的坐标。

腾讯地图服务官网api

二，实现：

（一）使用axios请求接口：

schoolNameChange(e){

constthat=this;

constschoolName=e.target.value;

this.schoolNam...]]></description><category></category></item><item><title><![CDATA[阿里云服务器（centos7）的使用（6）一nginx部署react的项目]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103767185</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103767185</guid><author>Zeng__Yi</author><pubDate>Mon, 30 Dec 2019 16:00:09 +0800</pubDate><description><![CDATA[预览

一，前端打包：

1,大部分的打包命令都是：yarn build 或者 npm run build

然后在当前目录文件会生成build文件夹或dist文件夹





二，上传服务器：

将文件上传到服务器中，上传工具可以使用FileZilla。



三，配置nginx配置

我的nginx安装在/usr/local的目录下

在nginx/conf 下使用vim nginx.con...]]></description><category></category></item><item><title><![CDATA[react中antd Table表格的行列合并，常用的方法和遇到的问题]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103726923</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103726923</guid><author>Zeng__Yi</author><pubDate>Fri, 27 Dec 2019 10:33:03 +0800</pubDate><description><![CDATA[1，注意事项

表头只支持列合并，使用 column 里的 colSpan 进行设置。

表格支持行/列合并，使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时，设置的表格不会渲染。

2，表格的列合并

1，效果图：



在第十行，将前两列合并

2，实现方法：

在columns属性中render方法中设置

const columns=[

...]]></description><category></category></item><item><title><![CDATA[Vue的常见问题：console.log报错]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103680324</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103680324</guid><author>Zeng__Yi</author><pubDate>Tue, 24 Dec 2019 11:39:12 +0800</pubDate><description><![CDATA[异常图片:

主要原因是eslint的曝出的异常没有通过eslint的校验

解决方法：

方法一：使用window.console.log代替console.log

方法二：将eslint不校验console.log 在package.json 页面下的eslintConfig中的rules下设置 ："no-console":"off"



然后重新编译项目就可以了
...]]></description><category></category></item><item><title><![CDATA[阿里云服务器（centos7）的使用（5）一node项目的部署及forever守护node服务]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103489587</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103489587</guid><author>Zeng__Yi</author><pubDate>Wed, 11 Dec 2019 12:04:30 +0800</pubDate><description><![CDATA[一，node服务的部署

1，使用FileZilla上传node的服务代码到服务器文件夹中



我的node项目上传到服务器的路径为/usr/web/nodeResume/

上传的时候不要上传node的依赖包，即：node_modules

2,安装node项目的依赖

到/usr/web/nodeResume目录下 使用命令：npm install



3，安装完成 启动

可以使用nod...]]></description><category></category></item><item><title><![CDATA[基于高德地图实现热力地图和标记点显示文字]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103313325</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103313325</guid><author>Zeng__Yi</author><pubDate>Fri, 29 Nov 2019 16:57:13 +0800</pubDate><description><![CDATA[效果图：



点击预览实例

实现方法：

1，需要注册高德的开发者账号

2，申请使用的key：方便地图个性化的设置

3，代码：

&lt;head&gt;

&lt;linkrel="stylesheet"href="https://cache.amap.com/lbs/static/main1119.css"/&gt;

&lt;scriptsrc="https://webap...]]></description><category></category></item><item><title><![CDATA[解决Mixed Content: The page at。。。。HTTPS中包含http的不安全问题]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103312161</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103312161</guid><author>Zeng__Yi</author><pubDate>Fri, 29 Nov 2019 15:58:27 +0800</pubDate><description><![CDATA[在将写好的静态页面使用github部署显示时，因为gitHub是https的，而在静态网页中有引用http的包，报错如下：



主要就是https中包含http，就不安全了，

解决方式：

1，在header中：

&lt;metahttp-equiv="Content-Security-Policy"content="upgrade-insecure-requests"&gt;

2，一...]]></description><category></category></item><item><title><![CDATA[阿里云服务器（centos7）的使用（4）一MySQL的安装]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103256584</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103256584</guid><author>Zeng__Yi</author><pubDate>Tue, 26 Nov 2019 16:02:41 +0800</pubDate><description><![CDATA[在mysql安装前如果之前安装过mysql，就要把mysql全部都删除。

1，下载mysql安装包

rpm -ivh http://dev.mysql.com/get/mysql57-community-release-el7-8.noarch.rpm

2，安装mysql

yum install -y mysql-server

3，设置开机启动Mysql

systemctl enabl...]]></description><category></category></item><item><title><![CDATA[阿里云服务器（centos7）的使用（3）一MySQL的常用命令]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103202614</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103202614</guid><author>Zeng__Yi</author><pubDate>Fri, 22 Nov 2019 17:39:38 +0800</pubDate><description><![CDATA[项目中使用的是MySQL数据库，所以对MySQL的常用命令总结：

1，用root账号以密码方式登录MySQL

 mysql -u root –p



2，显示所有的数据库：

show databases;



注：所有的mysql命令都要以;结尾，不然不会执行。

3，创建数据库

create database &lt;数据库名&gt;;

例如创建school的数据库: crea...]]></description><category></category></item><item><title><![CDATA[阿里云服务器（centos7）的使用（2）一安装Node环境v-12.13.0]]></title><link>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103162430</link><guid>https://blog.youkuaiyun.com/Zeng__Yi/article/details/103162430</guid><author>Zeng__Yi</author><pubDate>Wed, 20 Nov 2019 15:07:48 +0800</pubDate><description><![CDATA[本文是在/root/app文件下安装node v-12.13.0版本。

1，登陆进入云服务器，默认是在root的目录下



2，创建一个文件app文件夹 mkdir app

3,查看当前目录下的文件夹 ls



4，已经有app文件夹了，进入app文件夹 cd app



[]中括号里最后面的是表是当前在什么文件里 app 表示当前在app文件里 ~ 表示当前在root文件里

5，下...]]></description><category></category></item></channel></rss>