BePowerful的博客

react实现加载动画

BePowerful — Fri, 01 Dec 2023 14:17:15 +0800

【代码】react实现加载动画。

electron

BePowerful — Fri, 21 Jul 2023 11:46:27 +0800

打包electron：

获取url中的参数

BePowerful — Fri, 14 Jul 2023 20:40:22 +0800

调用：const token = getQueryString("token");调用时：query.backgroundColor。

使用可配置请求头的方式进行a标签文件下载

BePowerful — Wed, 18 May 2022 17:40:45 +0800

xhr.open('GET', 'https://api.bentley.com/designelementclassification/runs/a464f67a-62b3-491d-b797-63528f655d61/results/predictions.zip', true); xhr.setRequestHeader("Authorization", accessToken); xhr.responseType = 'blob'; xhr.onlo...

在阿里云上部署nodejs服务 + https

BePowerful — Fri, 22 Apr 2022 19:42:52 +0800

准备 1.备案域名 2.阿里云服务器 3.node.js环境开始创建ECS云服务器实例用MotaXterm连接web服务器部署node.js 环境准备上传项目并启动使用pm2启动多个项目绑定域名安装Nginx，配置HTTPS 1. 创建ECS云服务器实例（1）所有配置可以选最低即可（省钱）（2）主机选取： CentOS 7.9.*位（3）创建完成后，在实例列表中重置实例密码&远程连接密码，修改完之后重启实例 2. 用MotaXterm连接web服务器创建连接

2021-05-27

BePowerful — Thu, 27 May 2021 12:17:31 +0800

优秀的flex布局 https://www.cnblogs.com/gaoht/p/14518823.html

正则表达式中 exec 和 match

BePowerful — Fri, 16 Apr 2021 11:01:22 +0800

// test 1 var str = '1a2b3c4d5e'; //准备一个字符串 var reg = /\d(\w)\d/; //正则：匹配以数字开头，中间是字母，以数字结尾 console.log(reg.exec(str)); console.log(reg.exec(str)); // test 2 var str = '1a2b3c4d5e'; //准备一个字符串 var reg = /\d(\w)\d/g; //正则：匹配以数字开头，中间是字母，以数字结尾 console.log..

javascript中 new String 和 String的区别

BePowerful — Fri, 16 Apr 2021 10:59:49 +0800

当 String() 和运算符 new 一起作为构造函数使用时，它返回一个新创建的 String 对象，存放的是字符串s或s的字符串表示。当不用 new 运算符调用 String() 时，它只把s转换成原始的字符串，并返回转换后的值。 var s0 = 'hello'; var s1 = new String(s0); var s2 = String(s0); console.log(s1 === s2); // false console.log(s1 === s0); // false ...

null 和 undefined 区别，应用场景

BePowerful — Fri, 16 Apr 2021 10:55:43 +0800

undefined ,表示未定义，没有找到应用场景 // 1.变量被声明时，但没有复制时，就等于undefined var a; console.log(a); //输出结果为：undefined // 2.函数调用时，应该提供的参数没有提供，该参数等于undefined function f(a,b) { console.log(a,b) } f("你好"); //输出结果为：你好 undefined // 3.对象没有赋值的属性，该属性的值为undefined var ob..

Http消息头

BePowerful — Fri, 16 Apr 2021 10:49:56 +0800

一般常用请求头：字段说明示例状态 Accept 可接受的响应内容类型（Content-Types） Accept: text/plain 固定 Accept-Charset 可接受的字符集 Accept-Charset: utf-8 固定 Accept-Encoding 可接受的响应内容的编码方式 Accept-Encoding: gzip, deflate 固定 Accept-Language 可接受的

DOM 节点类型概述

BePowerful — Thu, 15 Apr 2021 18:47:27 +0800

