自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 回调、匿名函数、闭包

匿名函数:简单来说就是无函数名的函数。基本写法:// 用()包起来否则会语法报错(function (){ alert(1);})// 如果需要运行,(),则自调用:(function (){ alert(1);})()// 自调用,并传参(function (str){ alert(str);})("a")应用场景:// 1、函数表达式;以此变通,x可以是一个点击事件、可以是对象中的一个方法元素、可以做回调等var x = function (){ alert(1)

2022-04-13 17:36:31 326

原创 内网穿透工具 Ngrok

先注册:https://dashboard.ngrok.com/signup下载对应的软件版本:https://ngrok.com/download将软件解压到电脑指定位置,比如:/usr/local/src/打开终端使用:// 进入软件存放的根地址cd /usr/local/src/ngrok // 注册后就有授权码,第一次需授权一般之后就不需要再进行这步授权了./ngrok authtoken 234KjkgOPs23jaosk23lkn24kopJKG8Fsrwnfds //.

2022-04-07 10:52:59 629 1

原创 CSS那些不大不小的事

记录一些CSS相关的基础的常用的小东西,持续更新定位、伪类、阴影、默认样式、字体、兼容、浮动、跳转等等

2022-03-24 11:44:05 384

原创 Chrome控制台中network底部概要参数

本来觉得这是个小问题,没有怎么注意过,但在一次面试中被问到了。细节是很重要的!1、requests => 资源请求总数;2、transferred => 网络加载资源大小;3、resources => 页面所有资源总大小(包含网络资源、浏览器缓存解析后的资源等);4、Finish => 所有请求从发起到响应完成时间(注意:请求不只是XHR,页面请求和页面解析也是不同线程,不直接相关);5、DOMcontentLoaded => HTML DOM结构树加载完成时

2022-03-02 14:59:21 1681

原创 运行npm install命令后的执行过程

发出npm install命令npm向registry查询模块压缩包的下载地址下载压缩包并存放到本地npm缓存路径(~/.npm目录)解压到当前项目node_modules目录如果你没联网,npm将使用本地缓存。重新npm install时出错,就是所谓的缓存腐败问题。从执行过程可以看出,其实模块在本地保存了两份:~/.npm目录下的压缩包和node_modules目录下的解压代码。但npm install时,只会检查node_modules目录,如果它里面没有相关模块,即使~/.npm内有模.

2021-10-22 14:16:59 1737

原创 Vue项目启动报错 error:cannot find module xxx

原因:无法找到项目依赖的某个模块解决办法:1、删掉存放模块的文件夹node_module;2、执行清除缓存命令 npm cache clean;如果报错,使用强制清除npm cache clean --force;如果还报错,删除package-lock.json文件;3、重新安装模块,npm install;(会重新自动生成package-lock.json文件)然后npm run dev重启就可以了。...

2021-10-22 12:04:28 21715 2

原创 解决placeholder样式设置无效问题,更改placeholder默认样式颜色

