- 博客(250)
- 资源 (1)
- 收藏
- 关注

原创 js debugger
即可看到,在浏览器页面看到如图所示,代表断点在开始执行。这种方式需要在网页中。第二种:在调试台打开。③:点击代码左侧行数。
2023-07-07 13:55:50
2713
1

原创 开发中积累的vue知识点
3.由于js中函数没有重载的这一说。所以在vue的methods中。下面只是定义了一个函数。因为底下的那个函数把上面的函数给覆盖了。自定义事件组件实例销毁后,原生的dom事件仍可以被调用,但是我们的自定义事件不会被调用了。原生的dom事件,比如@click加上的事件。虽然原生的dom事件仍可以调用,但是这些事件带来的数据更新变化不会在同步到vue页面上了。全局事件总线vuex中模块化+namespaced写了namespaced:true,路由router起别名的引用使
2022-06-14 17:03:28
2388
1

原创 css项目中总结
calc的用法 width: calc(100% - 20px); 减号前后要拥有空格,width: calc(100%-20px);calc(40% - 0.3rem);width: calc( 80rem/ 50)
2022-05-30 14:54:59
1138

原创 Vue2.6.0 框架使用总结
Vue2.6.0 框架使用总结自定义事件不同于组件和 prop,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子,如果触发一个 camelCase 名字的事件:this.$emit('myEvent')则监听这个名字的 kebab-case 版本是不会有任何效果的:<!-- 没有效果 --><my-component v-on:my-event="doSomething"></my-component>
2022-04-05 12:00:56
751

