前端学习
文章平均质量分 53
CN-Dust
WAWAWA
展开
-
npm i 时出现npm ERR! code ELIFECYCLE报错解决办法
npm ERR! code ELIFECYCLE原创 2024-09-18 01:54:28 · 347 阅读 · 0 评论 -
npm安装时候报错certificate has expired
打开了一个很久没用的电脑,npm和node都装好了,安装包的时候一直报错。而且先报错rollbackFailedOptional。然而npm没什么问题,是ssl过期了。然后再执行你想执行的npm指令就好了。原创 2024-09-18 01:08:00 · 268 阅读 · 0 评论 -
npm/nodejs安装、切换源
发现自己电脑上没有npm也没有node很震惊,难道我没写过代码么?不扯了,进入正题哈哈……原创 2024-02-22 13:48:38 · 1232 阅读 · 0 评论 -
在VS里使用C#制作窗口应用
当你想修改这个事件的函数名时,在设计里修改,不要直接在代码里修改,会出现引用错误。修改完后,会生成一个新的函数并自动绑定,将原函数的内容复制过来,删掉即可。在Image处选择上传本地资源,建议上传一个小一点的图片。这段代码可以理解为生命周期的开始,即在一切之前执行。在初始化时通过名字获取它,修改上面的内容为当前的时间。在这个路径里找到exe文件,双击启动。在事件处双击空位,即可自动生成一个事件。创建项目的时候搜索net,选择这个。点击图片,触发点击事件,弹出提示。至此,第一个解决方案已生成。原创 2024-02-20 16:37:23 · 1381 阅读 · 0 评论 -
Git基本指令
添加所有文件到待上传列表提交推送获取现在的状态更新本地代码git拉取某一分支代码放弃本地修改Github desktop上操作获取最后一次提交的消息获取本地文件夹对应的git仓库url分支使用主要的几个命令:原创 2024-02-20 16:08:53 · 405 阅读 · 0 评论 -
跨文件async-await使用小示例(内含js调用原生node方法)
2.新建一个testmain.js,require一下这个。1.新建一个test.js,写一点原生node操作。在testmain下新建终端,node一下。原创 2023-03-24 15:38:40 · 129 阅读 · 0 评论 -
[JS]请给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重复条目的新数组。
请给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重复条目的新数组。刚开始复习js题还不太习惯CSDN上看了一个帖子,说是牛客上的标答,运行了一下根本不对呀兄弟以下是我的解法Array.prototype.distinct = function () { let res = [] this.map((v, index) => { if (!res.includes(v)) { res.push(v)原创 2021-09-08 01:02:27 · 226 阅读 · 0 评论 -
[JAVASCRIPT]原生js实现自动滚动条
绝对不是因为看了今日校园的请假条,绝对不是!!!本人每次进出校园都有正常请假哦!!!原生js实现一个滚动条index.html里面加一个容器<div class="gundongtiao"></div>js部分首先我们获取到这个divlet gundongtiao = document.querySelector('.gundongtiao')添加30个绿色小块块先let v = `<div class="green-one"> .原创 2021-09-10 14:06:27 · 711 阅读 · 1 评论 -
[JAVAEE] 理解“自然模板“+使用 ModelAndView 对象
接上一篇:https://blog.csdn.net/qq_36286039/article/details/119955773不启动服务器,直接使用浏览器打开览页面显示的是静态数据Thymeleaf 目标就是前后端分离,即同一个 HTML 文件,前端人员以静态原型方式 打开时,看到是它们的内容,而后端人员通过服务器打开时,看到是动态数据 — 自然模板补充:使用 ModelAndView 对象(对比一下)使用 addObject 方法给 ModelAndView对象添加属性使用 s原创 2021-08-27 18:12:47 · 155 阅读 · 0 评论 -
[JAVAEE] IJ初始配置+第一个程序
安装安装JDK启动Idea → 新建项目 → 选择Java → 在Project SDK中选择下载JDK配置Maven启动Idea → Customize → All Settings… → 查看Maven配置配置maven仓库镜像在 .m2 文件夹中新建 settings.xml 文件:使用阿里云maven仓库镜像来添加依赖<?xml version="1.0" encoding="UTF-8"?><settings xmlns="http://maven.a原创 2021-08-26 17:39:29 · 4426 阅读 · 0 评论 -
[JavaScript] JavaScript 运算符与流程控制
本文主要介绍switch,do-while的使用方法有关if-else,for,while等简单流程控制,和别的语言相似且常见,我没有自己写,本文将展示教程配套课件中的代码,以及我写的解释课程来源:后盾人switch的使用匹配到case之后,就会傻呵呵地往下走,直到碰到breaklet namee = 'test'switch (namee) { case 'aaa': console.log('aaa') case 'test': console.log('te.原创 2021-09-09 16:34:01 · 223 阅读 · 2 评论 -
[JAVAEE] 使用Postman测试接口
使用Postman测试接口HelloController.javapackage com.example.demo.controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RestController;import java.util.HashMap;import java.util.Map;@Rest原创 2021-08-26 17:46:28 · 287 阅读 · 0 评论 -
[JS] 什么是浮动,clear:both的使用
test.html里输入以下代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /原创 2021-09-16 15:47:51 · 236 阅读 · 0 评论 -
[JAVAEE] Thymeleaf 基本语法: form相关标签
th:action 指定表单提交地址th:value 给value属性赋值th:field 能自动生成id、name和value属性form表单示例运行结果更改数据点击保存控制器代码:TestController.javapackage com.example.demo.controller;import com.example.demo.bean.Student;import org.springframework.stereotype.Controller;im.原创 2021-08-27 22:05:32 · 558 阅读 · 0 评论 -
[JAVAEE] Thymeleaf 基本语法:常用表达式
Thymeleaf 基本语法◼ 常用表达式 ◼ form相关标签 ◼ 条件判断 ◼ 迭代循环原创 2021-08-27 21:22:22 · 296 阅读 · 1 评论 -
[JAVAEE] 常用th标签
关键字功能介绍案例th:id替换id<input th:id="'xxx' + ${collect.id}"/>th:text文本替换<p th:text="${collect.description}">description</p>th:utext支持html的文本替换<p th:utext="${htmlcontent}">content</p>th:object替换对象<div ...原创 2021-08-27 22:56:41 · 829 阅读 · 0 评论 -
[JAVAEE] Thymeleaf 基本语法: 迭代循环
th:each 遍历集合基本语法:<div th:each="变量名 : 集合"> <p th:text="${变量名}"></p> </div>示例:遍历对象集合后台代码@Controllerpublic class TestController { @RequestMapping("/th") public String index(Model model) { List<Student&g原创 2021-08-27 22:49:36 · 327 阅读 · 0 评论 -
[JS]请填充代码,使mySort()能使传入的参数按照从小到大的顺序显示出来。
请填充代码,使mySort()能使传入的参数按照从小到大的顺序显示出来。刚开始刷js题真是不适应啊,这次体会到sort()的香了~请填充代码,使mySort()能使传入的参数按照从小到大的顺序显示出来。function mySort() { var tags = new Array();//使用数组作为参数存储容器 请补充你的代码 return tags;//返回已经排序的数组}var result = mySort(50,11,16,32,24,99,57,100)原创 2021-09-08 01:21:45 · 432 阅读 · 0 评论 -
[JavaScript] JavaScript 值类型使用:与数组有关的API
课程来源:B站后盾人typeof和instanceof的使用let a = 10console.log(typeof a)let b = ''console.log(typeof b)let c = []console.log(typeof c)let d = {}console.log(typeof d)// {},[]都是Object,怎么办呢?console.log(c instanceof Array)console.log(d instanceof Array)con.原创 2021-09-09 21:10:25 · 81 阅读 · 0 评论 -
[JavaScript] Math里的api
JS里有关Math的api取得最大值和最小值console.log(Math.min(1, 2, 3, 4, 5, 1, 2)) // 1console.log(Math.max(1, 2, 3, 4, 5, 1, 2)) // 5let grade = [100, 60, 78, 99, 56]console.log(Math.max(grade)) // NaNconsole.log(Math.max(...grade)) // 100console.log(Math.min.apply原创 2021-09-11 01:11:50 · 196 阅读 · 0 评论 -
[JavaScript] JavaScript 数组挖掘,不只是讲数组哟
课程来源:后盾人数组引用类型分析数组的定义const array = new Array('hello', 'dust', 1, 2, 3, 4, 5)console.log(array)let arr = ['hello', 'dust', 1, 2, 3, 4, 5]console.log(arr)运行结果:数组是引用类型的体现:let arr = ['hello', 'dust', 1, 2, 3, 4, 5]console.log(arr)let hd = ar.原创 2021-09-13 21:00:08 · 136 阅读 · 0 评论 -
[JavaScript] 日期时间戳的使用与计算
日期时间戳的使用与计算new Date()的使用const date = new Date()console.log(date) // 2021-09-10T07:12:11.948Zconsole.log(typeof date) // objectconsole.log(date * 1) //1631257931948Date()的使用const hd = Date()console.log(hd) // Fri Sep 10 2021 15:12:11 GMT+0800 (中国标原创 2021-09-11 01:14:44 · 292 阅读 · 0 评论 -
[JS] 闭包与内存泄漏
一句话总结闭包:函数里套函数,函数返回函数。内存泄漏:每次外部函数执行的时候,外部函数的引用地址不同,都会重新创建一个新的地址。但凡是当前活动对象中有被内部子集引用的数据,那么这个时候,这个数据不删除,保留一根指针给内部活动对象。闭包内存泄漏为: key = value,key 被删除了 value 常驻内存中。function foo() { let a = 10 function show() { console.log(++a) } return show..原创 2021-09-26 11:41:52 · 299 阅读 · 0 评论 -
http常用状态码
2 开头 (请求成功)表示成功处理了请求的状态代码。200 (成功) 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。201 (已创建) 请求成功并且服务器创建了新的资源。202 (已接受) 服务器已接受请求,但尚未处理。203 (非授权信息) 服务器已成功处理了请求,但返回的信息可能来自另一来源。204 (无内容) 服务器成功处理了请求,但没有返回任何内容。205 (重置内容) 服务器成功处理了请求,但没有返回任何内容。206 (部分内容) 服务器成功处理了部分 GET 请求原创 2021-09-26 11:12:31 · 143 阅读 · 0 评论 -
[JS] 关于parseInt的一个小知识:[‘1‘, ‘2‘, ‘3‘].map(parseInt)
主要是在笔试里看到了,自己试下。。let a = ['1', '2', '3'].map(parseInt)console.log(a)运行结果:反正当时是做错了,QAQ原创 2021-09-25 22:44:15 · 189 阅读 · 0 评论 -
[JS] 事件冒泡,阻止事件冒泡,事件的三个阶段(捕获,目标,冒泡)
事件冒泡添加三个套在一起的div元素,在最里面放一个button,感受事件触发时从里到外“冒泡”的过程。给每个div都加一个事件:点击时就alerttest.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> &l原创 2021-09-25 22:07:39 · 375 阅读 · 1 评论 -
[JavaScript] 探索JS中的函数秘密
函数长啥样?把一些要重复使用的内容封装到函数内。function foo(title) { console.log(title)}foo('title')foo('dust')foo('hello')运行结果:用对象把函数装起来let user = { name: null, setUsername: function (name) { this.name = name }, getUsername: function () { return thi原创 2021-09-25 14:26:33 · 157 阅读 · 0 评论 -
[JavaScript] 函数作用域问题
理解以下代码:function foo() { let n = 1 return function bar() { let m = 1 function show() { console.log('m:', ++m) console.log('n:', ++n) } show() }}let a = foo()console.log(a)a()a()首先看看这个a是个什么?是返回回来的一个函数——a是一个函数那么n和m原创 2021-09-23 12:53:02 · 91 阅读 · 0 评论 -
[JavaScript] Map类型在JavaScript中的使用
感受Map键值对花样很多let map = new Map()map.set('name', 'dust')map.set(function () {}, 'hello')map.set({}, 'hi')map.set(1, 'www.baidu.com')console.log(map)运行结果:也可以一次性添加多个值let map2 = new Map([ ['name', 'dust'], [function () {}, 'hello'],])conso原创 2021-09-23 11:55:13 · 217 阅读 · 0 评论 -
[JavaScript] Set类型在JavaScript中的使用
初识Set在Set里,不能有重复的值。let set = new Set()set.add(1)set.add(1)console.log(set)运行结果:修改一下let set = new Set()set.add(1)set.add('1')console.log(set)运行结果:这里和对象进行一下比较:对象是不区分字符串和数字的,而且后面的会把前面的覆盖。let obj = { 1: 'hello', '1': 'dust',}console原创 2021-09-22 17:07:11 · 324 阅读 · 0 评论 -
[JavaScript] 好用的 JavaScript Symbol 类型
初识Symbol什么是Symbol?可以理解它为一个标识,一般情况下用来解决重名问题。let hd = Symbol('hello,dust.')let edu = Symbol('good afternoon')console.log(hd == edu) //false一个Symbol要反复使用可以用Symbol.for定义let a = Symbol.for('good morning')let b = Symbol.for('good morning')console.l原创 2021-09-22 16:09:32 · 109 阅读 · 0 评论 -
[JavaScript] JavaScript数组挖掘,不只是讲数组哟(2)
课程来源:后盾人上一篇的内容:[JavaScript] JavaScript数组挖掘,不只是讲数组哟数组引用类型分析,多维数组,用Array.of为数组创建细节,类型检测与转换,在一个数组后面加一个新的数组,解构赋值,多种添加元素的方式,在数组中增删改,小函数:移动数组里的一部分,清空数组的方式,split和join的使用,find和findIndex的使用,自定义find函数,神奇的排序。数组的循环操作首先我们定义一个数组,命名为lessonslet lessons = [ { n.原创 2021-09-21 16:42:46 · 94 阅读 · 0 评论 -
[JS] for-each和map()的区别
先说下for-each与for-of还有for-in的区别。for-of和for-in都是对对象操作的,而for-each和map()是对数组进行操作的。for-in的使用:对于一个数组里的每一个键进行遍历(不是键值对key-value形式么,就是那个"键")for-of的使用:与for-in不同,for-of取的是键值对里的"值"for-each和map()的区别for-each没有返回值,就是简单的遍历。看以下代码:let a = [1, 2, 3, 4, 5]let c = a.原创 2021-09-16 13:02:44 · 138 阅读 · 0 评论 -
[JS] 如何判断一个对象是否为空
js判断空对象的几种方法一、将对象转为字符串比较let a = {}console.log(JSON.stringify(a) === '{}') //true二、for…in循环function isEmpty(obj) { for (let key in obj) { return false } return true}console.log(isEmpty(a)) //true三、Object.getOwnPropertyNames()Object.getO原创 2021-09-16 12:17:16 · 3738 阅读 · 0 评论 -
[JavaScript]走进 JAVASCRIPT 黑洞
建议使用let和const代替var体验typeofvar a = 'dust'console.log(typeof a)var b = 99console.log(typeof b)var c = []console.log(typeof c)var d = { hello: 1 }console.log(typeof d)console.log(typeof d.hello)// e没有定义,直接输出它的类型,会是什么呢?console.log(typeof e)运行结果.原创 2021-09-07 22:46:50 · 2017 阅读 · 6 评论 -
DOM相关内容(课程来源:B站 后盾人)
课程来源:B站后盾人有关DOM的介绍在此引用一位大佬的博客的部分内容:JS-DOMhttps://blog.csdn.net/weixin_45077672/article/details/116693698?spm=1001.2014.3001.55011.什么是DOM文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容,结.原创 2021-09-07 18:06:56 · 321 阅读 · 0 评论 -
[JAVA EE] JPA 查询用法:自定义查询,分页查询
项目已上传:https://codechina.csdn.net/qq_36286039/javaee自定义查询问题:内置的crud功能不满足需求时如何添加自定义查询?几种自定义查询方法方法命名规则查询按照 JPA 定义的规则,查询方法以 find|read|get 开头(比如 find、findBy、read、readBy、get、getBy),涉及条件查询时,条件的属性用条件关键字连接,注意:条件属性首字母需大写。JPA 框架在进行方法名解析时,会先把方法名多余的前缀截取掉,然后原创 2021-09-05 22:44:15 · 1580 阅读 · 2 评论 -
[JS] undefined、null、ReferenceError的区别、变量作用域问题
null表示"没有对象",即该处不应该有值。典型用法是:(1) 作为函数的参数,表示该函数的参数不是对象。(2) 作为对象原型链的终点。undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是:(1)变量被声明了,但没有赋值时,就等于undefined。(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。(3)对象没有赋值的属性,该属性的值为undefined。(4)函数没有返回值时,默认返回undefined。原创 2021-09-05 13:11:30 · 384 阅读 · 0 评论 -
setTimeout、setInterval、promise、async/await的顺序详解(多种情况,非常详细~)
setInterval:表示多久执行一次,需要clearInterval(timer)来让它停下。要是不clearInterval(timer),它就会越来越快!setTimeout:表示过了多久之后执行,只会执行一次!比如这段代码,实现的是每秒都在console里输出现在的时间,5秒后停止。上代码原创 2021-09-05 02:51:02 · 2863 阅读 · 0 评论 -
[JAVA EE] JPA 技术实践:完成增、删、改、查操作
先看下效果:id是自动生成的,跳数了是因为之前删过数据删除后一些术语、概念entity-dao-service-web层准备工作新建 Spring Boot 项目:jpademo2MySQL数据库:还是testdb user表添加相关依赖:pom.xml<!-- Spring Data JPA 依赖 --> <dependency> <groupId>org.springframework.b原创 2021-09-04 22:05:36 · 497 阅读 · 1 评论