- 博客(94)
- 收藏
- 关注
RSS订阅原创 Invalid hook call. Hooks can only be called inside of the body of a function component.
讲swr请求写在useEffect中遇到报错在swr issue中找到了解决方案点我跳转其中，react hooks中注明了hook调用只能在最外层Only Call Hooks at the Top LevelDon’t call Hooks inside loops, conditions, or nested functions.Instead, always use Hooks at the top level of your React function...
2021-08-12 14:03:54
3466
原创 nextjs如何启动https服务
next默认启动的是http，在nextjs官网查了下没有找到相关的内容。github上看到一个相关的issueHow can I use Next.js over HTTPS instead of HTTP?通过全局安装local-ssl-proxy，然后启动代理服务。比如我需要将next默认的3000端口代理到8080端口下local-ssl-proxy --source 8080 --target 3000这样就成功了，访问https://localhost:8080...
2021-08-06 17:54:05
2736
2
原创 goland配置保存自动格式化文件
1.2.在file watchers 里面点击+号选择goimports3.ide会自动下载goimports相关文件（需要翻墙），入下图圈出来的地方如果goimports下载成功就是这样子什么也不用改，直接点击ok。如果下载失败了，goimports文字会变红，这样你点击ok之后发现保存控制台会报错。那怎么办呢？①.如果你有翻墙直接打开然后在控制台运行下面的命令，再重复上面添加goimports的步骤就行了go get golang.org/x/tools/cmd/g...
2021-07-30 11:30:11
1084
原创 Could not connect to Redis at 127.0.0.1:6379: Connection refused not connected＞，Mac如何安装redis
1.redis官网下载最新稳定版（stable）,解压后在终端进入文件夹目录2.运行make命令3.sudo make install4.redis-server执行redis-server启动redis如果遇到Connection refusedCould not connect to Redis at 127.0.0.1:6379: Connection refused not connected>cp redis.conf /etccd /et.
2021-05-29 23:03:20
470
原创 pm2部署next项目
1.全局安装cliyarn global add pm22.简单启动某个node服务pm2 start app.js3.启动nextjs服务pm2 start yarn --name 任务名称（随便取） -- start4.查看运行是否正常pm2 list5.如果status状态不是online 查看log找问题pm2 logs 任务名称（可选，不填名称输出所有log）6.如果是这种报错SyntaxError: missing ) after argum..
2021-05-27 23:59:15
2992
原创 linux查看端口占用和杀死进程的办法
1.假如你知道一个服务的端口号，想关闭这个端口简言之，假如你要杀死的端口为3000，命令为：1、netstat -nlp | grep :8083 | awk '{print $7}'2、kill + 得到的PID2.假如你的node程序入口是server.js 你是通过node server.js启动的服务器，你也可以这么做kill -9 `ps -ef|grep node|grep server.js|awk '{print $2}'`...
2021-05-27 15:24:51
419
原创 html-webpack-plugin模板文件中 htmlWebpackPlugin.options.title不生效的问题
html-webpack-plugin中的 <%= htmlWebpackPlugin.options.title %> 会被html-loader当做字符串处理，所以如果想在不注释掉html-loader的情况下让<%= htmlWebpackPlugin.options.title %>生效的话，需要将模板文件改成ejs类型如果没有用到babel-loader的话这样就可以了。但如果用到了的话babel-loader又会去跑ejs文件，会报错。这里需要在配置中忽略掉e..
2021-01-04 14:48:11
4673
原创 ts和vscode设置中文错误提示
ts设置中文错误提示的话，直接命令行设置就行了yarn tsc --locale zh-CNvscode设置中文错误提示需要打开设置页面，搜索“typescript local”，然后设置中文就行了
2020-11-09 15:37:00
6309
5
原创 html2canvas移动端图片不显示问题解决办法
用的CDN上的图片，跨域了，PC端通过设置{ allowTaint: true, useCORS: true } 能正常显示。但是移动端H5截图无法正常显示图片。官网说要用代理 ，可是不想涉及后端。找了很多文章说的解决办法都不好使，最后终于找到一个说到点子上的。原文地址原文比较长，我遇到的问题是图片跨域，简单总结一下解决办法1. 首先设置useCORS: true，不需要allowTaint: true2. img标签设置crossorigin="anonymous" 属性3.清..
2020-10-27 16:06:57
2647
原创 阿里云服务器怎么不通过ssh远程链接进入服务器终端？通过VNC
进入阿里云控制台-->找到云服务器实例-->点击远程链接-->选择VNC远程链接第一次进入直接修改远程链接密码就可以了，进入之后是黑屏按任意按钮唤醒。输入你的服务器账号密码（默认root），就可以进入服务器了。...
2020-07-27 00:20:57
555
原创 ssh可以连接服务器，但是通过ftp在filezilla中连不上怎么办
服务器centos 6.9 在maxos终端下通过ssh是可以连上服务器的但是在filezilla中通过ftp的方式却连不上搜了一下，发现得用sftp协议连接，也就是这样结果还是报错了22端口是开放的，应该不是端口问题，又在网上找了下尝试去修改/etc/ssh/sshd_config配置文件。这不改还好，改完重启sshd服务，终端退出了ssh连接之后连终端ssh都连不上服务器了。哭了…（不是说这种方法不行，可能是本人操作方式太多改乱了，一通瞎改不知道改的啥）...
2020-07-27 00:17:23
2883
转载 Mac os安装MySQL数据库，系统提示mysql: command not found该怎么办
当我们安装好MySQL后，在终端输入mysql命令，发现并不能看到自己安装的数据库，这是因为你没有配置环境变量。在os系统中安装MySQL数据库默认保存在/usr/local/mysql那么我们应该如何配置环境变量呢？1、打开terminal，输入：sudo su 回车 进入系统管理员管理目录（当然你要输入你的用户密码才能进入）2、输入命令：vim /etc/profile 接着就进入到vim编辑界面3、在vim编辑界面，按i进入编辑状态，接着，就可以增加路径名称，输入命令：e...
2020-07-15 21:25:05
1723
1
原创 Client does not support authentication protocol requested by server； consider upgrading MySQL client
node查询数据库的时候报错Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client……在网上找了一下，最后确定导致这个错误的原因是我安装的mysql 8默认是“caching_sha2_password”的加密方式，但是目前node中的mysql模块不支持。所以说解决这个问题还是需
2020-07-03 00:57:44
232
原创 mysql: command not found
已经安装了mysql数据库，但是输入mysql -u root -p报错-bash: mysql: command not found这时候输入：alias mysql=/usr/local/mysql/bin/mysql再试一次mysql -u root -p，输入密码就好啦~
2020-07-03 00:50:32
262
原创 安装mysql报错无法创建测试文件cant create test file /usr/local/mysql8.0…
重装mysql的时候遇到这么个问题020-03-11T22:25:40.586329Z 0 [System] [MY-010116] [Server] /usr/local/mysql-8.0.19-macos10.15-x86_64/bin/mysqld (mysqld 8.0.19) starting as process 182612020-03-11T22:25:40.606916Z 0 [Warning] [MY-010091] [Server] Can't create test fil
2020-06-26 21:17:18
10484
1
原创 本地生成ssh秘钥
生成秘钥ssh-keygen -t rsa -C "[email protected]"查看秘钥cat ~/.ssh/id_rsa.pub把秘钥复制保存到你的github或者阿里云上
2019-11-27 10:11:15
1211
原创 linux手动释放服务器内存
[root@VM_0_16_centos ~]# sync[root@VM_0_16_centos ~]# cat /proc/sys/vm/drop_caches[root@VM_0_16_centos ~]# echo 3 > /proc/sys/vm/drop_caches
2019-11-24 09:36:29
259
原创 Linux服务器安装jenkins
https://blog.csdn.net/xishaoguo/article/details/88577459第三步复制的链接不对，需要先登录oracle，然后参考下面链接获得真实的下载地址https://blog.csdn.net/u012271526/article/details/48752361后来发现我服务器的8080端口被占用了，把端口改成了9999http://你...
2019-11-23 18:49:18
142
原创 git连接远程仓库
廖雪峰老师的git教程https://www.liaoxuefeng.com/wiki/896043488029600/898732864121440如果碰到这种情况需要在本地的host列表中添加13.229.188.59 github.comhttps://blog.csdn.net/weixin_44394753/article/details/91410...
2019-11-23 18:05:28
150
原创 mac替代xShell的ssh工具
直接用自带的终端就行啦ssh -t 用户名@IP地址 -p 端口ssh -t [email protected] -p 22根据提示输入密码就ok了
2019-11-23 13:51:00
705
转载 取消a标签在移动端点击时的背景颜色
一、取消a标签在移动端点击时的蓝色 1 2 3 4 -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-user-select:none; -moz-user-focus:none; -moz-user-select:none; ...
2019-08-06 15:41:17
401
原创 can't resolve 'core-js/modules/es6.promise' webpack编译es6报错
webpack配置es6编译时引入polyfill去兼容es6的方法，结果遇到无法编译的情况，如下图啥玩意儿？polyfill一直用得好好的怎么就出问题了？赶紧去墙外找了下，最后发现是最近corejs更新了，我安装的是最新版3.x的版本。而新版本已经废弃了polyfill，取而代之的是需要引入core-js/stable 和regenerator-runtime/runtime...
2019-04-30 17:50:22
17496
2
原创 taro中无法获取组件节点信息解决办法
最近小程序改版想尝试下taro，其中的一些坑也分享一下业务场景：设计稿如下，上面是一个图片列表我们被想用scroll-view包裹在最外层，下面是个tabbar，由于其他的一些业务需求这个tabbar是我们自定义，这个时候就遇到一个问题。小程序中的scroll-view需要给固定高度，但是我们不能写100%最简单的公式scroll-view = 页面可用高度 -...
2019-03-13 17:27:21
9720
原创 clipboard.js复制无效
今天写个页面刚好要复制邀请链接，本来已经用过很多次clipboard了，没想到居然怎么也复制不了，clipboard复制回调的success和error函数也不调用，真是郁闷了，本来小程序就遇到一个下载的坑还着急改呢。这是html结构<div class="m-wrap"> <p class="invite-url"> <span id="in...
2019-03-12 22:46:40
5833
2
原创 react代码优化
1.this.setState书写优化this.setState({ value: 1})过去我们是这样改变setState是这样写的，现在setState的参数可以写成函数的形式，在函数里面return这个对象出去，这样做的好处是性能会比之前好些this.setState(() => { return { value: 1}})另外在ES6中可以用()包裹...
2019-03-03 13:26:08
264
原创 JSX中的一些细节点
1.引入Fragment占位符，可以代替return时候最外层包裹的空标签2.react默认防止XSS攻击会把input输入框中输入的html标签转成文本，如果你有些需求场景中不需要转义成文本直接输出html标签可以使用dangerouslySetInnerHTML3.在jsx中使用label标签的for属性会被识别为循环中的for，所以我们需要把label标签的for写成ht...
2019-03-03 10:11:17
354
原创 css3文字炫彩电音效果
偶然在Maroon 5的官网看到这样的文字效果真的很酷就记录下来感兴趣的话也可以自己去看飞机票刚好在写小程序就在小程序中模仿了下html：css：.css3 { margin: 40px; font-size: 30px; color: #000; font-weight: bold; animation: dubstep 1....
2019-02-22 18:14:27
959
转载 CSS Modules 详解及 React 中实践
CSS 是前端领域中进化最慢的一块。由于 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛发展，CSS 被远远甩在了后面，逐渐成为大型项目工程化的痛点。也变成了前端走向彻底模块化前必须解决的难题。CSS 模块化的解决方案有很多，但主要有两类。一类是彻底抛弃 CSS，使用 JS 或 JSON 来写样式。Radium，jsxstyle，react-style 属于这一...
2019-01-30 13:58:13
631
原创 小程序button边框去除
之前写button都是要边框的，偶然发现有个button不需要边框但是怎么也去不掉这个边框border: 0;outline: 0;几乎有关边框的属性都试了还是没用，最后发现这个坑爹的家伙居然是写在after伪类里面的... 泪崩 button::after { border: none; }希望对有遇到一样问题的同学有所帮助，文档里也不写清除，wxnmsl...
2019-01-09 10:36:46
2298
原创 js数组剪切删除拼接替换方法汇总
1.concatconcat()方法可以基于当前数组中的所有项创建一个新的数组，具体来说，这个方法会先创建爱你当前数组的一个副本，然后将接受到的参数添加到副本的末尾，最后返回新构建的数组。在没有给concat()传递参数的情况下，它只复制当前数组并返回副本。2.sliceslice()方法能够基于当前数组中的一个或者多个项创建一个新数组，它可以接受一个或两个参数，即要返回项的起始位置和...
2018-12-20 13:51:09
2404
原创 微信小程序真机调试错误：setStorageSync:fail Error: Failed To Send Sync
今天真是被这个坑搞得脑亏疼，本来想再storage里缓存下openId和token，但是不管用自己封装的方法还是微信原生的wx.setStorage方法报错：setStorageSync:fail Error: Failed To Send Sync 找了很多别人说的解决办法也没解决，真是头发都掉光了！最后发现是真机测试的锅 ！妈的，真机测试的缓存真坑爹啊，最后发现用调试模式就没问...
2018-12-05 17:25:26
6581
1
转载 js 判断一个 object 对象是否为空
js 判断一个 object 对象是否为空转载原文判断一个对象是否为空对象，本文给出三种判断方法：1.最常见的思路，for...in... 遍历属性，为真则为“非空数组”；否则为“空数组”for (var i in obj) { // 如果不为空，则会执行到这一步，返回true return true}return false // 如果为空,返回false2.通...
2018-12-05 14:35:50
2204
原创 如何取消对微信小程序的授权
小程序发布体验版本之后经常要验证授权登录流程，这就需要经常清理用户授权清理教程见百度经验: https://jingyan.baidu.com/article/4f34706e1f6454e386b56d56.html
2018-12-05 12:02:59
5857
原创 小程序真机调试显示已结束请重新开始解决方法
可能是晚上更新了下微信开发者工具的原因，下班回家打开微信真机调试就一直这样，真是差点骂娘重启开发者工具，重新下载最新版本开发者工具，甚至重启电脑都试了。然并卵！最后真的绝望了，下了个旧版本的开发者工具，居然就好了……历史版本下载开发者工具地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/uplog.html...
2018-12-05 00:43:08
12607
9
转载 js向一个数组中插入元素的几个方法-性能比较
向一个数组中插入元素是平时很常见的一件事情。你可以使用push在数组尾部插入元素,可以用unshift在数组头部插入元素,也可以用splice在数组中间插入元素。但是这些已知的方法，并不意味着没有更加高效的方法。让我们接着往下看……向数组结尾添加元素向数组结尾添加元素用push()很简单，但下面有一个更高效的方法var arr = [1,2,3,4,5];var arr2 = ...
2018-12-04 18:08:26
893
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人