自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

大白的博客

写博客的原因只是把自己遇到的坑或者发现记录下来,有不对的希望大家指教一二

  • 博客(36)
  • 资源 (1)
  • 收藏
  • 关注

原创 jvm情况简单查询

先看内存情况1、jstat -gc pid(进程id) 6000 100 查看gc情况,(6000 100)6秒 100次2、jstat -class pid(进程id) 查看类加载情况3、jmap -histo pid|head -n 20 查看前20个类占用内存情况查找问题进程线程1、top -p pid -H 查找进程下占用内存高的线程2、printf "%x" tid(线程id) 获取线程id16进制转换3、jstack pid > name.txt...

2021-11-22 16:13:37 323

原创 linux查看进程情况记录

记录查看进程占用内存情况

2021-11-17 16:09:07 1954

原创 springboot学习日记----1

springboot 中注解@Controller 和 @RestController的区别,在使用@Controller的时候,需要和@ResponseBody一起配合使用,@RestController则不需要使用。@Controllerpublic class HelloController { @RequestMapping(value = "/hello",method = RequestMethod.GET) @ResponseBody public St

2020-08-19 15:02:45 228

原创 Navicat创建pgsql序列自增

每日学习一点点:在使用pgsql的时候,如果需要对某一列设置默认值,会发现pgsql并不会像mysql那样可以很简单的通过设计表来对该字段进行设置。那么pgsql要怎么设置自增呢?方法一:1:创建序列 所有者:表的库名递增、当前值、开始值、最大小值缓存:指定数据库预先分配序列的值供快速访问,意思就是可以提前提供一些自增至,比如:我现在想在id字段下面设置自增,把缓存设置为20,在我下次新增数据的时候,id会自增到2,但是这个2其实已经生成过了,不会现在生成,...

2020-08-15 15:47:58 8315 1

原创 smartgit过期或者更新提醒

19.1版本在安装地址中找到preferences.yml,直接删除,又可以重新使用之前版本,删除settings.xml文件

2020-06-28 10:21:18 1037

原创 随笔记录1

1、在vue中,对组件事件的监听处理要使用native来修饰,比如<Child @click.native="onClick()" ></Child>console.log('父');不然在调用组件的vue中click是无法触发的。2、父子组件的点击事件的触发顺序:先子后父比如:父组件中调用<Child @click.native="onClick()" ></Child>子组件中再次定义点击事件<div id="c

2020-06-06 09:42:46 157

原创 mxgraph-2020-04-01

通过对模型做判断上面是对圆形判断:当点击左侧栏的添加圆形按钮的时候,对圆形添加属性处理,“test”:"123",这样就使得圆形有了一个初始属性右键编辑圆形会出现默认属性:...

2020-04-01 20:45:28 470

原创 mxGraph学习

mxgraph的渲染过程1:初始化mxUtils对象:doc = mxUtiles.createXmlDocument();2:使用创建的对象,创建具体模型: Var person = doc.createElement(‘模型名字’); 可以通过setAttribute来设置模型对象的属性:person.setAttribute('lastName', 'Duck');...

2020-03-30 23:52:24 2152

原创 Symbol

js的原始数据类型:unll、undefined、string、number、object、boolean。但是在es6中,新增加了一种数据类型Symbol。这个symbol是干什么用的呢?在实际编码过程中,我们经常会遇到需要增加新属性的问题,那么我们就必须确保我们新的方法是原来没有的,这个过程其实是挺烦了,稍有不慎,就会破坏代码。神说要有光,于是就有了光。symbol就是为了解决这个的,代表...

2019-10-24 16:09:57 215

原创 网页header头信息与缓存方式的关系-304和200

在网络请求中,我们经常看到返回码是304,返回码显示304就表示我们请求的资源没有变化,我们可以拿着之前的缓存使用,缓存对一个页面来说是必不可少的,有时候我们需要清除缓存更新数据,有时候我们需要保留缓存用来加快页面渲染。那么缓存到底是怎么来确定需不需要更新的呢?我们可以看到控制台中的header信息有三部分:1、General2、response headers3、reques...

2019-10-10 15:50:02 668

原创 js 获取日期小记

获取当前时间在页面展示中是常见的,最近很早之前写的一个获取当前时间的函数出现了bug,导致时间戳传递失败,数据请求失败。function getNowFormatDate() { var date = new Date(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (m...

2019-10-09 10:28:40 142

原创 react脚手架使用

使用脚手架可以很方便的构建初始化一个项目1、首先我们安装脚手架npm install -g create-react-app //安装脚手架create-react-app my-app //通过create-react-app 初始化my-app项目cd my-app //到项目目录下npm start //启动项目npm install -g yarn //安...

2019-08-28 12:01:58 382

原创 尾调用

尾调用就是指在调用的函数中,函数的最后一步是调用另一个函数。function f(x){ return g(x);}像上面的例子中,f函数最后调用的g函数,这就是尾调用。最后一步一定要是return一个函数而且仅能是一个函数,不能是一个表达式,也不能是一个对象。为什么会有尾调用这个东西,尾调用有什么好处呢?其实在函数的调用过程中,会在内存中形成一个调用记录,称为调用帧,在函...

2019-08-27 15:26:58 1139

原创 函数拓展

es6对函数做了很友好的修改,使得函数的编写更加的方便。1、函数默认值问题在es5中我们要给一个函数参数设置默认值,一般都是使用||来完成。function log(x, y) { y = y || 'World'; console.log(x, y);}这样我们在调用的时候如果只传递参数x也可以打印出world,y参数被赋予了默认值。es6中,在函数定义的时候,允许...

2019-08-27 15:10:12 152

原创 箭头函数

箭头函数可以说是es6的一大亮点,使用箭头函数,可以简化编码过程,是代码更加的简洁。ES6 允许使用“箭头”(=>)定义函数。var f = a => a;var f = function (a) { return a;};上面两个是同一个函数,实现功能都是返回a。可以看到使用箭头函数后代码简洁了很多。如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参...

2019-08-12 13:57:38 17902 3

原创 模板字符串

模板字符串是es6中很方便的一个功能,以往我们写模板的话,需要我们把html文本一个个的拼接$("#list").append( '<div class="goodsname">'+goodsname+'</div>' + '<div class="goodscount">'+goodscount+'</div> ' + ...

2019-08-07 15:44:30 398

原创 fromCharCode和fromCodePoint区别

String.fromCharCode()方法可以实现把码点转成字符打印,比如String.fromCharCode(0x0061),控制台会输出a,但是fromCharCode只能对不大于0xFFFF的码点才有效,如果我们要打印一个emoji表情笑脸

2019-08-07 10:38:30 3713

原创 解构赋值

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。我的理解是解析对象的解构,然后取出值的过程。es6中对变量的赋值遵循一个规则,只要左右两边的模式相同,就可以进行合法赋值。就像下面的例子。let [a, b, c] = [1, 2, 3];let [foo, [[bar], baz]] = [1, [[2], 3]];let [bar, foo] = [...

2019-07-26 16:11:00 13506

原创 let和const

最近整理一下es6的使用方法,系统性的学习一下es6的知识。仅作为笔记,有兴趣的话,大家可以去看阮一峰老师的文档。第一课 let和const首先es5我们声明变量的方式只有两种:var 和 function。所以es6又新增了四种:let、const、import、class。let和const我们可以认识为var的一种拓展。let:首先我们看个例子var a = []...

2019-07-25 21:00:16 136

原创 jQuery和axios的异步请求原理

jQuery和axios的网络请求原理

2019-07-25 18:58:33 2474

原创 h5图片多次上传同一张图片不能触发change问题

记录个东西:h5上传图片是很常见的东西,但是我们在使用FileReader的时候,如果前后两次选中同一个文件,你就会发现,并不会触发onLoad事件。这个时候 我们只需要把input内容置空即可。...

2019-07-22 20:03:00 818

原创 小米手机touchend不触发问题

记录一个问题:touch的相关事件是页面上经常使用的,但是在小米手机上touchend事件竟然没法监听,事件光开始了,却怎么也停不下来。$("#btn").on({ touchstart: function(e){ console.log('按下') }, touchend: function(e){ cons...

2019-07-22 17:36:02 833

原创 contentType类型

在使用ajax的时候,有时候你会发现前端发送的请求,后端接口接受到的格式并不是想要的格式,然后机会报错,最常见的就是json数据。那么这是为什么呢?打开控制台你会发现,接口请求默认的contentType的格式是application/x-www-form-urlencoded。这个格式的特点是post的数据会用&连接起来,比如传输姓名和年龄两个字段data:{name:'ja...

2019-07-22 17:20:29 368

原创 div大小区域怪异问题

div中存放一段文字,在一个低分辨率的老古董手机上竟然不能按照宽度正常展示,总是比css写的宽度要短。

2019-07-22 16:26:52 211

原创 div文字垂直居中

div中文字的垂直居中,找了很多版本,终于有一版可以完成要求

2019-07-22 10:18:30 452

原创 闭包函数调用小记

闲着无聊,写下闭包函数的一个小记闭包函数是js的一个重点,可以说没有闭包函数,js的面向对象的实现思路无法实现。但是我们经常会忽略闭包函数作用域的问题,导致页面结果跟预想不一样。一个很经典的例子就是输入框问题:<p id="showid">显示焦点元素</p><p>Name: <input type="text" id="name"&gt...

2019-07-18 17:00:11 1085

原创 h5中video的加载方式

视频是宣传产品的一个很好的展现形式,有时候几秒钟的视频其实可以介绍产品的大部分功能。使用video标签可以很方便的加载视频,并对视频做相应的控制,但是你会发现,在微信和QQ等X5内核的浏览器,视频区域会浮在页面最高层,而且播放的时候会直接弹出播放器界面,完全脱离了页面本身。幸好我们可以通过对X5内核的一些参数控制来实现固定区域的播放,这样你的页面在微信中也可以按照你想要的效果播放了。 &...

2019-07-18 11:02:41 2775

原创 正则表达式RegExp

正则表达式是由一个字符序列形成的搜索模式。这是网上给出的一个释义,个人理解正则表达式就是对你输入值按照一定的规则去处理,然后返回结果的一种方式。

2019-07-17 11:20:20 3179

原创 SVGA使用心得

1、什么是SVGASVGA是一种动画格式,可以兼容安卓、ios和web,可以实现很多复杂的动画,这样开发就不用头疼canvas来实现动画时的卡顿优化问题了。2、引入SVGA因为博主是前端方向的,所以这里只介绍web页面如何引入,这个是SVGA官方的web地址,如果大家感兴趣可以看一下和正常js引入一样,我们是需要script引入即可。<script src="js/svg...

2019-07-17 09:43:04 16891 2

原创 vue学习笔记

vue学习笔记想记录一下学习vue过程中的一些笔记,就用这边博客记录吧:v-model使用v-model实现表格数据的双线绑定,eg: script> window.onload=function(){ new Vue({ el:'#box', data:{

2019-07-16 20:44:58 292

原创 ie8浏览器下播放视频

在ie8下面播放视频,只需要使用embed标签就行了,网上的一些拆件在ie8及以下都不能放。我们可以通过document.embeds来控制视频的播放和暂停。&lt;embed class="videos2" id="vivi" hidden="true" controls="controls" src="http://**/img/video/video2.mp4" allowful..

2018-07-18 22:24:08 3560

原创 IE8浏览器使用jQuery.ajax的坑

在我们使用jQuery请求借口的时候,你会发现在ie8中总是出错,1,No Transport这个时候你需要引用&lt;script src="jquery.xdomainrequest.min.js"&gt;&lt;/script&gt;至于上面的这个插件,可自行百度下载2,Typeerror:拒绝访问这个问题是真的坑,试了一晚上才发现,ie8竟然只能使用jQuery的1.8.1版本下面只百度...

2018-07-12 23:44:24 4317 4

原创 canvas 简单的小球抛物线实现和简单的应用

使用canvas实现简单的小球下落canvas可以实现一些有趣的绘画,可以实现规则或者不规则的图形。我们这里的小球就是一个通过canvas的方法arc画出的圆。我们可以使用storke和fil来实现圆的颜色和边框,如果你还想让圆在漂亮一些,使用createRadialGradient可以实现球颜色的渐变。var grad = context.createRadialGradient(x,y,5,x

2017-07-03 19:24:51 3783

原创 canvas写字板

canvas写字板

2017-06-28 19:48:50 1303

原创 canvas七巧板

使用canvas简单编写七巧板最近在学习canvas,目前还只是简单的了解了一下canvas画图的原理和简单图形的绘画。看到网上有很多canvas画的七巧板,但是并没有实现可以移动、拖拽和旋转拼接的demo,所以自己就利用js加上简单的canvas来实现一下。原理七巧板说白了也就是七块不同的多边形,要么是三角形,要么是四边形:如下图 我们可以通过数组现将七巧板的每一块先画出来: //把7个点的位

2017-06-27 20:50:37 1504

原创 移动端适配方案的优缺点比较

**当我们说到适配方案的时候越来越多的人会潜意识的翻译成移动端适配方案。确实是这样,在移动端蓬勃发展的今天,移动端的适配显得尤为重要。PC应用的适配已经不是适配方案主要需要考虑的了,随着移动互联网的来临,追求移动端的完美展示才是王道。**最近也在做一些活动页面的开发,对于网上的一些适配方案调研了一下,大致有百分比、媒体查询@media、rem等三种主流方案。下面对这几种方法做一些简单的整理,

2017-05-22 19:18:49 6233 1

xxl-job的pgsql初始化sql

xxl-job是一个很受欢迎的调度工具,但是官网只给了mysql,这提供一下,pgsql的数据库初始化sql

2021-07-13

空空如也

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

TA关注的人

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