- 博客(59)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 JS 基础篇(七)：JS中的遍历函数
目录：Array.prototype.map()Array.prototype.forEach()Array.prototype.fliter()Array.prototype.some()与Array.prototype.every()Array.prototype.reduce()区别总结在JS中的map()、filter()、forEach()、reduce()函数都是对数...
2019-02-15 20:12:29
318
原创 jQuery Validation插件问题
问题$("#commentForm").validate({ rules:{ username:{ required:true, minlength:2 } }, messages:{ username:{ required:"请输入用户名！", minlength:"用户名必须大于2个字符" } },
2019-02-15 19:56:33
231
原创 JS 基础篇(六)：事件冒泡与捕获
目录：事件冒泡事件捕获addEventListener的第三个参数事件冒泡与事件捕获同时存在如何阻止事件冒泡或者事件捕获通过event.stopPropagation()终止事件传播对触发事件元素进行过滤一、事件冒泡微软提出了名为事件冒泡(event bubbling)的事件流。事件冒泡可以形象地比喻为把一颗石头投入水中，泡泡会一直从水底冒出水面。也就是说，事件会从最内...
2018-10-05 21:12:33
294
原创 JS 基础篇(五)：JS严格模式
目录：严格模式介绍严格模式使用为整个脚本开启严格模式为函数开启严格模式严格模式的改变普通变量重名问题禁止this关键字指向全局对象静态绑定arguments对象的限制禁止在函数内部遍历调用栈保留字一、严格模式介绍除了正常运行模式，ECMAscript 5添加了第二种运行模式：“严格模式”（strict mode）。顾名思义，这种模式使得Javascrip...
2018-10-04 11:00:21
261
原创 JS 基础篇(四)：JS中的函数
目录：函数的参数函数的返回值立即执行函数简单介绍下关于JS函数使用过程中的一些情况。一、函数的参数1、调用函数时没有提供足够的参数，缺少的参数将会被underfined替代。function add(a,b){ console.log("a:"+a); // a:1 console.log("b:"+b);// b:underfined r
2018-10-04 11:00:11
135
原创 JS 应用篇(三)：var、let、const的区别
目录：var定义let定义const定义在JS中，定义变量的方法有var、let、const 三种方式。下面我们一一介绍他们之间的区别。一、var定义1、“var”处理所有变量声明，不管在哪里声明，最后都会在函数作用域顶端（如果在函数内部声明）或则在全局作用域顶端（在函数外部声明），即变量提升。console.log(varDemo1); //underfined 并不会报错i...
2018-10-04 11:00:01
136
原创 JS 基础篇(三)：原型继承
目录：构造函数绑定prototype模式直接继承prototype利用空对象作为中介寄生组合式继承:保证原型继承中父级引用对象属性的独立性ES6继承通过Babel编译成ES5的实现方法拷贝继承以下将介绍对象之间“继承”的五种方法。目前我们有一个父类为Animal类，我们需要在它的基础上，继承创建一个Cat类，即让Cat类继承Animal类。function Animal()...
2018-10-04 10:59:40
183
原创 JS 基础篇(二)：理解JS原型对象与原型链
目录：什么是原型对象和原型链为什么使用原型对象原型对象的理解“prototype"和”__proto__"区别查找属性原型对象操作一、什么是原型对象和原型链JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象对应拥有一个原型，对象以其原型为模板、从原型继承方法和属性。而同时原型也是对象，它也拥有原型，并从中继承方法...
2018-10-03 17:45:15
561
原创 JS 基础篇(一)：创建对象的四种方式
目录：声明一个对象的语法通过构造方法使用Object()构造函数使用create()方法一、声明一个对象的语法直接声明一个对象：var person1 = { name : "Jie", age: 23, say: function(){ alert("Hi!,I'm " + this.name); }};person1.sa...
2018-10-03 17:29:28
166
原创 JS 应用篇(二)：== 与 === 的区别
目录：== 与 === 的概念严格运算符===的运算规则相等运算符==的运算规则== 中的坑总结一、== 与 === 的概念1、 "==“叫做相等运算符，”==="叫做严格运算符。2、 ==，等同的意思，两边值类型不同的时候，要先进行类型转换为同一类型后，再比较值是否相等。===，恒等的意思，不做类型转换，类型不同的结果一定不等。3、 "==“表示只要值相等即可为真，而”=...
2018-10-03 17:23:36
148
原创 JS 应用篇(一)：Underfined与Null的区别
目录：基本数据类型underfined声明一个变量，但是没有赋值访问对象上不存在的属性或者未定义的变量函数定义了形参，但没有传递实参使用void对表达式求值null两种情况下我们会将变量赋值为null特殊的typeof nullunderfined与null一、基本数据类型在介绍undefined与null之前，我们先来了解一下ECMAScript中的数据类...
2018-10-03 17:11:20
7483
原创 CSS 技巧篇(七)：设置元素居中
目录：水平居中1、使用margin:0 auto配合元素的width(需要固定元素宽度)2、使用绝对定位配合margin(需要固定元素宽度)3、块级父元素让行内元素居中4、利用relative定位与行内样式5、通过transform进行设置6、通过flex-box垂直居中1、通过line-height(需要固定父元素高度)2、使用绝对定位搭配margin(需要固定元素...
2018-10-03 17:00:14
492
原创 CSS 技巧篇(六)：display设置元素为行内元素时，元素之间存在间隙问题
在使用display将元素设置为行内元素的同时(例如：inline、inline-block等)，将margin全部设置为0，padding全部设置为0的时候，我发现了元素之间居然还存在着间隙！！！？？？如下图所示：不知道哪里冒出来的这个间隙，现在给出解决方案：第一步：在这些行内元素的父元素上设置font-size设置为0；第二步：在行内元素上设置正常的字体显示大小，例如:font-siz...
2018-10-03 16:55:55
717
原创 CSS 普通属性篇(二)：Display属性
目录：display属性介绍display:nonedisplay:blockdisplay:inlinedisplay:inline-block一、display属性介绍display 属性规定元素应该生成的框的类型。以下是一些关于display比较常用的属性值：值描述none元素不会显示block此元素将显示为块级元素，此元素前后会带有换行符...
2018-10-03 16:51:36
736
原创 CSS 技巧篇(五)：理解CSS优先度
目录：CSS优先级CSS优先级介绍CSS优先级计算基于类型的优先级not伪类不参与优先级计算优先级计算无视DOM树中的距离!important!important介绍什么情况下可以使用!important如何覆盖!important一、CSS优先级1、CSS优先级介绍浏览器根据优先级来决定给元素应用哪个样式，而优先级仅由选择器的匹配规则来决定。下面列表中...
2018-10-03 16:43:25
380
原创 CSS 技巧篇(四)：伪类与伪元素的区别
目录：伪类介绍伪元素介绍区别总结一、伪类介绍CSS 伪类用于向某些选择器添加特殊的效果。二、伪元素介绍CSS 伪元素用于将特殊的效果添加到某些选择器。三、区别我们通过使用伪类 :first-child 和伪元素 :first-letter 来进行比较。1）、伪类:first-child 添加样式到第一个子元素div>p:first-child{color:re...
2018-10-03 16:32:59
196
原创 CSS3 新属性篇(五)：background-size属性
目录：background-size属性介绍演示代码background-size属性分析设置固定尺寸的背景图片背景图片的宽高是根据自身所属元素的宽高以百分比进行缩放背景图片扩展并覆盖填充满整个所属元素区域背景图片尺寸宽度和高度完全适应内容区域一、background-size属性介绍CSS3 的 background-size 属性能调整背景图片的大小，从而替代了用...
2018-10-03 16:25:01
26429
3
原创 CSS3新属性篇(四)：box-sizing属性
在CSS中，你设置一个元素的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ，绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。这意味着当你调整一个元素的宽度和高度时需要时刻注意到这个元素的边框和内边距。当我们实现响应式布局时，这个特点尤其烦人。box-sizing 属性可以被用来调整这些表现:content-b...
2018-09-06 09:33:26
239
原创 CSS技巧篇(三)：background-position和雪碧图(CSS Sprites)用法
       background-position属性使用频率非常高，大量的网站为了减少http请求数，会将大量的图片图片合成一张雪碧图（Sprite）来使用。雪碧图的使用就是通过控制background-position属性值来确定图片呈现的位置，不得不说它的作用非常重要，当然除了在使用雪碧图的场景外，别的某些场景也常常会使用到这个属性
2018-09-06 09:32:19
1402
原创 CSS3新属性篇(三)：Flex弹性盒子
一、Flex介绍Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局:.box{ display: flex;}行内元素也可以使用 Flex 布局:.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀:....
2018-09-06 09:27:47
865
原创 CSS3新属性篇(二)：transform-origin属性
一、transform-origin属性介绍transform-origin属性表示在对元素进行变换的时候，设置围绕哪个点进行变化的。默认情况，变换的原点在元素的中心点，即是元素X轴和Y轴的50%处，如下图所示： 我们没有使用transform-origin改变元素原点位置的情况下，CSS变换进行的旋转、移位、缩放等操作都是以元素自己中心（变换原点）位置进行变换的。但很多时候需要在不同的...
2018-09-06 09:11:24
8061
1
原创 CSS3新属性篇(一)：transform属性
在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理，以下将详细说明各个属性。一、移动 translate用法：transform: translate(45px) 或者 transform: translate(45px, 150px);参数表示移动距离，单位px，一个参数时：表示水平方向的移动距离；两个参数时：第一个...
2018-09-05 22:18:23
8613
2
原创 CSS技巧篇(二)：visibility:hidden和display:none的区别
一、子元素的继承1、如果后代元素的visibility属性存在则不会继承其父元素的visibility属性值，不存在才会继承其父元素的visibility属性值。例如：父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见；子元素visibility不存在则子元素继承父元素的visibility值为hidden。 2、父元素的display...
2018-09-05 22:14:16
233
原创 CSS技巧篇(一)：transition与display冲突问题
问题使用transition对div的隐藏与显示进行过渡，但是transition完全失效，没有过渡效果。See the Pen VGWKWm by madman0621 (@madman0621) on CodePen.div元素使用display:none(block)实现隐藏与显示的时候，会与transition属性冲突，导致过渡效果无效。display会破坏transiti...
2018-09-05 22:04:57
6864
3
原创 CSS普通属性篇(一)：relative与absolute
一、position的属性值首先基本了解下position的各个属性值： 1、static：默认值。没有定位，元素在正常显示出现（它将忽略top、bottom、left、right、z-index声明） 2、relative：生成相对定位的元素，相对于其正常位置进行移动。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 3、absolu...
2018-09-05 22:03:39
2420
原创 Java中方法重写与重载的区别
方法重载（overload）:方法重载就是在一个类中可以创建多个方法，它们具有相同的名字，但是具有不同的参数和不同的定义，调用方法时通过传递给它们的不同参数个数和参数类型来决定具体使用哪个方法，这就是多态性，重载的时候方法名一样，参数类型和个数不一样，返回值类型可以相同可以不同，可以有不同的访问修饰符，可以抛出不同的异常。方法重写（override）：父类与子类之间的多态性，对父类的函...
2018-06-23 18:08:20
149
原创 Java的类成员访问权限修饰词
在一个类的内部，其成员（包括成员变量和成员函数）能否被其他类所访问，取决于该成员的修饰词。Java的类成员访问权限修饰词有四类：private，无（默认情况下），protected和public。其权限控制如下表所示： 修饰词 本类 同一个包的类 继承类 其他类 private √ × × × 无（default） √ √ ...
2018-06-23 15:51:18
1445
原创 Java继承知识点总结
1、继承2、继承中的初始化顺序3、继承中的属性与方法1、继承（1）子类拥有父类非private的属性和方法。 （2）子类可以拥有自己属性和方法，即子类可以对父类进行扩展。 （3）子类可以用自己的方式实现父类的方法。2、继承中的初始化顺序内部细致的执行顺序划分： （1）父类的类变量的赋值动作、父类的静态代码块。 （2）子类的类变量的赋值动作、子...
2018-06-23 15:35:57
496
原创 Java并发编程-synchronized
一、什么时候会出现线程安全问题？ 在单线程中不会出现线程安全问题，而在多线程编程中，有可能会出现同时访问同一个资源的情况，这种资源可以是各种类型的的资源：一个变量、一个对象、一个文件、一个数据库表等，而当多个线程同时访问同一个资源的时候，就会存在一个问题： 由于每个线程执行的过程是不可控的，所以很可能导致最终的结果与实际上的愿望相违背或者直接导致程序出错。 举个简单的例子：
2017-09-03 22:20:38
193
原创 Ant学习笔记（二）-Ant的build.xml文件解析
使用ant 是非常简单的事。通常的做法就是在你的项目里面建立一个XML文件，名字通常可以取 build.xml 。当然你可以取任何你喜欢的名字。这个文件就是你需要ant为你项目做的一些辅助性工作的批处理文件。一、介绍<?xml version="1.0" encoding="UTF-8"?><project default="all" name="pluto-project" basedir=".&q
2017-08-07 22:20:17
694
原创 Ant学习笔记（一）-Ant入门
一、概述 ant 是一个将软件编译、测试、部署等步骤联系在一起加以自动化的一个工具，大多用于Java环境中的软件开发。在实际软件开发中，有很多地方可以用到ant。开发环境：System：WindowsJDK：1.7+IDE：eclipseant：1.9.9二、优点ant 是Apache软件基金会JAKARTA目录中的一个子项目，它有以下的优点： 1、跨平台性：Ant是纯Java语言编写的，
2017-08-07 21:44:31
650
原创 Mybatis学习笔记（三）-使用Mybatis完成CURD
有了之前Mybatis的基础入门（Mybatis学习笔记（一），Mybatis学习笔记（二）），现在我们使用Mybatis完成基本的CURD。一、准备工作1.mybatis配置文件<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN""htt
2017-08-06 12:20:38
318
原创 关于request.getSession(true/false/null)的区别
一、需求原因现实中我们经常会遇到以下3中用法：HttpSession session = request.getSession();HttpSession session = request.getSession(true);HttpSession session = request.getSession(false);二、区别1、Servlet官方文档说：public HttpSessionget
2017-08-02 22:44:20
529
原创 List对象remove方法的使用
一、源程序String str1 = new String("1"); List.remove()Iterator it = list.iterator();while(it.hasNext()) { String str = (String) it.next();//next方法必须被调用，且必须在remove()方法前被执行 it.remove(); }
2017-08-02 22:27:30
2081
原创 Java.lang.Character.isDigit()和isLetter()方法
使用isDigit判断是否为数字public static boolean isNumeric(String str){ for (int i = str.length();--i>=0;){ if (!Character.isDigit(str.charAt(i))){ return false; 使用isLetter判断是否为字母
2017-08-02 21:40:01
2623
原创 Linux之find命令详解
find命令的格式： find [-path ..] -options [-print -exec -ok]path：要查找的目录路径。 ~ 表示$HOME目录 . 表示当前目录 / 表示根目录-print ：表示将结果输出到标准输出-exec ：对匹配的文件执行该参数所给出的shell命令。形式为 command {} \; ，注意{}与\;
2017-08-02 21:17:19
352
原创 Zookeeper学习笔记（三）-Zookeeper的配置
Zookeeper的功能特性是通过Zookeeper配置文件来进行控制管理的(zoo.cfg).这样的设计其实有其自身的原因，通过前面对Zookeeper的配置可以看出，在对Zookeeper集群进行配置的时候，它的配置文档是完全相同的。集群伪分布模式中，有少部分是不同的。这样的配置方式使得在部署Zookeeper服务的时候非常方便。如果服务器使用不同的配置文件，必须确保不同配置文件中的服务器列表相
2017-07-31 22:26:18
349
原创 Zookeeper学习笔记（二）-在Windows下的安装过程及测试
ZooKeeper的安装模式分为三种，分别为：单机模式（stand-alone）、集群模式和集群伪分布模式。ZooKeeper 单机模式的安装相对比较简单，如果第一次接触ZooKeeper的话，建议安装ZooKeeper单机模式或者集群伪分布模式。一、单机模式1、安装jdk2、安装Zookeeper. 在官网http://zookeeper.apache.org/下载zookeeper.我下载的是z
2017-07-31 21:38:06
454
原创 Linux文本比较指令-diff
diff 命令是 linux上非常重要的工具，用于比较文件的内容，特别是比较两个版本不同的文件以找到改动的地方。diff在命令行中打印每一个行的改动。最新版本的diff还支持二进制文件。diff程序的输出被称为补丁 (patch)，因为Linux系统中还有一个patch程序，可以根据diff的输出将 a.c的文件内容更新为b.c。diff是svn、cvs、git等版本控制工具不可或缺的一部分。1．命
2017-07-30 11:44:06
433
原创 StringUtil工具类解析
1.public static boolean isEmpty(String str) 判断某字符串是否为空，为空的标准是str==null或str.length()==0 下面是StringUtils判断是否为空的示例： StringUtil.isEmpty()和StringUtil.isBlank()的区别
2017-07-29 17:16:12
341
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人