自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js正则表达式验证IP地址

/^(([1-9]?\d|1\d{2}|2[0-4]\d|25[0-5])\.){3}([1-9]?\d|1\d{2}|2[0-4]\d|25[0-5])$/支持0.0.0.0到255.255.255.255(没有前导0)菜鸟工具提供的正则表达式:/^((?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))$/支持000.000.000.000到255.255.255.255(可以含有前导0)..

2020-09-27 09:42:47 23

原创 计算元素的位置

元素位置的计算主要是一个相对的概念, 相对于父级元素, 相对于父级定位元素, 相对于body等.所以元素分为了定位元素(position: 不是static)和普通元素(postion: static)滚动元素是普通元素的一种, 由于父级元素框架限制, 而内容溢出导致的首先说一下屏幕, window.screen返回的对象就是你的屏幕信息参数{ availHeight: 834, availLeft: 0, availTop: 0, availWidth:

2020-09-06 09:36:55 80

原创 Vue基础(三)模板语法

插值 1. 文本vue 使用 "{{" 和 "}}" 作为数据绑定的文本插值, 这个也可以修改成你习惯的形式, 比如:<div id="app"> ${message + ' ' + vueStr}</div><script>new Vue({ data: { message: 'Hello', vueStr: 'Vue' }, delimiters: ['${', '}']...

2020-08-28 16:02:34 38

原创 Vue基础(二)实例

Vue实例化是通过 new Vue()实现的, Vue3.0就不是这么干了, 当然这是以后的事.Vue实例化就会将数据遍历通过 Object.defineProperty() 来让属性获取getter和setter, 从而可以监听数据的改变.这个也和 Vue3.0有很大的不同, 因为 Object.defineProperty() 的限制 Vue 不能检测数组和对象的变化. 所以 Vue 做了一些额外的工作.有关 Vue 响应式的一些原理可以在以后参考:https://cn.vuejs.org/..

2020-08-27 09:43:28 21

原创 Vue基础(一)安装

这里主要涉及Vue核心的一些功能, 对 vue 的其他生态插件不作为重点.Vue的学习路线更加简单, 需要html, css及 javascript 作为基础就可以了.对于新手及小型项目来说, 直接引入vue脚本就够了<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>在用 Vue 构建大型应用时推荐使用 NPM 安装, 这里就需要涉及到 Node 的相关知识了# 最新稳定版

2020-08-26 17:11:00 58

原创 js去除字符串中的空白字符

上下文中的空白字符是所有的空白字符(space, tab, no-break space 等) 以及所有行终止符字符(如 LF,CR等)String.prototype.trim = function () { return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');};上面就是官方源码用于兼容旧环境实现的 trim() 方法, 用于去除字符串左右两端的字符串详情见:https://developer.mozi...

2020-07-31 17:26:25 115

原创 JavaScript原生实现事件监听及手动触发

我们有时候会需要通过js修改表单元素的状态, 因为不是通过页面交互而是js操作的, 所以不会触发我们写的监听事件.这时就需要通过js手动触发监听事件.jquery实现方法就是trigger('eventType')原生实现:<input type="checkbox" id="chk">document.querySelector('#chk').addEventListener('change', function() { console.log(this.chec

2020-07-30 09:17:43 154 1

原创 javascript原生获取多选下拉框选中的值

下拉框一般都是单选的, 所以直接通过document.querySelector('select').value就可以知道选中的值了.如果只是想判断是否有选中的话还可以通过document.querySelector('select').selectedIndex, 这个属性是一个数字,表明第一个被选中的值的索引, 所以如果返回为-1说明没有option被选中.如果select添加了multiple属性, 那么可以通过Shift或Ctrl像操作文件一样操作select的选项来多选.获取多选下拉框

2020-07-29 16:01:56 72

原创 Win10系统打开CMD一片漆黑

不知道怎么回事,我的cmd和vscode产生了一点冲突。在vscode中通过项目打开终端会直接打开cmd,而不是在vscode的终端区域。后来百度一波,发现可以设置cmd,取消勾选使用旧版控制台。这样VScode的终端可以正常打开了。后来,我直接打开cmd,发现页面一片漆黑,啥也没有,但是我用鼠标选中左上角区域的时候可以看到光标,说明是有内容的,只不过无法看到而已。再次百度一波,网上有的人说是因为背景和文字颜色一致导致的。我一看就很有道理,于是设置了上图的颜色页面,分别设置了屏幕文字的颜色和屏幕背景

2020-07-24 16:16:01 132

原创 使用bootstrap-datetimepicker遇到的问题

遇到的那些样式的问题: 刚开始我明明用的是bootstrap3.X的,而且是按照官方demo写的,但是还是出现一些奇葩的样式问题,可能和我引入的其它文件产生了冲突,查看源码后96行我找到bootcssVer这个属性,所以如果在初始化时将bootcssVer:3传入,就会按照bootstrap3.X. 传入bootcssVer: 2就会按照bootstrap2.X的样式处理.pickerPosition可以指定四个方向,先上下后左右即(top,bottom和left,right)的组合,不支持默认判断最.

2020-06-19 10:23:12 273

原创 webpack不是内部或外部命令,也不是可运行的程序或批处理文件

有的时候,我们局部安装webpack后,可以在node_modules下的.bin目录中看到webpack脚本文件.但是在根目录中输入webpack后,报错"webpack不是内部或外部命令,也不是可运行的程序或批处理文件".如果是全局安装webpack当然不会有问题,可以正常执行,如果局部安装就必须先到webpack脚本目录下才能输出正确信息.所以一些人就把node_modules/.bin/webpack脚本文件复制一份到项目根目录,这样在当前根目录下就可以找到webpack了.不过我们

2020-06-15 10:08:41 256

原创 DataTables初始化配置选项学习

这个是我在学习DataTables时参考官方1.10.20的文档写的一些理解,在这里分享给大家,如果理解有误,欢迎大家在评论区留言.该文档是用yaml文件,所以大家可以用其它支持yaml的编辑器打开查看.如果只需要DataTables核心功能,只要看前600行就好,如果需要官方扩展的可以参考后600行的部分内容.当然有些部分可能是历史版本的参数,这里并没有记录%YAML 1.2 # ...

2020-04-19 12:15:51 260

原创 原生实现滑动条效果

实现效果类似如上:html:<input type="range" min="0" max="1" value="0.1" step="0.01" id="range"><span class="val" style="width: 20px;height: 20px;display: block;margin: 20px;"></span>...

2020-03-31 09:23:26 68

原创 实现简单的进度条效果

封装一个简单的jquery插件,实现简单的可滚动进度条。可能一些情况没有考虑到,仅供参考。(function ($) { $.fn.sliderProgress = function (options, actions) { var defaults = { width: 200, // 这是宽度 height: 10,...

2020-03-24 15:14:40 70

原创 jquery简单实现无缝可滑动轮播图

话不多说,直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...

2020-03-20 09:34:13 40

转载 ios镜像汇总

1、iso网盘下载地址:https://wanghualang.pipipan.com/dir/13133650-26232498-a8efb3/2、中国大陆开源镜像站汇总,企业贡献:搜狐开源镜像站:http://mirrors.sohu.com/网易开源镜像站:http://mirrors.163.com/2.大学教学:北京理工大学:http://mirror.bit.edu....

2020-03-09 12:05:48 167

原创 jquery-slimscroll配置项说明

{ width: "设置滚动区域的宽度,不设置与父级元素相同.默认值:none", height: "设置滚动区域的高度,设置auto与父容器高度一致.默认值:250px", size: "设置滚动条宽度大小.默认值:7px", position: "设置滚动条位置(左侧或者右侧).默认值:right", color: "设置滚动条颜色.默认值:#000000", alwaysVis...

2020-02-29 09:49:22 232

原创 easyUI Tree树动态刷新子节点

$("#tree").tree({ url: 'xxx', // 默认是post请求 checkbox: false, animate: true, lines: true, loadFilter: function(rows){ // 返回要显示的过滤数据。返回数据时以标准树格式返回的。也就是说把一个数组转换成树的json数组 ...

2019-12-11 10:07:53 385

原创 js正则表达式匹配数字

普通的一位数字到几位数字的用/^\d{m,n}$/,如果固定死位数则只填m;如果是特定数字范围的,比如0-64这种,先匹配一位的([0-9])或者(\d),然后匹配两位的10-59-----([1-5]\d),最后匹配剩下的60-64-----(6[0-4]),组合起来的正则表达式就是/^((\d) | ([1-5]\d) | (6[0-4]))$/.加正负号及浮点数的也差不多是这样....

2019-12-03 15:36:54 960

原创 easyui表格样式问题

遇到一个easyUI的小问题: 假如在datagrid中配置了rowStyler的行样式, 那么关于表格行的选中的样式以及悬浮的样式都不再生效.这是由于在rowStyler中返回的样式是行内样式,优先级比其它的样式高.所以选中了样式也还是不会变化.把rowStyler删除才能正常显示....

2019-10-12 17:12:54 205

原创 tomcat控制台乱码

乱码解决的最简单方法就是打开tomcat目录/conf/logging.properties文件.搜索配置: java.util.logging.ConsoleHandler.encoding = UTF-8.把这一行注释掉或者改成GBK.重启试一下,如果不行另寻它法吧....

2019-10-10 09:43:10 22

原创 shutdown.bat报错Could not contact localhost:8005. Tomcat may not be running

具体原因不太清楚,字面意思就是tomcat没有启动,然后又执行tomcat的销毁程序,找不到启动涉及的接口8005就报错了.我直接启动startup.bat是没问题的.另外修改jdk里面的java.security文件的可能也不太有效果.文档里面有介绍类Unix系统指定路径为file:/dev/random,而windows既可以指定为file:/dev/random,也可以指定为file:/de...

2019-10-10 09:26:40 135

原创 css实现多级导航

看了bootstrap的以及导航条,发现只能点击到二级导航,最近需要三级甚至n级的,就自己研究了一下.bootstrap的导航条https://v3.bootcss.com/components/#navbar.我自己完成的效果html:<!DOCTYPE html><html lang="en"><head> <meta...

2019-09-04 10:35:18 558

原创 欧几里得算法实现

欧几里得算法用于计算两个正整数的最大公约数。原理就是a和b的公约数(a>b)等于b和 mod(a,b)的公约数(mod(a,b)!= 0),也等于mod(a,b)和mod(b,mod(a,b))的公约数。假如mod(a,b)== 0,那么b就是最大公约数。当然所有b的约数也是a,b的约数。实现1:这是非递归实现方式。首先确保a > b,如果a % b != 0,那么就计算b...

2019-07-28 20:29:43 238

原创 二分查找原理及实现

假如现在有一组1到100的数,这是一个有序的序列。现在我就从这组数里面选一个数,然后让你猜我选的数,我会告诉你是大了还是小了,最终猜到我选的数。一种方法是从1开始猜,假如我选的数是100,那么你就要猜100次(实际上我觉得猜到99也就知道选的数是100了,可能是为了确定一下吧)还有一种二分查找,每次选择中间的数,比如50,无论我说大了还是小了,都可以舍弃一半的数不需要考虑了,就这样不断选取...

2019-07-28 08:47:33 230

原创 testNG报错:cannot find class in classpath

我遇到这错误是因为我的eclipse中已经装了testNG插件,然后我的maven项目中又导入了testNG的jar包,而且还没下载下来导致的错误。所以我把maven依赖的testNG注释了,然后更新了项目就可以了。...

2019-07-20 12:50:34 235

转载 java

https://blog.csdn.net/myvanguard/article/details/83896416

2019-05-22 10:03:13 30

原创 js事件绑定

原生的js绑定事件一般有两种:第一种是:ele.onclick = fn();这种方法只能绑定一次,再次绑定就会把原来的监听覆盖掉,解除绑定也很简单ele.onclick = null;另一种是addEventListener:ele.addEventListener("click", fn);这种可以给元素绑定多个事件,同时触发,解除绑定就要使用removeEv...

2019-05-21 10:31:59 478

原创 js回调遇到的一个问题

在用datatables插件扩展的responsive和select时,我用了如下设置的选项,select: { style: "multi", items: "row", selector: "td:nth-child(2)"},responsive: { details: { type: 'inline', }},也自...

2019-05-17 15:34:36 56

原创 datatables实现分页

datatables实现分页分为客户端分页和服务端分页两种,客户端分页很简单,只要把返回的所有数据根据dataSrc设置好就可以了。这里说一下服务端分页的实现。html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam...

2019-05-15 01:32:42 175

原创 easyUI 使用tree进行异步加载

easyUI的tree默认使用post请求,但是官方文档没有提及如何携带参数,我试过loader,但是没有搞懂怎么用,到网上查了一下,找到了传递参数的方法。通过queryParams来携带参数。<ul id="tt"></ul>$("#tt").tree({ url: '/getTree', method: 'post',...

2019-05-06 10:03:54 350

原创 对js进行断点调试

有些程序太过繁杂,程序出错不好找出错误在哪,所以需要断点调试一步步得出结论。1.在需要加断点的地方写debugger;function customDebug() { for(var i = 0; i < 10; i++) { console.log(i); if(i % 3 == 0) { console.log('...

2019-04-29 15:58:26 2658

原创 echarts学习之配置项

发现最近需要使用echarts的地方越来越多,在这里进行一些学习记录,不定时更新。这里是我对最新的官方文档的理解,但是我还看到一些配置参数可能是历史版本的,最新的官方文档里面是没有介绍的.echarts基本使用方法:先通过init(document.getElementById("id"))方法获取操纵的元素,然后元素调用setOption(option)就可以完成一次画布的绘制。ti...

2019-04-17 17:18:48 114

原创 下载替代云盘神器

这里推荐给大家一个百度的替代品http://pandownload.com/,从官网下载好后解压即用。下面会员就不用看了。网址打开后是这个页面,随便选择一个下载方式,下载好后解压到任意位置。启动exe文件,输入百度账户就可以使用了。...

2019-04-17 09:23:15 327

转载 iOS页面不滚动

可以参考:https://www.cnblogs.com/xiahj/p/8036419.html我因为设置了底部固定定位导致页面不滚动,页面可以上拉但是又会回弹,不能在底部停下。我的解决方法(尽量用在可以滚动的页面):底部固定定位不变,上面部分不设置其它定位,然后因为上面的部分需要滚动,所以最外层设置.outer { height: 100%; padding-...

2019-04-16 17:31:09 360

原创 bootstrap-datepicker学习之options

$('#id').datepicker({ format: 'yyyy/mm/dd', // 日期格式化 container: 'body', // 弹出时间选择器的代码是添加到哪里的,默认是body下,可以设置填写css字符串指定弹出的代码添加的位置 autoclose: true, // 选中日期后日历自动关闭 forcePar...

2019-04-08 09:28:04 516

原创 mysql8.0以上的 安装,修改密码

1.管理员运行cmd;2.按下面的命令执行。长的是两个"-"。如果服务没有启动需要执行mysqld install。这时候是没有密码的。假如以前装过mysql,建议删除data文件夹里面的数据,重新进行初始化。如果没有设置密码可以通过如下命令设置密码:mysqladmin -u root password "new password";如果要修改密码,推荐使用ALTER US...

2019-04-07 06:57:03 129

原创 Java学习-基本概念

1.什么是对象?对象是现实世界的物体的一个概念,比如狗,手机,车等等。对象由特征(属性)和行为(方法)组成,狗的特征(颜色,品种,狗的叫声。。),行为(狂吠,摇尾巴。。)。面向对象就是对现实对象分析出它的特征和行为。2.什么是类?类是有相同特征和行为的对象抽象出来的,可以将类看做是分类,无论是白马对象还是黑马对象抽象出来都是马这个类。class Bicycle{ ...

2019-04-07 02:27:36 76

原创 java之HelloWorld

1.创建HelloWorldApp.java文件2.编写/*** 文件名要和类名一致.*/public class HelloWorldApp{ /* 这里是 多行注释 */ public static void main(String[] args){ System.out.println("Hello World!"); // 单行注释 }}//java跨平...

2019-04-05 22:23:49 36

原创 myeclipse使用Emmet插件

最新版的MyEclipse中已经包含了Emmet,可以打开window->preferences中找到files and editors下的Emmet,如果没有就百度安装Emmet。这里就不说了。具体的使用可以在Emmet官网学习,这里将说明怎么在jsp页面使用Emmet。1.首先打开window->preferences(可以直接搜索Emmet)中找到files and ed...

2019-04-04 03:34:46 140

一个简易的不断旋转的地球仪

使用CSS的transform和animation动画实现一个旋转的地球仪.

2018-09-05

一个简易的不断旋转运动的立方体

html实现一个正方体,每个面添加图片,形成一个不断旋转运动的立方体.

2018-09-05

空空如也

空空如也

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

TA关注的人 TA的粉丝

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