错误示范:input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder{ color: #111111}这样常常不会有任何效果,必须分开写:正确写法:input::-webkit-input-placeholder{ color: #111111;}input:-moz-placeholder{ color: #111111;

2021-09-17 10:51:55 2320 1

原创 maven报错:Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:x.x.x:test

报错:Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:x.x.x:test (default-test) on project flow-traffic-statistics: Unable to generate classpath: org.apache.maven.artifact.resolver.ArtifactResolutionException: Unable to get dependency i

2021-04-09 15:15:30 593

原创 解决浏览器跨域加载本地文件报错 Access to script at ‘xxx‘ from origin ‘null‘ has been blocked by CORS policy

报错:Failed to load resource: net::ERR_FILE_NOT_FOUND Access to script at 'xxx' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, http

2021-03-19 11:51:40 9928

原创 Java数据类型转换

1、String转为LongString A = "1";Long B = Long.parseLong(A); //包装类型//或Long B = Long.valueOf(A).longValue(); //基本数据类型2、String转为IntString A = "1";int B = Integer.parseInt(A);//或String A = "1";Integer integer = Integer.valueOf(A);int B = integer;//拆箱

2021-03-15 17:17:41 122

原创 java的System.currentTimeMillis()毫秒数转为日期Date

方法一大堆还复杂,试十个错九个。其实很简单,两句代码就完了。 Date date = new Date(); date.setTime(System.currentTimeMillis());

2021-03-10 17:29:01 5137 2

原创 div元素显示隐藏切换,点击空白位置消失

HTML<div class="clickthis" onclick="showHide()">举例点击这个</div><div class="triggerthis">举例显示隐藏这个</div>CSS.triggerthis { display:none;}JavaScript$(function () { $(document).bind("click",function(e){ var target =

2021-03-05 10:17:01 510 1

原创 Chrome谷歌插件开发-01

只要会前端,简易的插件开发基本都没问题,主要都是些前端三大件。基本流程:1、创建一个文件夹,比如命名为TestPlug2、新建配置文件manifest.json{ "name": "TestPlug", "version": "1.0", "manifest_version": 1, //必须是int,不能是字符串,不然会加载不上插件 "description": "An test plug-in for Chrome.", "browser_action":

2021-02-08 17:32:47 325

原创 常用开源CDN

1、Staticfile CDN 官网: http://www.staticfile.org/免费为之提供 CDN 加速服务,使之有更好的访问速度和稳定的环境。同时,我们也提供开源库源接入的入口,让所有人都可以提交开源库,包括 JavaScript、CSS、图片和 swf 等静态文件。2、JsDeliver CDN 官网: https://www.jsdelivr.com/使用方法: 指路jsDelivr 是一个免费开源的 CDN 解决方案,用于帮助开发者和站长。包含 JavaScript 库

2021-01-28 15:59:08 3581

原创 免费开源CDN jsDelivr使用

官网指路:https://www.jsdelivr.com/jsDelivr是一个免费、开源、不限带宽的CDN公共库,由Cloudflare、Fastly、StackPath、QUANTIL等CDN供应商提供了全球超过750个CDN节点,包括大陆数百个节点,可加速访问托管仓库内 [主要三种:NPM \ WordPress \ Github] 的静态资源,提升网站访问速度。一、github1、现在github上创建一个仓库Ahttps://cdn.jsdelivr.net/gh/用户名称/仓库名称@版

2021-01-28 15:20:21 7610

原创 禅道能连接数据库无法打开页面

页面空白解决办法:使用远程数据库工具Navicat for mysql 数据库管理工具修改禅道数据库密码后,使用命令行和Navicat for mysql 工具都可以访问数据库,但是在访问禅道时,系统提示“ERROR: SQLSTATE[HY000] [1045] Access denied for user ‘root’@‘localhost’”,本人百度了好久,看了许多博客,但是都没有解决问题,也试图修改密码,但是还是失败了;还有说是电脑有两个mysql服务导致的,我也将其中一个关闭了,但是还是无

2021-01-27 18:07:15 576 1

原创 SpringBoot之项目启动

SpringBoot项目创建成功后【指路:SpringBoot项目创建】1、要先Sync自动加载pom.xml里面的程序包依赖包插件,加载过程中很可能会报错:Cannot resolve plugin org.apache.maven.plugins:maven-site-plugin:3.3【解决办法:SpringBoot常见报错】2、依赖载入后,启动文件ProjectNameApplication.java变蓝色图标(含有main),右上角的三角形和调试小瓢虫变成绿色。在resources文件夹新

2021-01-27 17:02:45 561

原创 SpringBoot之项目运行常见报错

1、Cannot resolve plugin org.apache.maven.plugins:maven-site-plugin:3.3解决:File - Setting - Build - Build Tools - Maven选择你本地配置好的maven路径和仓库路径,注意版本要一致。还没配置过的【指路:maven安装和配置】确定后,会重新载入依赖。如果继续报错,则点击右边的maven进行clean后重新install。(有多个模块时,直接对root根模块进行clean install

2021-01-27 15:40:00 664

原创 SpringBoot之创建SpringBoot项目(idea开发)

方法一:通过maven创建maven项目创建成功后(之前写过,指路【maven创建java web项目】),只需在pom.xml里面添加springboot作父级程序包即可。 <!--父级引入spring boot--> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-pare

2021-01-27 15:13:38 214

原创 JMeter压力测试高并发测试

Apache JMeter是Apache组织开发的基于Java的压力测试工具。用于对软件做压力测试,它最初被设计用于Web应用测试,但后来扩展到其他测试领域。重点:开源免费1、下载安装下载指路:https://jmeter.apache.org/download_jmeter.cgi 一般就是下载Binaries里的.zip版,个人情况自定。下载解压后,把它移到你常用的安装位置即可。此处以我存放的目录E:\Program Files\apache-jmeter-5.4.1为例2、配置环境变量.

2021-01-26 18:01:32 880

原创 字体随页面大小变化

<div class=“testDiv”>测试字测试字测试字测试字测试字</div>1、css方法: .testDiv{ display:flex; justify-content:space-around; background: royalblue; color: #fff; width: 400px; padding: 20px; font-siz...

2021-01-26 10:40:17 1506

原创 jQuery操作CSS常见问题

1、jquery操作css !important无效解决:这种写法:$('#oDiv').css({"width":"100px", "color":"#fff !important"});对!important是没用的应该改为:$("#oDiv").css("cssText","width:100px;color:#fff !important");注意:cssText 属性,会把先前的 css 全部覆盖,为保留其他样式,可以链式设置:var cssText = $("#oDiv").attr

2021-01-25 18:32:01 221

原创 Java JDK安装和配置

1、下载安装JDK是Java 的软件开发工具包,主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心,它包含了JAVA的运行环境(JVM+Java系统类库)和JAVA工具。常用的是JDK1.8,可以去官网下载https://www.oracle.com/cn/java/technologies/javase/javase-jdk8-downloads.html注意:安装的时候可以不放在C盘(推荐还是放这里),但是必须让路径都是为英文字符,不要有中文路径。此处以安装在D

2021-01-25 17:54:42 178

原创 移动端禁止页面缩放问题

第一步:<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />第二步: window.onload = function () { document.addEventListener('gesturestart', function (e) { e.preventDefault(

2021-01-25 16:55:35 896

原创 maven构建java web项目(idea开发)

创建之前,要先配置好maven,具体配置查看:Java项目构建管理Maven的安装与配置本人开发环境版本:IntelliJ IDEA 2019.2.31、File - New - Project - Maven;2、先要在Project SDK选择你安装的jdk版本,比如java 1.8;3、勾上Create from archetype,使用maven项目模板。没有对应模板的可以通过add archetype添加。【注意可以不勾选模板,个人自行选择,这里以勾选为例】选择模板里面的maven-arc

2021-01-25 14:19:53 550

原创 Java项目构建管理Maven的安装与配置

1、下载安装@TOC首先安装配置好jdk,然后下载安装maven(现在多数使用maven3,版本号3.x.x,可以去官网下载https://maven.apache.org/download.cgi,一般下载bin.zip版本,Linux系统下载.gz)注意安装的位置,此处以安装在D:\Program\Maven目录下为例。2、配置环境变量@TOCwindows电脑为例:我的电脑 - 右键 - 属性 - 高级系统设置 - 环境变量新建系统变量:变量名MAVEN_HOME,变量值D:\Progra

2021-01-25 11:17:56 316

原创 60秒验证码倒计时重置

// HTML<input class="phone" name="phone" type="text" placeholder="填写手机号码"><input class="code" name="code" type="button" value="点击获取验证码" onclick="getCode()">// JavaScript var times= 60; function getCode() { var obj = $(".code

2021-01-22 18:16:51 217

原创 opacity透明度兼容性 css/js/query三种

1、CSS版opacity: 1; filter:alpha(opacity=100); /* IE */-moz-opacity:1; /* 老版火狐浏览器*/-khtml-opacity:1; /* 老版苹果浏览器 */2、JavaScript版oDiv.style.opacity = 1; oDiv.style.filter = "alpha(opacity=100)"; /* IE */oDiv.style.MozOpacity = 1; /* 老版火狐浏览器 */oDiv.st

2021-01-22 18:03:52 214

原创 java判断字符串中是否含有某个字符串

都要先引入依赖:import java.lang.String1、contains:返回值为Boolean String str = "abcdefg"; boolean check = str.contains("cde"); if(check){ //包含指定字符串 }else{ //不包含指定字符串 } 2、indexOf:返回值为int String str = "abcdefg";

2021-01-22 17:49:21 2497 2

原创 localstorage本地缓存

localStorage.setItem("token", value);localStorage.getItem("token");如果需要保存多种参数,可以把set和get各写成一个function,方便调用。

2021-01-22 17:39:00 154

原创 css渐变色

1、从左到右: background:#000; background:-webkit-linear-gradient(left,#000,#fff); background:-o-linear-gradient(right,#000,#fff); background:-moz-linear-gradient(right,#000,#fff); background:linear-gradient(to right,#000,#fff);2、从上到下:

2021-01-22 17:30:33 167

原创 ajax header的bearer token验证

$.ajax({ url: "xxxxxxxxxx", type: "post", contentType: "application/json;charset=utf-8", headers: { "Authorization": "bearer "+token //bearer后面必须要有个token,并且bearer大小写有区别,需与后台验证保持一致...

2021-01-22 17:25:18 1564

原创 Java 发送邮件

1、引入的依赖:import javax.mail.;*import javax.mail.internet.;*import java.text.DateFormat;import java.text.SimpleDateFormat;import java.util.Date;import java.util.Properties;2、Controller代码:Properties props = new Properties(); //创建属性props.setProperty("

2021-01-22 17:13:54 314

原创 常用正则验证(邮箱、手机号、密码)

1、6-18位,数字、字母、字符任意两种,不含中文字符var regex = “(?!(\d+|[a-zA-Z]+|[!@#$%^&*?]+)$)^[\w!@#%^&*?]{6,18}”;

2021-01-22 16:45:31 388 1

空空如也

空空如也

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

TA关注的人

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