自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(169)
  • 资源 (2)
  • 收藏
  • 关注

原创 JavaScript yyds

JavaScript yydsJavaScript历史主流浏览器及其内核JavaScript中的数据类型typeof函数特殊情况显示类型转换隐式类型转换函数命名函数声明匿名函数表达式实参列表---argumentsjs运行三部曲预编译前奏预编译-四部曲立即执行函数作用域、作用域链闭包对象对象的创建方式构造函数内部原理包装类原型、原型链call/apply继承模式命名空间thisarguments克隆数组类数组数组去重可配置性属性异常es5 标准模式DOM什么是DOM?DOM节点DOM接口DOM基本操作相关注

2021-09-15 20:44:12 2859 1

原创 Electron中加载百度地图api调用其中方法报错:Uncaught ReferenceError: md5 is not defined

Electron:Uncaught ReferenceError: md5 is not defined

2024-03-08 17:58:57 732 1

原创 webstorm 使用 live edit 调试时 加载外部资源出现CORS跨域的解决办法

webstorm 使用 live edit 调试时 加载外部资源出现CORS跨域的解决办法Access to font at 'http://at.alicdn.com/t/c/font_3641113_95201r1jrm.ttf?t=1662715902681' from origin 'http://localhost:63342' has been blocked by CORS policy: Response to preflight request doesn't pass access c

2022-09-09 23:32:30 908 1

原创 不使用async+await,在for循环中使用Promise来 `消除回调`

使用ES7给我们提供的async和await,确实可以在一定程度上消除一些回调函数的使用,为我们的编程带来不少地方便。例如,现在有一个函数:function sleep(duration) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(); },duration) })}我们现在想利用以上的函数实现这样一个需求,程序每睡上一秒,就打印一个"ok",一共.

2022-03-03 21:11:31 945

原创 windows11 去除右键 open in windows terminal