原创 springboot-雷神-注解的使用
Spring源码导读:spring注解@Configuration 用于标注配置类 @Bean 结合@Configuration(full mode)使用或结合@Component(light mode)使用。可以导入第三方组件,入方法有参数默认从IOC容器中获取,可以指定initMethod和destroyMethod 指定初始化和销毁方法,多实例对象不会调用销毁方法. 包扫描@ComponentScan (@ComponentScans可以配置多个扫描,@TypeFilter:指定过滤规则,
2020-12-12 12:05:28
743

原创 @RequestParam和@PathVirable和@RequestBody区别
@RequestParam使用@RequestParam接收前段参数比较方便,前端传参的URL:url = “${ctx}/main/mm/am/edit?Id=${Id}&name=${name}”后端使用集合来接受参数,灵活性较好,如果url中没有对参数赋key值,后端在接收时,会根据参数值的类型附,赋一个初始key(String、long ……)@RequestMapping("/edit") public String edit(Model model, @Request
2020-12-12 11:50:33
6270
原创 Electron学习与总结
组成,其中Chromium负责渲染和显示Web页面,而Node.js则提供了主进程的功能,包括管理应用程序的生命周期、创建和控制浏览器窗口以及与操作系统交互。,Electron使得开发者能够保持JavaScript代码库的一致性,从而轻松地创建跨平台的应用程序,而无需具备本地开发经验。Electron的核心是由。
2024-08-12 09:24:46
316
原创 element ui中的scss语法理解
父级选择器,还没有使用全局变量B+全局变量E来拼接,因为结构不一定是B-E-M,有可能是B-M。在大多数情况下,这种做可能还不如使用直接变量来的方便,但使用 #{}意味着靠近它的运算符都将被视为纯CSS。现在我们在重新看一下b方法,定义了一个全局变量,拼接了一下字符串,逻辑很简单,e方法稍微复杂点,调用了一个。重新回到e方法中,也是先拼字符串,然后再判断父级class是否存在嵌套关系,然后输出结果。代码量不多,逻辑也不复杂,但是语法有点晦涩难懂,接下来我们一个一个解释。将父级选择器直接暴力的改成根选择器。
2024-07-01 13:46:02
561
原创 scss学习总结
有关 b 的理解,以及 @include 的作用这段代码定义了一个 Sass 混合名为$name和$variables。$name参数是组件的名称,$variables参数是一个 CSS 变量名到值的映射。混合名会遍历$variables映射中的每个键值对。如果键等于"default",那么混合名会将组件的默认 CSS 变量设置为值。否则,混合名会将组件的特定属性的 CSS 变量设置为值。函数用于生成 CSS 变量名。函数有两个参数:组件名称和可选的属性名称。
2024-07-01 11:36:46
1155
原创 f12 network中timing参数含义
1、通过条件Get请求,对比If-Modified-Since和Last-Modified时间,确定是否使用缓存中的组件,服务器会返回“304 Not Modified”状态码,减小响应的大小;SSL(包含于HTTPS连接中):http是超文本传输协议,以明文方式发送内容,不提供任何方式的数据加密,如果被不法分子截取浏览器和服务器之间的传输报文,会获取其中的信息。2、对不常变化的组件添加长久的Expires头(相当于设置久远的过期时间),在后续的页面浏览中可以避免不必要的HTTP请求;
2024-06-04 18:28:37
1015
原创 tomcat中管理环境变量之setenv.sh
tomcat 的bin文件下 是默认不建立setenv.sh文件的,但是catalina.sh文件是会默认引用它的。根据这个特性,我们就可以将export等自定义的配置放到setenv.sh,方便管理迁移。springboot打包war部署到外部tomcat的时候指定profile启动。在%tomcat%/bin下创建setenv.bat文件。在%tomcat%/bin下创建setenv.sh文件。配置setenv.sh。(也可理解为调用关系)
2024-05-31 20:02:03
1640
原创 ie浏览器设置/activeX
我们在访问一些比较古老的网站时,而这些网站里使用了activeX 控件,(新版大多浏览器以废弃activeX ,只有ie8以及之前的ie浏览器支持activeX 控件技术)。并且当你的activeX 控件未签名的时候,ie的默认安全配置是禁用这些未签名的控件的activeX。注意,有时候安全设置没弄好,控件以启用但是仍不能使用,这时候需要看看是不是安全设置没弄好。如果更改internet设置,重启ie浏览器activeX 控件仍不加载,尝试更改添加可信站点。你需要更改ie的安全配置。
2024-05-23 09:36:57
2050
原创 多个文件 import 的相同模块里的对象
在不同的文件中 import一个vue对象,在任何情况下,所有的文件是否得到的都为同一个对象,也就是单例的?这样,在下次加载的时候,就不会再执行你的JS,而是直接返回Module Cache中的代码,而非再执行一遍你的代码。在学习vue中,想到这个问题,因为没有es6,webpack等基础就直接学,有些疑惑,在网上搜索了一下。第一次加载的时候,会执行你的代码,并且获取该Module Export的内容。无论是NodeJS和Webpack,默认的资源Index都是文件的绝对路径。
2024-05-08 12:13:39
518
原创 CrystalDiskInfo/CrystalDiskMark/DiskGenius系统迁移
主要用于看硬盘的各种信息,包括但不限于硬盘通电时间、通电次数、硬盘好坏状态。主要用于测试硬盘的读写速度、连续读写速度。
2023-11-21 13:26:38
805
原创 React Router 路由守卫
在上面的代码中,是一个高阶组件,它接收一个组件作为参数,并返回一个新的组件。在render方法中,如果用户已经登录,则渲染传入的组件;否则,重定向到登录页面。通过使用该高阶组件,我们可以在需要进行权限验证的路由上使用其中是一个布尔值,表示当前用户是否已经登录。2、使用 函数组件或 render 属性来实现路由守卫React Router 可以使用Route组件的render属性或函数式组件来实现路由守卫。使用render属性时,可以传入一个函数,根据需要来渲染不同的组件或页面。
2023-09-08 17:35:07
2647
2
原创 maven -pl -am -amd
昨天maven的deploy任务需要只选择单个模块并且把它依赖的模块一起打包,第一时间便想到了-pl参数,然后就开始处理,但是因为之前只看了一下命令的介绍,竟然花了近半小时才完全跑通,故记录此文。由于dailylog-parent并不依赖dailylog-common模块,故没有被安装。-N表示不递归,那么dailylog-parent管理的子模块不会被同时安装。在dailylog-parent目录运行。在dailylog-parent目录运行。在dailylog-parent目录运行。
2023-08-16 15:22:44
1322
原创 在Vue中动态引入资源为什么要用require
动态引入一个图片的时候,它其实是一个变量,webpack会根据v-bind的一个命令去解析SRC后面的值,并不会通过require引入资源的对象。当我们使用require引入一张图片的时候,webpack会将这个图片当成一个模块,并根据配置文件的配置然后进行打包,最终返回一个大包的地址。默认情况下src目录的所有文件都会打包一个新的文件名,然后编译后静态引入的地址就是打包后的静态地址。所以就可以正确的应用到这些资源了。动态的添加图片最会会被编译成一个静态的字符串,然后再浏览器运行中会去项目中查找这个资源,
2023-08-11 16:18:24
1951
原创 springboot 项目启动报异常 ClassNotFoundException: javax.servlet.Filter
Caused by: java.lang.ClassNotFoundException: javax.servlet.Filter
2023-08-04 11:30:08
2705
原创 mac使用mvn下载node-sass 会Binary download failed, trying source
以下node的版本可以直接下载(Binary download,而不是 trying source)而不用切换mac cpu架构。显示当前主机硬件架构类型 使用arch命令;查看当前arch版本命令使用 arch --version。那么我们如何在node上使用nvm下载node不去下载source呢?arm64是M1特有的软件命令方式 目前node官网不提供此类的压缩包。
2023-07-20 13:47:23
2216
原创 mysql操作
E:\environments\mysql-8.0.32-winx64\bin\mysqldump.exe --skip-lock-tables --routines --add-drop-table --disable-keys --extended-insert -u root --host=43.143.9.251 --port=7013 jackusers
2023-07-19 09:49:04
182
原创 npm5中本地间模块引用的最好方式(附带引用方法总结)
有些场景我们本地会维护很多包但是不希望都创建一个文件夹,希望放到统一的文件夹里面,比如 根目录新建一个lib文件夹,这个时候如果想要下载本地包,需要手动将依赖更改成对应的路径,运行npm i命令便可以。这样 npm5 在安装依赖的时候会自动创建相应的软链接,自动给 module1 安装依赖,而且不需要版本号。这样的话,npm 就会自动在 module2 的 node_modules 目录下创建一个软链接,我们拥有了类似于方法 2 的效果,并且不会修改 package-lock。
2023-07-10 11:32:08
1564
原创 pnpm + workspace + changesets
代码提交规范对于团队或者公司来说是非常重要的,养成良好的代码提交规范可以方便回溯,有助于对本次提交进行review,如果单纯的只是要求团队成员遵循某些代码提交规范,是很难形成强制约束的,现在我们就尝试通过工具来约束代码提交规范。包含此次提交有关重大更改的信息,引用此次提交关闭的issue地址,如果代码的提交是不兼容变更或关闭缺陷,则Footer必需,否则可以省略。主要包含对主题的进一步描述,同样的,应该使用祈使语气,包含本次修改的动机并将其与之前的行为进行对比。
2023-07-10 10:36:53
513
原创 macos系统问题
所以一般会在~/.zshrc中添加source ~/.bash_profile,以确保.bash_profile中的修改永久生效。.bash_profile 和 .zshrc 都是macos系统重环境变量配置的文件,但是两者有不同之处。.bash_profile,再执行 source ~/.bash_profile,.zshrc ,再执行 source ~/.zshrc,这是。的,mac每次启动会自动执行source ~/.zshrc。,但关闭当前终端窗口 或者 mac关机重启后不会再生效。
2023-06-29 16:20:51
1188
原创 mac如何卸载应用
随着 JavaScript 的流行和 Web 开发的发展,Node.js 作为 JavaScript 的一种运行环境,也在技术领域中备受关注。然而,在使用 Node.js 开发项目时,有时候需要卸载 Node.js,这时候很多人可能会遇到问题。在 Mac 系统中,卸载 Node.js 并不像 Windows 系统那么简单,需要一些步骤和操作。下面,我们来看看如何在 Mac 中卸载 Node.js。为什么需要卸载 Node.js?
2023-06-29 16:19:17
978
原创 开发中vue3 使用心得
就是dom编译的时候,对使用{} 或者 v-if、v-for等 对一个 let obj = reactive的对象进行跟踪,在onMounted的时候,我们对这个reactive对象重新赋值(obj = obj2),导致我们虽然改变了obj 的值,但是视图没有更新,没有显示最新值,因为,我们在dom编译时候,变化跟踪的是之前那个reactive对象,之前那个reactive对象未改变,所以视图未更新。这样可以确保 模板上渲染是接口返回的数据,或者传递给子组件的是接口返回的数据。
2023-06-14 12:05:00
608
原创 js正则中的match()
我们把这个现象理解为,只要使用了全局匹配模式,那么match()将只返回“贪婪”的匹配结果,这里的“贪婪”指的就是只招那个最长的能匹配上的字符串,至于分组项,就忽略了。再强调一次,这个例子的结果是没有使用全局匹配的正则表达式的匹配结果。第4项:length,表示匹配到的结果个数,由于这里不使用全局匹配,只找到首次匹配项就结束了,所以匹配结果只有1个,length也就是1。结果说明了一切,当正则中使用全局匹配符g,即使有分组的存在,在匹配结果中也只有匹配到的最长的,那些分组的子匹配都不见了。
2023-06-02 14:49:43
9746
原创 MySQL新身份验证插件caching_sha2_password
从 MySQL 8.0.4 开始,MySQL 默认身份验证插件从改为。相应地,也使用作为默认的身份验证机制。
2023-05-30 09:59:35
5443
原创 idea maven配置/maven home path和users setting file冲突
就是maven home path 里生效的maven的maven配置文件setting.xml如果和 users setting file 里指向的的setting.xml不是同一个文件的话,默认后者的配置会覆盖前者;也就是说 idea会默认使用后者配置中的localRepository 来给我们配置 local repository地址;同理,如果users setting file 里指向的的setting.xml也可以被idea 显式配置的Local repository给 打压,idea会下载
2023-05-29 09:55:26
662
原创 scoped和deep的关系/写在scoped里css失效
虽然,在content组件中修改了button的border-radius属性,但是由于权重关系,生效的依然是组件内部的样式(即.button[data-v-2311c06a]定义的样式), 如果此时仍需修改样式,则必须加重我们需要修改的样式的权重。虽然,我们在content添加了scoped属性,但是.content .button 这句末尾添加的是content的scoped标记,最后我们实际上是找不到向对应的DOM节点的,也就不起作用啦。这就需要我们探讨scoped的作用了。
2023-05-25 16:48:53
1001
原创 import()动态导入
不过需要注意的是,动态导入功能并不适用于所有的应用场景。如果我们要加载的模块较少,或者是不具备时序性,那么使用动态导入就不是一个非常必要的选择。
2023-05-12 16:47:09
4494
原创 maven学习总结
Maven内置绑定的插件可供用户实现基础的项目构建任务,而如果用户需要完成其他的构建任务时,可通过自定义绑定的方式将某个插件目标绑定到生命周期的某个阶段上。这里我们以创建项目的源码jar包举例说明,由于内置绑定的插件目标没有可以完成该任务的,所以我们需要先确定可以完成该任务的Maven插件及插件目标,然后将其绑定到生命周期的某一阶段上插件 maven-source-plugin 的 jar-no-fork 目标能够将项目的主代码打包为jar包。
2023-05-12 10:27:48
563
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人