转载自：http://www.cnblogs.com/zhaowy/ 一般节点至少拥有nodeType、nodeName和nodeValue这三个基本属性。节点类型不同，这三个属性的值也不相同。 NodeType nodeType属性返回节点类型的常数值。不同的类型对应不同的常数值，12种类型分别对应1到12的常数值。元素节点　　Node.ELEMENT_NODE(1) 属性节点　　Node.ATTRIBUTE_NODE(2) 文本节点 ...

git的一些常规报错与处理方法

BePowerful — Fri, 12 Mar 2021 10:07:41 +0800

1.OpenSSL SSL_read: Connection was reset, errno 10054 git config --global http.sslVerify "false"

图片上传后编成base64再传给后端

BePowerful — Wed, 06 Jan 2021 09:52:58 +0800

const AllowImgType = ["image/jpeg", "image/png", "image/bmp"]; const upload = use

给div设置遮罩层

BePowerful — Mon, 04 Jan 2021 11:06:49 +0800

父标签设置：position: relative 自身标签样式 .mask{ position: absolute; width: 100%; height: 100% left: 0; right: 0; bottom: 0; top: 0; background-color: black; opacity: .1; filter: alpha(opacity=10); z-index: 100; } 若是想整个屏幕都遮盖住： .mask{ position: fix

P图路上越来越强

BePowerful — Thu, 26 Nov 2020 17:09:58 +0800

1.怎么P液晶显示的里程数---get 教程移步：https://haokan.baidu.com/v?pd=wisenatural&vid=10908549577216357294

gitbook简单使用

BePowerful — Wed, 09 Sep 2020 12:33:16 +0800

1.安装首先全局安装gitbook-cli: npm install -g gitbook i 2.初始化打开命令窗口： gitbook init ，会生成两个文件 README.md & SUMMARY.md 3.打包在命令窗口： gitbook build ，然后会将当前路径下的文档打包到_book中 4.在服务端运行 (1)创建一个文件夹 book,将打包好的_book整个文件放入其中 (2)配置package.json，打开命令窗口： n..

win10 上安装nvm

BePowerful — Wed, 09 Sep 2020 12:13:33 +0800

1. 下载安装包 github上下载最新版本https://github.com/coreybutler/nvm-windows/releases 解压nvm-setup.zip 2.安装双击安装exe，选择安装的路径，因为路径中如果有空格会导致无法使用，因此我在D盘目录下创建的文件夹：D:\nvm\nodejs 安装时：nvm路径选择： D:\nvm node路径选择：D:\nvm\nodejs 3.验证：（1）环境变量：我的电脑->属性->高级系统设置->...

electron下载慢

BePowerful — Fri, 28 Aug 2020 15:39:28 +0800

安装Electron时会判断缓存中是否有要下载的zip包，如果没有的话就去下载这个zip包。但是往往下载这个zip包时非常慢，总是下载不成功。下面给出我的解决办法：首先要知道缓存位置在哪，根据 electron-download的描述,缓存的位置取决于操作系统，默认值为： Linux：$XDG_CACHE_HOME或~/.cache/electron/ 苹果系统：~/Library/Caches/electron/ Windows：$LOCALAPPDATA/electron/Cache或~/AppDa

eslint

BePowerful — Sun, 26 Apr 2020 18:18:55 +0800

在根目录新建 .prettierrc文件在格式化（复制后要去掉注释，不然会报错） { "semi": false, //不加分号 "singleQuote": true, //单引号 "printWidth": 200 //换行宽度 } 在 .eslintrc.js 文件中的 rules 节点关闭一些规则报错（如果还是报错，最好重新编译项目） // .eslint...

搭建环境 react + ts + sass + antd + eslint

BePowerful — Sun, 26 Apr 2020 17:46:02 +0800

搭建环境 react + ts + sass + antd + eslint使用npx创建项目配置sass安装 ESLint 解析 TypeScript 的依赖自定义配置，添加配置文件 .eslintrc.js安装 prettier 依赖Visual Studio Code 集成 ESLint 与 Prettier 使用npx创建项目 npx create-react-app eslint-r...