自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 收藏
  • 关注

原创 react实现加载动画

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

2023-12-01 14:17:15 322

原创 electron

打包electron:

2023-07-21 11:46:27 116

原创 获取url中的参数

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

2023-07-14 20:40:22 530

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

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...

2022-05-18 17:40:45 817

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

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

2022-04-22 19:42:52 4168

转载 2021-05-27

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

2021-05-27 12:17:31 82

原创 正则表达式中 exec 和 match

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

2021-04-16 11:01:22 127

原创 javascript中 new String 和 String的区别

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

2021-04-16 10:59:49 561

原创 null 和 undefined 区别,应用场景

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

2021-04-16 10:55:43 370

原创 Http消息头

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

2021-04-16 10:49:56 117

转载 DOM 节点类型概述

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

2021-04-15 18:47:27 235

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

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

2021-03-12 10:07:41 128

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

<img className="thumbnail-img" src={imageUrl || '/images/default.png'}/><input id="file_load" type="file" accept="image/*" ref={file} onChange={upload} />const AllowImgType = ["image/jpeg", "image/png", "image/bmp"]; const upload = use

2021-01-06 09:52:58 238

原创 给div设置遮罩层

父标签设置: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

2021-01-04 11:06:49 3655

原创 P图路上越来越强

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

2020-11-26 17:09:58 260

原创 gitbook简单使用

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

2020-09-09 12:33:16 218

原创 win10 上安装nvm

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

2020-09-09 12:13:33 1635 5

转载 electron下载慢

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

2020-08-28 15:39:28 768

原创 eslint

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

2020-04-26 18:18:55 247

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

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

2020-04-26 17:46:02 676

原创 正则表达式匹配纯数字|纯字母|数字字母组合|数字特殊字符|字母特殊字符|数字字母特殊字符 https://mp.csdn.net/

^(?![^\da-zA-Z]+$).{6,20}$

2020-04-21 14:34:28 2009

原创 发布npm包

run publish

2019-07-26 13:36:01 111

原创 记录一下项目中使用的工具或者依赖包

编辑器:Visual Studio Code、Sublime、HBuilder前端语言:vuejs、reactjs前端路由:vue-router、react-router前端状态管理:vuex前端UI框架:elemenUI、iView UI、Antdcss处理sass、前端一些库:echarts、ztreejs、visjs、loadsh、jquery、mona...

2019-07-19 13:40:01 196

原创 React0718

1.当组件的state和props发生变化时,render函数会被自动调用2.虚拟DOM实际上是一个描述DOM元素的js对象3.生命周期:compontentWillMount、render、compontentDidMount、shouldComponentUpdate、componentWillUpdate、componentWillRecieveProps、(render、)co...

2019-07-18 17:22:09 111

转载 最简单的安装React Devtools调试工具

https://blog.csdn.net/one_girl/article/details/80916232

2019-07-18 14:51:37 232

原创 通过Node.js实现发邮件功能

通过Node.js实现发邮件功能代码测试结果代码const express = require('express');//引用express框架const router = express.Router();//处理路由var nodemailer = require('nodemailer');//用于发送邮件的包var transporter = nodemailer.createT...

2019-07-16 19:54:27 361

原创 webpack第一天

已经用了vue和react老久了,但是webpack一直不敢触及,感觉里面的水太深。不想碰却不能不碰,否则之后的路会越来越难走呀。我现在要开始学习啦,然后慢慢记录一下学习体会。1.在命令行运行:npm init -y,快速初始化项目2.在根目录下,新建src、dist文件夹3.在src中新建一个index.html、index.js入口文件4.安装web...

2019-07-05 00:31:26 210

转载 mysql修改初始密码

参考:https://www.jianshu.com/p/f1e08821927a

2019-06-18 17:03:27 502

原创 docker的入门学习

1.下载镜像 地址https://hub.docker.com 指令: docker pull [imageName] docker pull webapp/training // python 的 app docker pull busybox //集成了300多个最常用Linux命令和工具的软件,简化的Linux系统 ...

2019-06-03 14:47:17 158

原创 多次点击div动画重新开始渲染

<template><div class="box"><div class="divtop" @click="showtip"><div class="divtip tip1">1</div><div class="divtip tip2">2</div></div><di...

2019-04-18 19:31:05 395

原创 yarn包管理

1.yarn init2.yarn add xxx : 安装包3.yarn remove xxx: 移除包4.yarn install5.yarn update :升级

2019-03-15 08:48:27 234

原创 搭建react项目

1. 首先下载node2. 全局安装: npm install create-react-app -g3. 创建一个自己的react项目 create-react-app my_test_app Note: 如果构建失败,尝试设置 npm 镜像为 cnpm 解决办法:npm config s...

2019-03-14 11:20:50 177

原创 nodejs + express + axios + vue 跨域问题

前后端跨域问题:第一次写前端+数据库+后端这样从前到后流程的项目,经验不足,在网上借鉴了很多,终于有点点眉目。前端框架:vue请求:axios数据库:mongodb后端:nodejs + express框架在项目过程中,遇到跨域提示,前端 http://localhost:8081 访问后端 http://localhost:8085 ,翻来覆去找了半天,试了网上的几种办法...

2019-03-08 14:34:09 1582

原创 DIV+CSS(1.rem自适应)

rem自适应布局使用rem布局比%更加灵活,同时可以支持浏览器字体的大小调整和缩放等正常显示。rem是什么?rem是一个相对单位,相对于根元素html的font-size进行计算,默认浏览器的字体大小为16px,按照转换关系1rem = 16px。自适应处理:使用rem布局时,为了兼容不同的分辨率,我们应该动态的修正根元素的字体大小,让所有使用rem的元素跟着一起缩放,从而达到自适应的效...

2018-12-14 17:39:50 3772

原创 vue中使用visjs小记

vue中的template部分:&lt;div style="border-right:1px dashed #eee;"&gt; &lt;!--节点编辑框--&gt; &lt;div id="node-popUp"&gt; &lt;p id="node-operation"&gt;node&lt;/p&gt;

2018-12-10 11:10:26 6228 4

原创 Node.js API

参考nodejs版本0.10.x 一.url地址解析模块1.url.parse(‘url字符串地址’[, ‘是否将地址上的参数字符串转换为参数对象[, 斜线是否标识主机]’])示例:(1)在命令窗口输入: node 回车(2)输入命令: url.parse(‘http://user:pass@host.com:8080/p/a/t/h?query=string#hash’)(3)地...

2018-12-06 18:35:25 293

原创 初识express.js

// 1.引入express模块var express = require('express');var url = require('url');var fs = require('fs');var qs = require('querystring');var host = '127.0.0.1';var port = 8888;// 创建一个实例var app = expr...

2018-12-06 15:32:29 197

原创 初识Node.js

1.创建http服务器 //1.引入http模块 var http = require('http'); //2.创建http服务 //根据客户端(浏览器)请求的地址不同,向前端发送不同的数据,只要接收到客户端的http请求,就会触发该回调函数 var server = http.createServer(function (req, res){ //req 请求对象, res 响应...

2018-12-04 21:13:46 162

翻译 Dom

Dom一、 NodeList属性及方法1.NodeList.prototype.length2.NodeList.prototype.forEach()3.NodeList.prototype.item()4.NodeList.prototype.keys()5.NodeList.prototype.values()6.NodeList.prototype.entries()No...

2018-11-05 09:22:38 182

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除