- 博客(32)
- 收藏
- 关注
RSS订阅原创 a simple chat function
描述：实现一个简单的聊天室功能，可以实时的接收到其他user发送的信息，可以查看源码，效果如下图：涉及到的技术：back end: express socket.io sequelize jasminefront end: bootstrap实现的关键点：设置好监听端口，浏览器localhost:3000访问时，返回404，添加index.html入口页面 app.use(express.static(__dirname)) post请求，req.body={}, 需要.
2021-10-08 16:58:16
189
原创 添加了urlencoded之后，出现以下错误，多了前面的[Object: null prototype]
问题：解决方案：plan A：extended传为true, true/false代表使用解析的library不一样: qs/querystringapp.use(bodyParser.urlencoded({extended: true}))plan B: 采用规避手段if (req.body.__proto__ === undefined) { Object.setPrototypeOf(req.body, new Object());}plan C: 设置ajax的Con.
2021-10-08 16:16:00
252
原创 Error Code: 1364. Field ‘createdAt‘ doesn‘t have a default value
问题：执行数据插入逻辑时，出现以下错误失败结论：由于sql mode为STRICT_TRANS_TABLES导致的查询当前的sql modeselect @@GLOBAL.sql_mode;设置sql modeSET GLOBAL sql_mode = '';截图如下：重新设置sql mode后，执行插入： 可以成功插入数据，但是依然有错误提示—待后续更新—...
2021-10-07 17:13:15
865
原创 通过修改nginx配置实现http访问自动跳转到https访问
实现如下图：1 加上一行： rewrite ^(.*) https://$server_name$1 permanent;2 nginx -s reload
2021-09-25 22:43:02
148
原创 问题： FirewallD is not running
【重点】：本文参考浮沉问题描述：执行如下命令时报错irewall-cmd --zone=public --add-port=443/tcp --permanent解决方案：1 查看firewalld状态:如果是dead状态，即防火墙未开启。systemctl status firewalld2 开启防火墙systemctl start firewalld3再次确认防火墙的状态，active就是ok的然后就可以很愉快的执行最开始的命令了...
2021-09-25 22:33:54
97
原创 通过openssl生成免费证书
【重要】此文参考Vincent.李-Windows下Nginx配置SSL实现Https访问（包含证书生成）1: 创建私钥;idiotadam自定义，输入密码后，再次重复输入确认密码。记住此密码，后面会用到openssl genrsa -des3 -out idiotadam.key 10242： 创建csr证书,输入的信息中最重要的为 Common Name，这里输入的域名即为我们要使用https访问的域名openssl req -new -key idiotadam.key -out id
2021-09-25 22:19:45
124
原创 centos开启443端口
1: iptables -I INPUT -p tcp --dport 443 -j ACCEPT2: service iptables save 保存配置保存可能会出现如下错误：参考鳌园的博客无法执行的原因是/etc/sysconfig/iptables 这个文件还没有生成呢。iptables需要升级1): systemctl stop firewalld2): yum install iptables-services3): systemctl enable iptables..
2021-09-25 21:51:52
1547
原创 centos修改时区
rm -rf /etc/localtimeln -s /usr/share/zoneinfo/Asia/Shanghai /etc/localtime 设置为上海时间date 查看修改后得时间
2021-09-23 21:18:36
62
原创 浏览器无法访问nginx
1 查看nginx进程是否还在ps aux|grep nginx2 查看80端口是否被占用netstat -ntlp3 通过查看进程ok， 端口也没有被占用对80端口进行防火墙配置firewall-cmd --zone=public --add-port=80/tcp --permanent重启防火墙服务systemctl restart firewalld.service...
2021-09-19 19:18:52
506
原创 安装nginx所需的环境
安装nginx所需的环境：一. gcc 安装安装 nginx 需要先将官网下载的源码进行编译，编译依赖 gcc 环境，如果没有 gcc 环境，则需要安装：yum install gcc-c++二. PCRE pcre-devel 安装PCRE(Perl Compatible Regular Expressions) 是一个Perl库，包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式，所以需要在 linux 上安装 pcre 库，pcre-d
2021-09-19 19:15:31
848
原创 nginx启动提示nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)
killall -9 nginx #杀掉nginx进程/usr/local/nginx/nginx-1.8.0/sbin/nginx #然后启动
2021-09-18 14:03:10
171
原创 centos配置nginx
步骤如下1 安装PCRE库cd /usr/local/libwget http://jaist.dl.sourceforge.net/project/pcre/pcre/8.33/pcre-8.33.tar.gztar -zxvf pcre-8.33.tar.gzcd pcre-8.33./configuremake && make install./configure出现如下错误：解决办法：yum install -y gcc gcc-c++2 安装SS
2021-09-18 14:00:32
86
原创 怎么解决 Found a swap file by the name “/etc/.profile.swp”
问题：在vim etc/profile时，出现如下所示的错误;方案：在终端输入rm -f /etc/.profile.swp然后回车，再进入vi编辑器提示就消失了；rm -f /etc/.profile.swp原因：为之前打开 profile 时，强行中断导致的，在 etc 目录下产生了一个 .profile 的隐藏文件，使用 ls -a可以查看...
2021-09-18 12:04:30
1835
转载 linux的usr目录
Linux 系统的/usr目录/usr不是user的缩写，其实usr是Unix Software Resource的缩写， 也就是Unix操作系统软件资源所放置的目录，而不是用户的数据；所有系统默认的软件都会放置到/usr, 系统安装完时，这个目录会占用最多的硬盘容量目录应放置文件内容/usr/X11R6/为X Window System重要数据所放置的目录，之所以取名为X11R6是因为最后的X版本为第11版，且该版的第6次释出之意。/usr/bin/绝大部分的用户可使用指
2021-09-18 11:44:47
2863
1
原创 linux命令笔记
1 递归创建目录，即使上级目录不存在，会按目录层级自动创建目录mkdir -p2 解压xz格式的压缩包xz -d node-v6.9.1-linux-x64.tar.xztar -xvf node-v6.9.1-linux-x64.tar3 source命令（从 C Shell 而来）是bash shell的内置命令. 点命令，就是一个点符号，是source的另一名称。这两个命令都以一个脚本为参数，该脚本将在当前shell的环境执行，即不会启动一个新的子shell。所有在脚本中设置的变量都
2021-09-18 11:31:34
47
原创 npm install时出现.staging文件
问题：在安装npm install时，在node_modules目录下只有.staging文件方案：查看node安装日志，找到报错，针对错误日志解决解释：首先 npm install的时候最好都是用系统的控制台而不是其他的控制台，比如git bash或者VScode里面的终端。如果用这些，那么执行命令时首先会走这些软件，那么不是直接去链接这些包资源，仿佛中间隔了一堵墙，增加了困难，再加上网速受限的话，要么报错，要么出现staging，好一点的顶多速度慢一些，但是这也会影响效率。.s.
2021-09-18 09:44:31
3064
转载 /etc/profile和/etc/profile.d 的区别
问题：在配置环境变量时，需要编辑/etc/profile,其实/etc/profile和/etc/profile.d都是可以配置环境变量的，两者有什么区别呢结论：/etc/profile 是文件， /etc/profile.d/ 是目录，用在设置环境变量方面，/etc/profile 文件和 /etc/profile.d/ 目录实现效果是一样的，可根据自己对环境变量配置的需求场景，选择一种最好的方式来配置环境变量，一般应用场景下，全局变量配置于 /etc/profile.d 目录下是最佳的实践方式，.
2021-09-18 09:36:49
486
1
原创 centos上配置node环境变量
配置node环境变量一：配置前的准备工作1 创建node的下载目录sumkdir -p /usr/local/lib/nodejs2 下载node安装包cd /usr/local/lib/nodejswget https://nodejs.org/dist/v14.17.6/node-v14.17.6-linux-x64.tar.xz3 解压xz -d node-v14.17.6-linux-x64.tar.xztar -xvf node-v14.17.6-linux-x64.
2021-09-18 09:10:50
1453
原创 Xshell如何连接虚拟机创建会话
1 打开Xshell软件，点击左上角的文件->新建，如下图：名称 – 随意主机 – 对应服务器的IP重新连接 – 随意2 如上图，点击用户验证3 在刚刚新建的会话出右键打开即可
2021-09-17 22:31:05
1838
原创 create react app项目中fetch请求本地json数据报错
fetch请求本地json数据报错export const getInitToDoLists = (localUrl) => { fetch(localUrl) .then(res => res.json()) .then(data => { console.log('local data', data) })}错误提示信息如下：解决方案：将对饮的json数据置于public目录下，使用fe
2021-08-16 14:43:37
637
原创 mobx中observable数据更新，响应式组件未更新
mobx中observable数据更新，响应式组件未更新先上代码，说明问题：store：@observable toDoLists = []@computed get toDos() { const [ALL, DONE, UNDONE] = this.filterTypes; switch (this.filterType) { case DONE: return this.toDoLists.filter(item => !!item.don
2021-08-13 15:13:13
1345
原创 问题：@action.bound中的this指向
问题：@action.bound中的this指向先看代码截图：问题描述: 直接执行fn5函数，此时actionTest中返回的this指向undefined；将actionTest作为参数传入响应式组件Input，此时执行fn5函数发现this指向actionTest类思考：与observer装饰器有没有关系？？？对比@action， @action.bound, arrow fn, 普通函数代码如下：class ActionTest{ fn1() { consol
2021-08-13 14:51:18
736
原创 mobx - Leading decorators must be attached to a class declaration
mobx - Leading decorators must be attached to a class declaration当在函数组件前使用装饰器时，包如下错误错误截图如下：
2021-08-12 18:32:45
1102
1
原创 如何支持decorators属性
如何支持decorators属性1. vscode支持decorators方法1)：设置vscode 方法2)：添加jsconfig.json支持experimentalDecorators{ "compilerOptions": { "target": "esnext", "experimentalDecorators": true }, "exclude": ["node_modules"]}2. create-react-app支持
2021-08-12 18:19:31
76
原创 构建项目目录到markdown文件
构建项目目录到markdown文件安装构建工具npm install -g tree-node-cli在需要构建的项目目录下运行命令tree -L 3 > README.mdL表示目录的层级深度，保存到README.md文件中查看运行后的效果
2021-08-12 14:18:53
139
原创 vscode查看markdown文件
vscode查看markdown文件非常easy， follow me！！！在extensions中输入Markdown Theme Kit，点击install重启vscodectrl + shift + v 即可查看markdown文件效果ok 了
2021-08-12 14:07:25
1174
原创 localStorage与cookie的区别
localStorage与cookie的区别1 可允许的最大存储量 cookie单个的最大存储为4k，如果大于4k，则存储失败，浏览器中找不到对应的cookie信息； localStorage的最大存储为5m。如果大于这个最大限制浏览器提示出错2 存储时间cookie默认是会话级存储（如下图，与tab页共存亡），可以设置过期时间localStorage是持久化存储，除非主动clear掉3 可操行cookie不仅仅只是存储数据，还有其他多个属性可供其操作设置： Domain与Pa
2021-07-10 12:36:53
4351
原创 安装使用react devtools的两种方式
安装使用react devtools的两种方式;作为浏览器扩展 （以chrome为例）在chrome web stroe中搜索react developer tools；重新打开对应的react应运，即可开始嗨一下了作为react-devtools app使用 在react-devtools代码仓库中，可以查看具体使用方式（当前只涉及到pc端应运）step1：建议使用cnpm npm install -g react-devtoolsstep2：添加 <script sr
2021-07-08 22:38:42
481
转载 webix overview
OverviewWebix is a cross-browser, cross-device JavaScript framework for building interactive web applications using JavaScript, CSS, HTML5 techniques. The library delivers over 80 fully customizable c...
2018-03-02 22:13:35
228
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人