鹿码-优快云博客

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

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

2022-04-13 17:36:31 390

原创内网穿透工具 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 807 1

原创 CSS那些不大不小的事

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

2022-03-24 11:44:05 427

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

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

2022-03-02 14:59:21 1960

原创运行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 1906

原创 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 22831 3

原创解决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 2836 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 862

原创解决浏览器跨域加载本地文件报错 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 10233

原创 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 167

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

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

2021-03-10 17:29:01 5492 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 617 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 401

原创常用开源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 3919

原创免费开源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 8758

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

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

2021-01-27 18:07:15 634 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 612

原创 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 755

原创 SpringBoot之创建SpringBoot项目（idea开发）

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

2021-01-27 15:13:38 264

原创 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 952

原创字体随页面大小变化

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

原创 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 256

原创 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 214

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

第一步：<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 952

原创 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 600

Mrlujiao_code的博客