- 博客(87)
- 收藏
- 关注
RSS订阅原创 百度地图api vue集成模板收录
<!-- @Author: bijiahao @Description: 百度地图组件 @Date: 2021/2/1 16:51--><template> <div class="map-warp" id="vehicleBaiduMap" style="margin:0 auto;width: 1200px;height:600px;"> </div></template><script>
2021-08-28 10:10:48
223
原创 前端接收到的Url参数有中文乱码
decodeURIComponent将乱码的值填进参数中解码出来就是中文了this.cropName=decodeURIComponent(arr.name);
2021-03-19 16:44:28
744
原创 linux下docker部署nginx
docker pull nginx-------------------------------------------docker run--name my_nginx-d -p 80:80-v XXX:/etc/nginx/nginx.conf-v XXX:/var/log/nginx-v XXX:/usr/share/nginx/htmlnginx
2021-03-18 14:55:02
253
原创 前端js获取本项目的项目根地址
类似 http://localhost:9528/#/device/monitorTalkBack或 https://192.168.11.11:9528/#/device/monitorTalkBack取 http://localhost:9528/或https://192.168.11.11:9528/function getLocalHostPath(){ //获取项目url let cur = window.document.location.href; //获取项目名
2021-03-08 10:18:29
564
原创 真正的mybatiesPlus一键生成模板(根据对象增删改查分页的controller完善)详
代码都将上传至git 仓库地址转载请注明出处第一步创建一个数据库加一张表（表注释和列注释都最好加上）这里随便建一张表/* Navicat Premium Data Transfer Source Server : adsfd Source Server Type : MySQL Source Server Version : 80019 Source Host : localhost:3306 Source Schema
2021-03-05 16:25:19
812
2
原创 怎么让某段css代码只在Chrome 火狐 edge 浏览器生效
上网查了很多方法到现在ie其实已经没有了，所以都是兼容Edge浏览器（win10自带）截图这段css代码只在火狐生效，其他不生效然后是谷歌和edge试了很多种/*只兼容谷歌*/@media screen and (-webkit-min-device-pixel-ratio:0) { #playWnd { margin-left:0%; margin-top:37.5%; }}网上说的比较多的是这种方法，但是这种方法试了不行，不知道有什么问题找不到方法最后只能用
2021-03-01 11:37:10
1643
1
原创 vue登录模板1-科技透明登录框与登录页
1.LoginForm登陆框组件（需要elementUI）<template> <el-form ref="loginForm" :model="model" :rules="rules" class="login-form"> <!--登陆标题--> <div class="title-container"> <h3 class="title">平 台 登 录</h3> </div&g
2021-01-04 17:12:55
7325
4
原创 页面滚动条隐藏
<style> *{ scrollbar-width: none; } ::-webkit-scrollbar { display: none; /* Chrome Safari */ }</style>
2020-12-25 10:49:03
160
原创 appLoader样例vue-cli3+elementUI(记录)
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="../script/element_ui/theme-chalk/index.css"> <style type="text/css"> html, body{ margin:
2020-11-17 14:50:13
227
原创 Vue-Cli3配置多页面应用(详)
先创建一个vuecli3项目（前面的安装环境就不说了，下面配置任意选，我这里直接默认配置）创建好了，如下目录我们将页面添加上几个，先把原来的复制几份，为index1.html index2.html index3.html ，再把原来的index.html删了，看着舒服一点，这里每一个页面都一样三个页面都创建好了，接下来我们需要为每一个页面准备单独的组件，单独的main.js，单独的路由，看我怎么做先在src下创建一个目录pages，下面创建三个index文件夹，index1，in
2020-10-19 17:25:06
1707
6
原创 JwtUtil-MD5Util-RedisUtil，以及springboot aop练习(记录)
1.JWTUtil引包 <dependency> <groupId>com.auth0</groupId> <artifactId>java-jwt</artifactId> <version>2.2.0</version> </dependency>package com.example.demo11.util;import com.auth0.jwt.JWTSign
2020-09-27 16:45:30
134
原创 VueRouter(记录)
VueRouter1.创建路由index2.将路由注册到main.js中3.创建相应的面板，并在App.vue中导入4.router-link中，如果想要指定，此标签的类型(默认a标签)，则用tag标签，4.如果想要禁止浏览器返回则用replace5.如果想要手动调用，则this.$router.push("/home")或this.$router.replace("/home")6.动态路由的跳转如果想携带一个参数，则通过router-link的to属性传入参数通过
2020-09-25 16:26:43
148
原创 原生jquery实现根据后台json数据动态生成的侧边栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #ctnUIAccordion{ width: 200px; } #ctnUIAccordion .panel{
2020-09-22 16:50:25
441
原创 linux下docker部署redis
第一步：docker pull redis 直接下载最新版redis第二步：创建docker的配置文件我是创建在/usr/local/redis/conf/redis.confvi编辑redis.conf将下面代码复制到其中即可，其中配置和官网稍有不同，注释掉了bind， 设置了密码123456，等第三步： docker run -p 6379:6379 --name redis \ -v /usr/local/redis/conf/redis.conf:/etc/redis/redis
2020-08-07 12:24:26
429
原创 快速排序以及荷兰国旗问题
荷兰国旗要点：指针在移动时，1.如果指针对应的值小于给定值，左标记和指针均向右移2…如果指针对应的值等于给定值，指针右移3…如果指针对应的值大于给定值，右标志位左移package Test;public class 荷兰国旗{ public static void main(String[] args) { int arr[] = new int[]{2,3,8,4,8,2,4,2,7,5,9,2,3,4,5}; partition(arr,5);
2020-08-06 10:51:25
121
1
原创 静态代理,cglib动态代理,jdk动态代理区别以及流程详解
1.静态代理静态代理使用的是代理设计模式，不讲高大上的思想，我们直接实战这是动物接口，其中有一个吃饭方法这是其中的一只动物，实现了动物接口，覆盖了吃饭方法现在我们思考，我想要给猫找一个代理，希望能够在猫吃饭前先洗手，吃饭后漱口，大家的实现一定是这样的到这里，其实我们已经完成了代理模式的设计，有什么好处呢？代理模式好处：1.保护真实对象2.能够扩展对象的方法3.让原本类的职责更明确解释：，以后不用再去new猫了，直接new 代理猫，本质上代理猫内部和原来的猫都是同一样的方法，可以
2020-07-31 10:16:09
421
原创 mysql高级记录
1. mysql分层1.连接层 提供与客户端的链接2.服务层 提供用户使用的接口 提供sql优化器 mysql query Optimizer3.引擎层 提供数据的存储方式(innodb myisam)4.存储层 存储数据2.myisam引擎和innodb引擎的区别 myisam使用的是非聚簇索引，表锁 ，写优先，性能优先，不支持事务，适合做非高并发，读任务 innodb使用的是聚簇索引，行锁，语句的执行是由获得行锁的顺序决定的，事务优先，支持事务，适合做高并发情况3.my
2020-07-28 15:11:29
110
原创 mysql中Group_concat，查找列名，将字符串转换为数字比较大小等杂项记录
1. Group_concat：可以将查询的所有字段都合并在一起， group_concat([DISTINCT] 要连接的字段 [Order BY ASC/DESC 排序字段] [Separator '分隔符'])2. 查找所有的列名利用mysql数据库中的 information_schema.COLUMNS 表3. 字符串转换数字比较大小在你哪个字符串列明后加一个“+0”就可以了...
2020-07-24 11:01:42
303
原创 NIO流程记录(非源码，单reacter单线程)
最近学netty，顺便把nio学了，做个记录(需要有基础)我的理解原来io流当获取数据时，会保持阻塞状态，现在改为nio非阻塞，那我不在这一直等着，我怎么知道什么时候他来数据，这时出来一个selector，充当监听器，可以选择隔一段时间来看有没有客户端传来数据，在这里，所有传送的请求被封装成了一个key，相当于，你现在可以有好多个客户端同时给服务器发送请求，请求全部堆在channel中，你selector什么时候有空了就来看下，然后取出所有的key，一下处理好多个请求，这就是nio主要做的深入理解
2020-07-09 12:35:30
149
1
原创 vue前端动态分页模板(记录)
分页用的太多了，写一个模板需求：可以自定义分页条长度(奇数，默认5)和一页的数量(默认15)当数据页数小于分页条长度时，分页条长度应该缩短至数据页数，并且每个页码随着点击不会变换，（例如只有2条数据，分页条长度应该为2）当数据页数大于分页条长度时，分页条长度为原分页条长度，并且每个页码需要变换，保持当前页码居中(当页码小于分页条长度/2取整，比如分页条为5 ，当前页码为1，2时，不能变换，同理后两个4，5也不能变换)，当前页码高亮开始：首先规定一个pageSize，一页的数量，默认15条
2020-06-14 07:04:12
941
原创 router-LInk传参与接受参数(记录)
问题，点击下方router-link后转到另一个组件上，并携带点击的信息的id <div v-for="(item,index) in hotMessage"> <img src="image/mainPage/listTitle.png"> <router-link :to="{path:'hotMessage', query: {index:item.id}}">{{item.name}}</router-link&
2020-06-11 17:10:54
1925
1
原创 jsoup爬虫工具超简单使用(记录)
简单入门案例Document document = null;try { URL sd = new URL("http://www.caas.cn/xwzx/yw/index.html"); document = Jsoup.parse(sd, 10000); } catch (IOException e) { e.printStackTrace(); } if(document == null) return; //接下来获取到了document对象，就等于获取了
2020-06-11 06:00:50
205
原创 消费者生产者代码之---一步一步带你写
面试时可能会面到生产者消费者模式，我们用java代码来实现下，一步一步思路给大家列出来，方便理解记忆单生产者消费者模式先想象一下，我们要弄一个仓库，这个仓库有两个暴露出去的方法put 和 pull ，一个是将产品放入(生产)自己的仓库，一个是从自己的仓库消费(取出)一个，还有一个属性count，表示仓库的容量到这里请用自己代码实现下上面的功能，再看下面的，下面同理下面给出上面的实现public class Factory { int count = 0; public vo
2020-05-19 09:52:17
486
原创 后端ajaxPost请求传给前端的显示乱码问题
后端查询的数据库数据显示正常，可是返回前端时在前端页面显示乱码在你的请求头上@RequestMapping上加上这句话：produces = {“application/json;charset=UTF-8”}如下图：可以了
2020-05-17 18:47:22
908
原创 jvm全套分析(全过程思路加图解)
运行过程分析1.编写java类，列如： public class test{ static int a; int b; public haha(){ } public static void main(String []args){ } }遍历后成为一个class文件 class文件中有一段区域常量池存放一些静态的类名称方法和属性，方便后续加载，此时这个文件以及c......
2020-05-13 07:48:52
729
原创 栈中对象定位的方式(句柄池，直接引用)
在我们A a = new A();的时候，一般有两种方式使栈中的a指向堆中的对象句柄池a变量知保存了指向句柄池的指针，由句柄池中的实例数据和类型数据指针，间接的访问实例和类型数据直接指向a变量直接指向堆中实例数据对象保存方法区类型数据指针，直接的访问实例数据1.句柄池当对象在垃圾回收时，地址会发生变动，而我们只需改变句柄池中的引用不用去栈中修改，但访问对象需要经过两步直接引用当对象在垃圾回收时，地址会发生变动，我们需要改变栈中的引用，但访问对象只需要经过一步...
2020-05-13 06:46:38
1308
原创 常量池区分和讲解
第一class文件里有一个常量池，叫做类文件常量池(不清楚的看class文件解析，详细讲过了)第二jdk1.8在我们元空间中有个运行时常量池(就存放些你定义的类常量而已，没什么可讲的)第三在我们堆中有个字符串常量池在这里说一下字符串常量池String s = “ok”会先检查你的字符串常量池中有没有此字符串(用equal方法判断)，有的话直接将地址赋值给s，没有的话向你的字符串常量池中创建一个对象，在返回地址也就是说String s1 = “ok”String s2 = “ok”是一样的地
2020-05-11 17:05:46
349
原创 方法区jdk1.7,1.8版本的构造变化
首先要明白方法区是一个概念(存放方法的信息)，jdk1.7即以前的实现是永久代，jdk8以及以后是元空间jdk1.6：jdk7以前的hotspot里面的结构有，堆。栈。永久代，程序计数器此时的方法区，hotspot的实现是永久代，永久代(方法区)存放的内容有类信息。。字段。。方法。。静态变量和全局变量运行时常量池(里面包含字符串常量池)Class引用ClassLoader的引用方法表jdk1.7：然后在1.7版本迎来了一些改动永久代中的静态变量和运行时常量池中的字符串常量
2020-05-11 15:43:06
1379
原创 java虚拟机结构图解(堆栈方法区)
到此应该了解了class文件和类加载的过程，也应该听到了一些堆栈方法区等常用名字，下面来跟大家了解下jvm内存布局jvm内存基础(有一点点基础的即可跳过)jvm 最大的分类分为两个，一个为线程共享的。一个是线程私有的线程私有：jvm虚拟机栈，本地方法栈，程序计数器线程共享：堆和方法区线程私有：比如我除了main线程还另外写了一个Test线程，他们同时在执行，那么我们内存里就会出现两个线程栈(即图中右边紫色的部分各来一份，全部整到一起，)图中左边即为两个线程栈，每个线程栈里面的都有若干个栈帧，一个
2020-05-11 10:55:24
4750
原创 类加载过程(时机)略解
类加载，名副其实，就是将你class文件的内容，加载进jvm，过程分为三部，加载链接初始化，先了解什么时候发生类加载，1.类加载的时机(什么时候发生类加载)—当你的类被实例化的时候，即创建了这个对象的实例 new Test();—当你访问了或修改了该类里的静态变量的时候Test.a=4;—当你调用此类的静态方法的时候Test.getA();—当你用反射的时候Class.forName()—此类的子类被初始化的时候—JVM启动时标明的启动类，即文件名和类名相同的那个类2.类加载过程1.加载
2020-05-10 18:15:54
531
原创 类加载器详解(自己实现类加载器)
目的：看懂4，并且自己实现一个类加载器1.类加载器是什么东西2.类加载器的种类3.类加载器的机制4.自己实现一个类加载器在这里引用大佬的链接，这个是讲的很详细的，如果心急,不想细细研究那就直接看我总结的吧类加载器是什么东西？1.类加载器就是加载所有的类的工具，它加载的类在内存中只会存在一份，也就是生成的堆中的Class对象。不可以重复加载2.在我们java编码里，一个类是用全限定名(包名加类名)标识的唯一的一个类，但在jvm里是根据类加载器+全限定名来标识，也就是说不同类加载器加载的同一个类
2020-05-09 13:31:22
3146
4
原创 class属性表种类集合，以及字段详解
在Class文件,字段表,方法表都可以有属性表数组，属性表中不要求有严格的顺序，下面是所有虚拟机的属性表的类型在这里笔者只列举出常用的几个，如果想要全部的信息 =》参考文章，自认为写的很详细其实所有的这些类型都有共同的结构，如下图如果开始了一个属性表则前两个字节(attrubite_name_index)一定是引向常量池的第n个常量项，一个utf8类型的字符串，例如:Code,Sour...
2020-05-07 11:14:41
2089
原创 class文件-常量池类型汇总
所有的字段类型就是这些了，下面写出每个类型的结构tag值:7CONSTANT_Class_infoCONSTANT_Class_info { u1 tag;//7 u2 name_index;}tag值:9CONSTANT_Fieldref_infoCONSTANT_Fieldref_info { u1 tag; //9 u2 class_...
2020-05-06 19:57:21
666
原创 jvm压缩指针原理以及32g内存压缩指针失效详解
操作系统在32位到64位的转变中，内存容量可以从4g(2的32次方)到无穷大(2的64次方近似无穷)。在一个32位的系统中，内存地址的宽度就是32位，这就意味着，我们最大能获取的内存空间是2^32（或者4 G）字节。这个容量明显不够用了！在一个64位的机器中，理论上，我们能获取到的内存容量是2^64字节，这是一个十分庞大的数字（ridiculously huge number）。可惜的是，这只是一...
2020-05-04 18:27:04
5811
8
原创 vue和jquery的交互问题,何时用jquery何时用vue
vue处理不方便时，个人比较主张可以用jquery来处理页面样式 的变化，但是涉及到数据问题尽量全部用vue，比如触发事件传递参数等,而类似动态生成dom元素这种，vue做的不好，而jquery又不能参与，则可以考虑静态化虽然vue主张无dom,但是有一些显示上的效果jquery操作的更得心应手,列如下图用vue操作时需要在按下一个li按钮时清空所有的ul 下 li选中样式,利用jquery...
2020-04-24 07:31:12
549
转载 java后端面试经验(自用收藏)
在上周，我密集面试了若干位Java后端的候选人，工作经验在3到5年间。我的标准其实不复杂：第一能干活，第二Java基础要好，第三最好熟悉些分布式框架，我相信其它公司招初级开发时，应该也照着这个标准来面的。我也知道，不少候选人能力其实不差，但面试时没准备或不会说，这样的人可能在进团队干活后确实能达到期望，但可能就无法通过面试，但面试官总是只根据面试情况来判断。但现实情况是，大多数人可能面试前...
2019-05-16 19:54:27
153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人