windows11 去除右键 open in windows terminal操作步骤如下:1、按Win+R快捷键,输入“regedit”打开注册表。2、地址栏输入【HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Shell Extensions\】回车。3、点击选择【Shell Extensions】文件夹,右键新建项,名称为【Blocked】。4、点击选择【Blocked】文件夹,右键新建字符串值,名称为【{9F1567

2022-01-22 19:23:59 5016 1

原创 vue实现拼图小游戏

App.vue<template> <div> <d-puzzle v-bind="puzzleConfig[level]" :key="level" @nextLevel="goToNextLevel" @imgWHConfirm="imgWHConfirm"/> </div></template><script> import DPuzzle from './Puzzle' export defau

2021-08-24 16:00:11 700

原创 css的小练习,关于border、position、margin、float等问题

css的小练习,关于border和定位三角形认识盒模型对于窗口绝对居中奥运五环三角形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width: 0; height: 0; border-top: 100px solid

2021-08-18 11:53:32 331

原创 javascript的小练习,关于基础语法和类型转换

1、 计算2的n次幂,n可输入,n为自然数。<script> var n = prompt("请输入一个自然数"); function powOf2(val) { if (parseInt(val) != val || val < 0){ alert("抱歉,您输入的不是一个自然数"); return; } var result = 1; for (var i

2021-08-16 12:54:08 189

原创 js获取图片宽高

JavaScript获取图片宽高核心代码很简单:let imgSrc = "图片路径";let img = new Image();img.src = imgSrc;return {width: img.width,height: img.height}但是,很不凑巧,在js中,图片的加载是异步的,这就类似于,网页中dom元素的加载,css样式的渲染,js脚本的执行,ajax请求,图片的加载,不是同步执行的。在img.src属性被赋值以后,img的onload事件就会触发,如果有缓存,即

2021-08-15 18:04:04 4498

原创 vue封装进度条组件

vue封装进度条组件Attributes用例代码组件代码vue封装进度条组件Attributes参数说明类型可选值默认值percentage百分比(必填)number0-1000type进度条类型stringline/circlelinestroke-width进度条的宽度,单位pxnumber——6text-inside进度条显示文字内置在进度条内(只在type=line时可用)boolean——falsestatu

2021-08-11 13:22:18 1228

原创 今夜我们一起学习Java手写Web服务器

我们一般都会使用Tomcat服务器作为我们项目部署的容器,甚至SpringBoot项目的web-stater内嵌了tomcat服务器来方便我们项目的部署。这一次我们就用使用Java从零开始编写一个类似tomcat的服务器吧。首先,它基于Http协议,一个请求—响应模型。浏览器从地址栏输入协议名、IP、端口号、请求的URI,然后该IP上对应端口号的那台服务器就会接收到请求,拿到请求信息,实际上就是一个字符串,类似于:GET /login?name=tom HTTP/1.1Host: localhos

2021-08-01 20:01:25 400

原创 Java对象 转 JSON 字符串

本案例所有代码均为原创,使用Java手写,没有借鉴其他类似工具库和网上论坛博客,也许没有经过充分测试,可能出现未知bug,因此不建议拿到正式的项目里使用。Java对象就像一个文件夹一样,没有办法知道其深度,所以采用了递归。性能方面没有测试,个人认为没有特别耗费性能的地方,除非你的对象包含很多层级。它可以支持null,字符串,数字、日期、集合等多种类型,包括以上类型的多层嵌套,都没有问题。源码不多,如下:import java.lang.reflect.Field;import java.lang

2021-07-29 18:32:45 5798

转载 vue-cli打包到部署到nginx服务器

vue-cli打包到部署到nginx服务器原文地址:https://www.cnblogs.com/mmzuo-798/p/9273754.html最近公司把云平台产品用vue 前后端分离的框架来写,前面大部分开发都比较顺利,后面打包部署出了bug现在记录下自己遇到的哪些坑1,我直接npm run build 打包出来,打开dist目录下面的index.html 空白页,页面上出现 no "NODE ENV"是我打包时没有指定打包到哪个环境正确打包是

2021-07-09 09:27:09 379

原创 JavaScript解决window.onresize多次频繁调用

引入如下函数: let debounce = function (func, threshold, execAsap) { let timeout; return function debounced() { let obj = this, args = arguments; function delayed() { if (!execAsap) func.apply(obj,

2021-07-06 18:02:14 720

原创 原生 js 实现轮播图

一般而言轮播图都需要使用到动画效果,我这里是原生 js 手写一个动画,基于这个动画效果,在实现我们的轮播图。封装了一个小插件,我把它命名为:slideshow .js ,源码如下:function animate(elem, options, callback) { if (elem == null){ //说明现在不是那个轮播图页面了 return; } let timer = null; let attribute = options.

2021-07-05 17:47:53 3181

原创 原生js写一个动画效果(简易版)

原生js写一个动画效果(简易版)有了 jQuery 以后,很少有人用原生js写动画效果了。鄙人才疏学浅,闲来无事,幸甚至在,码以永志。function animate(elem, options) { var timer = null; var attribute = options.attribute; var startValue = parseInt(window.getComputedStyle(elem)[attribute]); var endValue = parseInt(op

2021-06-29 22:12:53 1411

原创 Idea中maven工程下pom文件的某些依赖按ctrl点不进去

解决办法:1、点击右边Maven按钮,右键点击项目名,然后Download Documentation2、如果下载文档后还是不行,尝试重启 IntelliJ IDEA本人在使用Spring Boot过程中遇到了该问题,当时spring-boot-starter-web可以按ctrl+鼠标左键点进去,而父项目spring-boot-starter-parent却点不进去。最终通过该方式成功解决...

2021-05-04 08:02:29 5772 7

原创 IntelliJ IDEA中使用lombok注解不生效

首先保证导入lombok的jar包然后保证下载好了lombok的插件,如图:最后保证项目在编译过程中启动了注解处理:

2021-05-02 22:59:25 805 1

原创 使用editor.md踩坑血泪史总结

当我们的项目需要引入一个功能强大的markdown编辑器,我们兴许会考虑使用当今比较主流的markdown编辑器:editor.md,最重要的是它完全开源,免费。这是它的官方地址:https://pandao.github.io/editor.md/然而这个编辑器并不是拿来即用的,引入的时候可能会遇到一些棘手的问题和莫名其妙的错误,而且这些错误在网上百度却很难快速找到行之有效的解决方案。写在前面首先要注意的是,editor.md是依赖于 jQuery 的,所以必须先引入 jQuery 文件(或 j

2021-01-18 11:48:41 5114 11

原创 win10系统查看已连接wifi的密码

首先确保您的电脑底部状态栏有以下这个wifi图标:鼠标右键该wifi图标,点击打开“网络和Internet”设置然后点击更改适配器选项找到自己所连接的wifi鼠标右键所连接的那个wifi,点击状态点击无线属性点击安全最后点击显示字符即可...

2021-01-18 10:14:58 266

原创 批量替换数据库中某字段值的一部分为另外一部分

例如实际需求如下:要求把该表中value字段中所有的8080替换成8989用sql语句实现:UPDATE `config` SET `value`=REPLACE(`value`,'8080','8989') WHERE `value` LIKE '%8080%'其中config为表名。数据库环境:mysql 5.5

2020-11-03 18:13:42 909

原创 将一个数组用单向链表进行穿链

单向链表-循环穿链链表的是这样的一种简单实现:class ListNode { int val; ListNode next; ListNode() { } ListNode(int val) { this.val = val; } ListNode(int val, ListNode next) { this.val = val; this.next = next; }}题目要求

2020-10-29 13:14:21 232

原创 彻底解决Idea中使用tomcat出现的各种中文乱码问题

网上有很多解决方案,诸如:https://blog.csdn.net/nan_cheung/article/details/79337273https://blog.csdn.net/lk1822791193/article/details/88317140但是亲测不是很有效。要么控制台乱码解决了,但是普通的日志,抛出异常的信息,或者calalina日志等等,都会乱码!!一招解决:首先保证你的Idea中整体环境是UTF-8的,我们平常做项目一般都是UTF-8的大环境Idea中开发环境

2020-10-27 15:44:24 882 1

原创 优化并抽取Servlet

优化并抽取Servlet如果每实现一个功能就写一个Servlet,代码难免会显得有些冗余,如果可以稍加封装,代码的优雅性会大大提高。用模块化的思想,用户模块写一个Servlet,商品模块写一个Servlet,管理员模块写一个Servlet,这样一个项目中Servlet的个数会大大减少,同时也利于项目的维护。首先写一个BaseServlet,它继承HttpServlet,重写它的service(HttpServletRequest req, HttpServletResponse resp)方法,获取每

2020-10-06 19:21:29 171

原创 vue初体验--库存管理系统小demo

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id=".

2020-10-01 19:23:52 1150

原创 Redis 入门 2020-09-19

Redis:REmote DIctionary Server(远程字典服务器)redis索引从0开始,默认端口号:6379,默认16个数据库常用命令初始:服务端启动:redis-server.exe redis.windows.confwindows系统下,如果为redis配置了系统环境变量,直接在任意路径下访问redis-server.exe即可启动redis服务端,后面的redis.windows.conf可以省略,使用默认的。客户端启动:redis-cli -h 127.0.0.1

2020-09-22 19:25:31 195

原创 Java实现简单聊天室的小Demo

Java实现简单聊天室的小DemoServer端:import java.io.*;import java.net.ServerSocket;import java.net.Socket;public class TcpServer { public static void main(String[] args) { ServerSocket server = null; ThreadGroup myGroup = new ThreadGroup("讨论组

2020-09-17 19:18:20 363

原创 解决STS配置了lombok后打不开的情况

首先确保lombok.jar和我们的SpringToolSuite4.exe在同一级目录下:然后打开配置lombok以后生成的SpringToolSuite4.ini文件:

2020-09-15 21:54:54 958

原创 简单封装一个JDBCUtil小工具

简单封装一个JDBCUtil小工具实现原理:开发环境:实现的功能:使用方法:方法概览:实现原理:获取数据库连接,使用的是阿里巴巴的的druid数据库连接池(druid-1.1.10),因此个人使用的时候需要一个配置文件。本工具默认自动扫描classpath路径下的src文件夹中的db.properties文件。另外使用到了反射来把查询到的结果集数据注入Java对象中。但仅仅支持全字段查询的结果集封装。开发环境:JDK1.8、ojdbc8.jar、druid-1.1.10.jar实现的功能:获取

2020-09-11 19:02:06 276

原创 JDBC中关于Statement的Sql注入问题

sql注入攻击指的是通过构建特殊的输入作为参数传入web应用程序,而这些输入大都是sql语法里的一些组合,通过执行sql语句进而执行攻击者所要做的操作,其产生的主要原因在于应用程序没有细致地过滤用户输入的数据,致使非法数据侵入系统。我们通过一个用户登录的小案例来大致了解sql注入的情况:(Oracle数据库环境)首先准备一张表t_user:create table t_user( name varchar2(10) primary key, password varchar2(10) not n

2020-09-11 18:40:43 978

原创 记一次Spring配置声明式事务但是没有生效的问题

本来就是一个很简单的小问题,但是真的被细节打败了。。。事务死活就是开不启,查资料、找原因也花了好长时间。索性就记录下来。我原本的配置文件是这样的spring-persist-tx.xml:<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-insta

2020-08-26 20:00:41 1025 1

原创 深入学习Java中的注解(Annotation)

Java中的注解(Annotation)注解和注释有啥区别呢?初学注解1.注解的写法2.注解放置在哪里3.注解的作用4.Java中有一些人家写好的注解供我们使用5.注解中可以携带信息,也可以不携带自定义一个注解类型元注解自己使用自己描述的注解:单词Annotation可翻译为:注释、注解。单词Comment可翻译为:评论、议论、解释。在Java当中,Comment充当注释的含义,Annotation充当注解的含义。注解和注释有啥区别呢?Java中有单行注释、多行注释、文档注释。注释Commen

2020-08-20 14:55:41 419

原创 假设有3个车位可以停车,写一个程序模拟多个用户开车离开、停车入库的效果

利用到Java多线程的知识,下面是我们实现代码:import java.util.ArrayList;import java.util.Iterator;import java.util.List;/** * 假设有3个车位可以停车,写一个程序模拟多个用户开车离开、停车入库的效果。 * * @author qiaoao */public class Demo { public static void main(String[] args) { Garage cheku = new

2020-08-19 19:18:36 787 1

原创 写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数

这相当于一个词频统计问题,操作的肯定是纯文本文件,那么我们肯定是首选字符文件输入流(FileReader)来读取了。思路也很简单,假设文件中有这样一串文本内容:```ahello world 中国 java hel lo 中国 hello```我们查找单词`hello`在其中出现的次数,按照我的逻辑,我认为hello出现了2次的,ahello也算。利用程序如何做呢?首先,要查找的字符串是'hello',它的长度为5,那么我们就创建一个长度为5的字符数组,每次读取5个字符,把读取出来的

2020-08-19 19:06:25 2577

原创 Java反射基础(reflect)

Java中的反射,它算是Java当中非常底层的一个技术。平时我们我们用得不多,实际上它也的确非常复杂同时也难以理解,但是涉及到底层的东西Java都给我们封装好了,我们直接拿来调用即可,所以我们操作起来就很简单,这也是Java封装性的一个体现。反射是java中提供的一种机制,它允许我们在程序运行的时候,动态获取一个类中的基本信息,并且可以调用类中的属性、方法、构造器。我们以往遵循的都是面向对象的编程思想,现实生活中,先存在了很多对象,它们有相同的特征,相同的行为,我们就把它们归为一类,

2020-08-12 19:58:36 446

原创 Java细枝末节:运算符优先级表

Document 优先级 运算符 结合性 1 ()、[]、{} ...

2020-08-11 17:11:24 303

原创 Java细枝末节:方法重写与方法重载区别对照表

Document 方法重写(Override) 方法重载(Overload) 1.类 产生两个继承关系的类,子类重写父类的方法 同一个类中的一组方法 2.权限 子类权限修饰符可...

2020-08-11 16:27:32 112

原创 用Python写一个属于自己的音乐播放器(pygame+tkinter)

运行截图:代码实现:import osimport timeimport tkinterimport tkinter.filedialogimport threadingimport pygame# 定义一些变量folder = '' #歌曲文件夹路径res = [] #存放歌曲路径ret = [] #存放歌曲名称num = 0now_music = ''one_start = True# 功能# 添加文件def buttonChooseFile(): glob

2020-08-08 14:11:57 4614 4

原创 简单实现LinkedList

package com.briup.day15.mylist;public class MyLinkedList { private class Node { // 存放元素的值 private Object data; // 存放上一个节点 private Node prev; // 存放下一个节点 private Node next; public Node(Node prev,Object data, Node next) { this.prev = prev;

2020-08-08 12:01:23 135

原创 简单实现ArrayList

package com.briup.day14.mylist;public interface MyList { //在指定位置添加对象 public void add(int index,Object obj); //在数据结构最后位置添加对象 public void add(Object obj); //删除指定位置上的对象 public Object remove(int index); //修改指定位置上的数据 public void set(int index,Object o

2020-08-08 12:00:04 168

Java版飞机大战(自设计款)需JRE运行

使用Java语言实现的一款飞机大战小游戏,3种类型的敌机,分别对应不同的生命值,战机生命值在右上角显示,随着分数的增加,3种敌机依次出现

2020-09-09

win7风格后台管理模板

win7风格后台管理模板,后台管理系统的前端页面模板。

2019-12-09

空空如也

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

TA关注的人

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