自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 material-ui实现csp【含demo】

接React SSR实现,本文在此基础上去实现CSP安全策略,用于预防XSS攻击。

2023-11-10 11:49:03 144

原创 Properties配置类

properties.store(new FileOutputStream("test.properties"), // 该文件写入的位置是 工作目录\\test2.properties。根据指定的key获取对应的属性value值,如果在自身的存储集合中没有找到对应的key,那么就直接到默认的defaults属性指定的Properties中获取属性值。"注释,用来解释说明保存的文件是做什么用的,不能使用中文,会产生乱码,默认是Unicode编码,一般使用“”空字符串");

2023-10-26 14:19:23 135

原创 手把手教你实现React SSR服务端渲染【含demo实现】

渲染模式其实远不止以上几种,很多场景下都可以进行相应的优化。以下是一些我能想到的场景:在录入或更新数据时通过WebHook等通知构建系统进行增量构建,算是ISR的一种变种在SSR场景下可以对静态组件和动态组件进行区分,将静态组件使用SSG输出,然后将其拼接到页面中。所以没有最好的只有最适合的,按需选择最适合自己需求的渲染模式即可。

2023-10-16 19:04:37 2780 1

原创 趣分享:一个类的Main方法可以被另一个类调用吗?

System.out.println("我是class2的main方法哦!只不过程序运行时,JVM 会寻找带有字符串类型数组作为参数的 main() 方法作为程序的入口执行。System.out.println("我是class1的main方法哦!①首先main方法为static(静态),说明不用new,直接类名.xxx就可以调用。编写一个测试代码时,遇到了这样一个需求,之前从来没想过,尝试之后发现是可行的诶!查阅了下资料,其实main()在类中就是一个普通的方法。

2023-10-12 15:45:42 131

原创 java基础

通过extends关键字,可令子类获得父类的所有特征,同时子类可以扩展自己独有的特征,叫做“继承”避免了同种特征的重复定义如:动物 呼吸;鸟 呼吸,飞;两者的共同特征是 呼吸主要用于解决多态的遗留问题 + 用于“父类”声明问题1:多态的子类,常常只有一个父类概念,而没有具体实体问题2:父类的方法,其中具体实现是由子类去书写的问题3:重写非强制性,子类可能忘记重写父类方法①抽象类不能实例化②抽象类中的抽象方法,可以只声明方法头,无方法体。

2023-10-02 10:22:42 221

原创 校园网导致VM虚拟机无法访问内网【已解决】

因为桥接方式中的虚拟机是通过宿主机去连接外网的,对于校园网的网关验证无论是虚拟机还是宿主机都只看到其中的宿主机,同时NAT的弊端就是宿主机无法访问虚拟机,因而在查看容器运行在页面的情况时,需要重新配置为NAT+Host-only的情况。因为在家中使用的网络是没有任何检验的,而学校的校园网是含有检验的,所以如果之前虚拟机设定的是桥接方式,就需要更改为NAT的网络配置方式去验证,才可以通过校园网去访问内网。①打开virtualbox的设置,打开刚才设置的连接方式为网络转发的网卡2,点击高级中的端口转发。

2023-09-06 23:21:02 943 1

原创 JavaScript的编码规范

在编写js代码时,一个好的编程习惯,是代码人必备的哦~

2023-08-08 08:55:37 26

原创 老杜JavaWeb学习笔记:下

jsp是一种动态网页开发技术①JSP是一套规范,所有的web容器/web服务器都遵循该规范进行的翻译。Servlet是javaEE的13个规范之一,JSP也是规范之一遵循不同规范时,jsp会按照不同的符号输出在jsp文件的不同位置每个Web容器,所有的服务器都内置一个JSP翻译引擎②同时JSP是java程序,本质仍是一个ServletTomcat会将jsp文件变为对应的xx_jsp.java文件,编译为xx_jsp.class文件JSP是JavaServer Pages的缩写。

2023-08-08 08:54:30 436

原创 老杜JavaWeb学习笔记:上

ServletConfig是Servlet配置信息对象相当于web.xml中每个对象一个Servlet对应一个Servlet对象ServletConfig对象由Tomcat创建,并实现,是在调用init()方法时传入的同時GenericServlet中都有这些方法,在Servelt中可直接this.调用即可//通过初始化参数name获取value值//获取所有初始化参数的name//获取ServletContext对象//获取Servlet的name。

2023-08-08 08:53:40 487

原创 JSON详解

JSON全称JavaScript Object Notation,意:JavaScript对象标记、数据交换格式。简而言之,JSON是一种标准的、轻量级的数据交换格式。在JS中以JS对象形式存在JSON的主要作用是用于数据交换实际开发中,常用数据交换格式有两种。

2023-08-07 16:20:45 534

原创 js本地存储+记住用户名案例

删除数据</button><button class="del">清空所有数据</button><button class="del">清空所有数据</button><button class="set">存储数据</button><button class="get">获取数据</button><button class="set">存储数据

2023-08-07 16:19:37 172

原创 JS进阶篇:移动端常用特效

js插件是js文件,遵循一定规范编写,方便展示和调用。如:轮播图、瀑布流插件特点:解决某问题而存在,功能单一且小。

2023-08-07 16:17:20 827

原创 js案例:节流阀、返回顶部案例、筋斗云案例

首页新闻</a></li><li><a href="#">师资力量</a></li><li><a href="#">活动策划</a></li><li><a href="#">企业文化</a></li><li><a href="#">招聘信息</a></li><li><a href="#">公司简介</a></li><li><a href="#">我是佩奇</a></li><li><a href="#">啥是佩奇

2023-08-07 16:14:39 101

原创 JavaScript案例:轮播图

②若出现图片未一行的情况,是ul不够长,导致未能装下其中li的一个个小图片,只需将ul的宽度设置为400%,即外围大盒子的4倍即可。// 把每次+1这个步长值逐渐变小,步长公式 (目标位置值 - 现在的位置)/10。/* 设置ul宽度为focus的4倍,使其可以装下多个浮动的li */点击左滑按钮,小圆圈随着一起变化!// 解决方案,让元素只有一个定时器(清除上一个定时器,只保留当前的定时器)// 当我们不断地点击按钮,元素的速度越来越快,因为开启了太多定时器。

2023-08-07 16:12:45 419

原创 JavaScript核心(4):动画函数

①将动画函数 animate(obj,target,callback),其中callback为新加的参数,即传入的回调函数。animate(con,-160,function(){//③回调函数:滑出变为→。//1.封装的动画函数,obj目标对象 target目标位置,callback回调函数。animate(con,0,function(){//③回调函数:滑回变为←。//1.封装的动画函数,obj目标对象 target目标位置。//1.封装的动画函数,obj目标对象 target目标位置。

2023-08-07 16:10:25 293

原创 JavaScript核心(2):PC端常用特效

element.offsetWidth包含边框+padding+内容element.clientWidth不含边框+padding+内容不超出element.scrollWidth不含边框+padding+内容可超出【常用】:①offset系列常用于获得元素位置 offsetTop、offsetLeft②client系列常用语获取元素大小 clientWidth、clientHeight③scroll系列常用语获得滚动距离 scrollTop、scrollLeft页面滚动距离。

2023-08-07 16:09:19 154

原创 JavaScript核心(2):BOM

BOM(Borwer Object Model)即浏览器对象模型BOM比DOM更大,它包含DOM。

2023-08-07 16:07:15 38

原创 JavaScript核心(1):DOM

//22

2023-08-07 16:04:55 46

原创 Js学习第九篇:基本包装类型和复杂数据类型

原先我们认为只有 ①对象②复杂数据类型才有属性和方法,而实际上String被js定义为简单数据类型,但它也可以通过 str.length来获取字符串长度。这是因为js会帮我们将:基本数据类型 包装成为 复杂数据类型,这就叫做【基本包装类型】。

2023-08-07 15:57:59 28

原创 js学习第八篇:javaScript内置对象

内置对象是指JS语言自带的一些对象,供开发者使用,主要包括一些最基本常用的功能(属性和方法)优点:帮助我们快速开发常见内置对象:Math、Date、Array、String等。

2023-07-19 13:03:21 60

原创 js学习第七篇:javaScript构造函数

而每次创新不同对象,都需要重复定义大体结构相同的对象,太费时间。ldh.sing(‘忘情水’)//调用ldh对象中的sing方法,同时传入参数sang='忘情水'this.方法 =function(对象中方法的形参1,对象中方法的形参2){--抽象了对象的公共部分,封装到了函数中,表示泛指的类;var ldh = new Star('刘德华',18,'男');:是一种特殊的函数,用于初始化对象,即为对象成员赋初始值。因为每个对象中的属性值都有差异,如:每个人不同的姓名、年龄。res.sayHi('你好哇!

2023-07-19 13:01:00 32

原创 js学习第六篇:javaScript对象

对象是一个具体的事物,实际生活的所有万物皆可对象。本质:无序的相关属性和方法的集合属性:事物的特征(名词)方法:事务的行为(动词)

2023-07-19 12:34:13 39

原创 js学习第五篇:javaScript函数、作用域和变量

alert(num)//虽然将块代码中的变量,放在全局输出,但并不会报错,因为没有作用域。函数的封装:把一个或多个功能通过函数的方式封装起来,对外提供一个简单的接口。3️⃣实参<形参,则多余的形参默认为undefined,最终结果是NaN。var fun = function(形参名1,形参名2...){//这是全局变量,因为只赋值,未声明。f1()调用了f2(),但是调用时,f2()还未执行。function fn(形参名1,形参名2...){//调用成功 输出11。fn()//调用成功 输出11。

2023-07-19 12:32:16 115

原创 js学习第四篇:javaScript数组

数组是一组数据的集合,每个数据叫做元素。数组可以将一组相关的数据一起存放在单个变量名下,并提供方便的访问方式。

2023-07-19 12:30:41 32

原创 js学习第三篇:JavaScript流程控制

里层的操作表达式){外层的操作表达式){根据不同条件,执行不同的路径代码,从而得到不同的结果。//3️⃣操作表达式:更新变量值,以跳出循环。//3️⃣操作表达式:更新变量值,以跳出循环。===**的关系【值,数据类型都一样】**循环体:**一直被重复执行的语句。条件表达式为假,执行else里面的。条件表达式为真,执行花括号里面的。条件表达式为假,执行花括号外面的。2️⃣while(条件表达式){条件表达式为真,执行if里面的。不满足某条件,就一直循环的场景。❗**表达式所得的结果。

2023-07-19 10:20:07 59

原创 js学习第二篇:JavaScript的数据类型

script>//二、内嵌式js var txt = '酷热难耐,火辣的太阳底下,我挺拔的身姿' console.log(txt.length);如:表单、prompt获取过来的数据默认是字符串类型的,此时要进行加法运算,就必须先转换其数据类型。因为不同的数据所占用的存储空间不同,所以有不同数据类型为了方便将数据分成内存大小不同的数据。当有多个表达式的值,左边的表达式值可以确定结果,就不再运算右边的表达式值。​ 如果条件表达式为True,返回表达式1的值,反之,返回表达式2的值。

2023-07-19 10:16:10 296

原创 js学习第一篇:初识JavaScript

ECSMAScript规定了JS的变成语法和基础核心知识,包括JavaScript(网景公司)和Jsscript(微软公司),这两者实际上是对其的实现和扩展。将js代码写在xxx.js文件中,再外连js,同时外部式的标签之间不可以写代码。是指不需要编译,运行过程中由js解释器(js引擎)来进行解释并执行。浏览器本身不会执行JS代码,是通过内置的JS引擎来解析的。

2023-04-12 13:29:58 90 1

原创 js导学-什么是编程语言?

cpu的运行太快了,如果只从硬盘中读数据往往还需要加载一会,这样会浪费cpu性能,所以才利用存储更快的内层来保存运行时的数据。计算机所执行的一系列指令集合,而程序是用我们所掌握的语言来编写的,所以要控制计算机,就要通过计算机语言向计算机发出命令。高级语言编制的程序不能直接被计算机识别,所以必须经过抓换,所以需要一个翻译器,将高级语言转换为机器语言,又称二进制化。程序是放在硬盘里的,而执行是在cpu上的,但cpu不是直接从硬盘上去读取的,其中还有一个内存条。不用于向计算机发出指令,是用来被读取的,是被动的。

2023-04-12 13:26:27 59 1

原创 浏览器如何使用断点调试?

代码人必备的浏览器调试技能!

2023-04-12 13:20:02 4119 1

空空如也

空空如也

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

TA关注的人

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