Mrlujiao_code的博客

JavaScript 执行上下文与作用域链详解

Mrlujiao_code — Tue, 07 Jul 2026 09:43:05 +0800

本文系统讲解了JavaScript中的作用域和执行上下文机制。首先介绍了函数作用域和块级作用域的概念，然后详细解析了执行上下文的三种类型（全局、函数、eval）及其生命周期，包括变量对象、作用域链和this指向的确定过程。通过具体示例说明了词法作用域的特点和闭包原理，分析了经典题目中的变量查找过程，并对比了var与let/const的差异。最后强调了理解这些核心概念对掌握JavaScript运行机制的重要性。

回调、匿名函数、闭包

Mrlujiao_code — Wed, 13 Apr 2022 17:36:31 +0800

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

内网穿透工具 Ngrok

Mrlujiao_code — Thu, 07 Apr 2022 10:52:59 +0800

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

CSS那些不大不小的事

Mrlujiao_code — Thu, 24 Mar 2022 11:44:05 +0800

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

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

Mrlujiao_code — Wed, 02 Mar 2022 14:59:21 +0800

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

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

Mrlujiao_code — Fri, 22 Oct 2021 14:16:59 +0800

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

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

Mrlujiao_code — Fri, 22 Oct 2021 12:04:28 +0800

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

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

Mrlujiao_code — Fri, 17 Sep 2021 10:51:55 +0800

错误示范： 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;

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

Mrlujiao_code — Fri, 09 Apr 2021 15:15:30 +0800

报错： 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

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

Mrlujiao_code — Fri, 19 Mar 2021 11:51:40 +0800

报错： 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

Java数据类型转换

Mrlujiao_code — Mon, 15 Mar 2021 17:17:41 +0800

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

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

Mrlujiao_code — Wed, 10 Mar 2021 17:29:01 +0800

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

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

Mrlujiao_code — Fri, 05 Mar 2021 10:17:01 +0800

HTML

举例点击这个

举例显示隐藏这个

CSS .triggerthis { display:none; } JavaScript $(function () { $(document).bind("click",function(e){ var target =

Chrome谷歌插件开发-01

Mrlujiao_code — Mon, 08 Feb 2021 17:32:47 +0800

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

常用开源CDN

Mrlujiao_code — Thu, 28 Jan 2021 15:59:08 +0800

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

免费开源CDN jsDelivr使用

Mrlujiao_code — Thu, 28 Jan 2021 15:20:21 +0800

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

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

Mrlujiao_code — Wed, 27 Jan 2021 18:07:15 +0800

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

SpringBoot之项目启动

Mrlujiao_code — Wed, 27 Jan 2021 17:02:45 +0800

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

SpringBoot之项目运行常见报错

Mrlujiao_code — Wed, 27 Jan 2021 15:40:00 +0800

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

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

Mrlujiao_code — Wed, 27 Jan 2021 15:13:38 +0800

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