自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

晨曦雨露的博客

晨曦雨露的博客

  • 博客(73)
  • 资源 (4)
  • 收藏
  • 关注

转载 集合TreeSet(自然排序与定制排序)

一、TreeSet的自然排序:步骤:1.让元素自身具备比较性,2.实现Compareable接口,覆盖其CompareTo方法 例:class Student  implementsComparable//第一:实现Compareable接口{    private String   name;    private int age;

2017-12-28 15:30:48 1298

转载 ArrayList中去除重复数据,以及去除重复的自定义对象

去掉重复数据思路:创建一个新集合,遍历旧的集合,不包含就添加private ArrayList getList(List arr) {        List list = new ArrayList();        Iterator it = arr.iterator();        while (it.hasNext()) {          

2017-12-28 14:14:42 4212

转载 Java Set集合的详解

一,SetSet:注重独一无二的性质,该体系集合可以知道某物是否已近存在于集合中,不会存储重复的元素用于存储无序(存入和取出的顺序不一定相同)元素,值不能重复。对象的相等性   引用到堆上同一个对象的两个引用是相等的。如果对两个引用调用hashCode方法,会得到相同的结果,如果对象所属的类没有覆盖Object的hashCode方法的话,hashCode会返回每个对

2017-12-27 20:25:20 354

转载 ListIterator

ListIterator根据官方文档介绍, ListIterator 有以下功能:允许我们向前、向后两个方向遍历 List;在遍历时修改 List 的元素;遍历时获取迭代器当前游标所在位置。注意,迭代器 没有当前所在元素一说,它只有一个游标( cursor )的概念,这个游标总是在元素之间,比如这样:初始时它在第 0 个元素之前,调用 next(

2017-12-27 18:03:40 14493 1

转载 Eclipse如何查看接口实现类快捷键

1、找到要打开的接口类2、双击接口名选中3、按Ctrl+T打开接口实现类以List接口为例,如下所示

2017-12-27 17:17:17 1973

转载 谈谈数据库里的时间戳

一直对时间戳这个概念比较模糊,相信有很多朋友也都会误认为:时间戳是一个时间字段,每次增加数据时,填入当前的时间值。其实这误导了很多朋友。时间戳:数据库中自动生成的唯一二进制数字,与时间和日期无关的, 通常用作给表行加版本戳的机制。存储大小为 8个字节。每个数据库都有一个计数器,当对数据库中包含 timestamp 列的表执行插入或更新操作时,该计数器值就会增加。该计数器是数据库时间戳。这可

2017-04-01 20:52:26 14714 5

转载 ubuntu16.04配置Lamp环境(搭建linux+apache+mysql+php7环境)

好久没有在linux环境下进行开发了,比较常用的还是windows环境,但其实我更喜欢在linux环境下,毕竟产品上线大多数都是在linux服务器上的,windows环境开发的东西不可避免出现一些大小写的问题。所以无聊就在自己的虚拟机配置一个新的linux的php开发环境,其中的内容有结合他人的做的一些总结。步骤一:安装apacheronyao@ubuntu:~$ sudo a

2017-01-27 20:39:12 3314 1

转载 CSS 布局实例系列(二)如何通过 CSS 实现一个左边固定宽度、右边自适应的两列布局

用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化通过绝对定位实现See the Pen absolute-two-column by xal821792703 (@honoka) on CodePen. 注意点如下:需要套一个“positioned”的父元素div-a 绝对定位,并将位置

2017-01-20 15:20:07 445

原创 javascript中this的四种用法

this在函数执行时,this 总是指向调用该函数的对象。要判断 this 的指向,其实就是判断 this 所在的函数属于谁。在《javaScript语言精粹》这本书中,把 this 出现的场景分为四类,简单的说就是:有对象就指向调用对象没调用对象就指向全局对象用new构造就指向新对象通过 apply 或 call 或 bind 来改变 this 的所指。

2017-01-08 14:16:30 340

原创 在JS中,什么时候会用到Object.defineProperty()来设置或者修改对象属性?

Object.defineProperty(Object.prototype, 'foo', {value: function() {console.log(foo);}});(这样添加的属性是不可修改不可枚举不可再次配置的)当你非要给原生类原型添加方法时,不用 defineProperty 就会给其它程序(如 for in)添加麻烦当然 getter/setter 要兼

2017-01-08 12:46:05 1803

转载 js 中{},[]中括号,大括号使用详解

一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。 如:var LangShen = {"Name":"Langshen","AGE":"28"}; 上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性, 所以访问时,应该用.(点)来层层访问:LangShen.Name、LangShen.AGE,当然我们也可以用数

2017-01-07 15:10:23 912

转载 VIM和GVIM 配置总结

1.前言关于如何VIM的配置,网上已经有很多相关教程,详细的教程只会是重复,本文仅介绍本人的配置心得和觉得需要注意的地方。详细可以教程可以参考http://blog.csdn.net/wooin2.VI、VIM与GVIM的区别VIM是VI的升级版,且完全兼容VI指令,GVIM跟VIM的区别是VIM要求全部键盘操作,而GVIM可以使用鼠标进行可视化操作。关于G

2017-01-05 10:13:31 3159

原创 web 列表切换

原理:通过js更改class从而实现切换效果。html:

2017-01-03 20:06:38 761

原创 Web流布局实例

在外面的大盒子相对定位,box绝对定位。通过JavaScript控制box的位置即可实现。html:

2017-01-03 15:25:04 374

原创 非常实用的webstorm的快捷键

Ctrl+/ 或 Ctrl+Shift+/注释(// 或者/*…*/ )Shift+F6重构-重命名Ctrl+X删除行Ctrl+D复制行Ctrl+G查找行Ctrl+Shift+Up/Down代码向上/下移动。

2017-01-03 11:53:06 345

转载 JavaScript调试技巧之console.log()详解

对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用;而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑一、什么是console.log()?除了一些很老版本的浏览器,现今大多数浏

2017-01-03 11:50:12 3433

转载 h5和css3兼容IE8浏览器

一、兼容html5标签使用html5.js来兼容。 百度云盘下载:html5.jshtml xmlns="http://www.w3.org/1999/xhtml">head> meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> meta http-equiv="X-UA-C

2017-01-03 11:28:48 4780

原创 box-shadow兼容IE8浏览器写法

-moz-box-shadow:3px 5px 5px #969696;-webkit-box-shadow:3px 5px 5px #969696;box-shadow:3px 5px 5px #969696; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Streng

2017-01-03 11:20:19 11468 1

转载 DOM中元素节点、属性节点、文本节点

节点信息每个节点都拥有包含着关于节点某些信息的属性。这些属性是:nodeName(节点名称) nodeValue(节点值) nodeType(节点类型) nodeTypenodeType 属性可返回节点的类型。最重要的节点类型是: 元素类型节点类型元素(ELEMENT_NODE)1   

2017-01-02 19:00:43 487

转载 CSS中的绝对定位与相对定位

层级关系为:效果图:为改变参照物(橘色框)后的效果层级关系为:效果图:参照物为最顶级的元素情况。层级关系为:效果图: 仅使用margin属性布局绝对定位元素的情况此情况,margin-bottom 和margin-right的值不再对文档流中的

2017-01-02 16:31:19 331

转载 css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float')

摘要: css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?    一、抛一块问题砖(display: block)先看现象:    分析HTML代码结构:div class="outer">    div class="div1">1div>    div class="div2">2div>    div class="div3">3div>

2017-01-02 16:08:41 1979

原创 CSS 浮动

CSS 绝对CSS 元素选择器浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘:再请看下图,当框 1 向左浮动时

2017-01-02 15:48:04 199

转载 overflow:hidden清除浮动原理

overflow:hidden清除浮动原理BFC (Block Formatting Context)全称是块级格式化上下文,用于对块级元素排版,默认情况下只有根元素(body)一个块级上下文,但是如果一个块级元素 设置了float:left,overflow:hidden或position:absolute样式,就会为这个块级元素生成一个独立的块圾上下文,就像在window全局作用域

2017-01-02 15:34:04 350

原创 overflow:hidden 原理

先来看两个overflow:hidden的使用例子。1、嵌套布局内部块元素设置float:left时,导致外部元素塌方,高度为0的问题。 CSS和HTML分别如下:.wrap { outline: red 1px solid; width: 250px; /*overflow: hidden;*/}.item { height: 20px;

2017-01-02 15:31:08 1512

原创 CSS Tools: Reset CSS

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, s

2017-01-02 15:09:04 513

转载 年度技术盘点:50个最佳轻量级JavaScript框架和库

回顾今年已发布的JS框架和库,我们针对地筛选了一些能够提供直接和具体功能的免费JavaScript插件和库,与大家分享。它们可不是臃肿的一站式框架,而是一些轻量级,并能够帮助你更快、更容易地进行网页设计与开发的实用型框架。正如你期望的,文中的一些插件可用来创建滑块、图片库、响应式菜单、弹出式窗口以及许多其他常见的组件。同时,你也可以发现一些能够提供独特功能的插件,像旁注工具、GIF预览、动

2016-12-30 20:35:21 4424

转载 MediaWiki初探:安装及使用入门

MediaWiki是著名的开源wiki引擎,全球最大的wiki项目维基百科(百科词条协作系统)是使用MediaWiki的成功范例,MediaWiki的最大作用在于对知识的归档,可用于构建企业/个人知识库。MediaWiki官网地址为http://www.mediawiki.org/wiki/MediaWiki,目前最新版本是1.23.1(2014年6月25日)。一.安装安装MediaWik

2016-12-25 18:58:20 1735

原创 jQuery使用ajaxSubmit()提交表单示例

这篇文章主要介绍了jQuery使用ajaxSubmit()提交表单示例,使用延第三方插件jquery.form实现,需要的朋友可以参考下ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件。如下所示: 代码如下:  那么,如何通过ajaxSubmit(obj

2016-12-23 17:43:38 318

原创 JavaScript获取URL汇总

URL即统一资源定位符 (Uniform Resource Locator, URL),完整的URL由这几个部分构成:scheme://host:port/path?query#fragmentscheme:通信协议,常用的http,ftp,maito等。host:主机,服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号,整数,可选,省略时使用方案

2016-12-23 15:22:33 280

转载 深入理解javascript原型和闭包(15)——闭包

前面提到的上下文环境和作用域的知识,除了了解这些知识之外,还是理解闭包的基础。至于“闭包”这个词的概念的文字描述,确实不好解释,我看过很多遍,但是现在还是记不住。但是你只需要知道应用的两种情况即可——函数作为返回值,函数作为参数传递。第一,函数作为返回值如上代码,bar函数作为返回值,赋值给f1变量。执行f1(15)时,用到了fn作用域下的max变量的值。至

2016-12-20 16:24:40 199

转载 深入理解javascript原型和闭包(14)——从【自由变量】到【作用域链】

先解释一下什么是“自由变量”。在A作用域中使用的变量x,却没有在A作用域中声明(即在其他作用域中声明的),对于A作用域来说,x就是一个自由变量。如下图如上程序中,在调用fn()函数时,函数体中第6行。取b的值就直接可以在fn作用域中取,因为b就是在这里定义的。而取x的值时,就需要到另一个作用域中取。到哪个作用域中取呢?有人说过要到父作用域中取,其实有时候这种解释会产

2016-12-20 16:23:54 271

转载 深入理解javascript原型和闭包(13)-【作用域】和【上下文环境】

上文简单介绍了作用域,本文把作用域和上下文环境结合起来说一下,会理解的更深一些。如上图,我们在上文中已经介绍了,除了全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了。而不是在函数调用时确定。下面我们将按照程序执行的顺序,一步一步把各个上下文环境加上。另外,对上下文环境不了解的朋友,可以去看看之前的两篇文章:http://www.cnblo

2016-12-20 16:23:10 215

转载 深入理解javascript原型和闭包(12)——简介【作用域】

提到作用域,有一句话大家(有js开发经验者)可能比较熟悉:“javascript没有块级作用域”。所谓“块”,就是大括号“{}”中间的语句。例如if语句:再比如for语句:所以,我们在编写代码的时候,不要在“块”里面声明变量,要在代码的一开始就声明好了。以避免发生歧义。如: 其实,你光知道“javascript没有块级作用域”是完全不够的,你

2016-12-20 16:22:21 185

转载 深入理解javascript原型和闭包(11)——执行上下文栈

继续上文的内容。执行全局代码时,会产生一个执行上下文环境,每次调用函数都又会产生执行上下文环境。当函数调用完成时,这个上下文环境以及其中的数据都会被消除,再重新回到全局上下文环境。处于活动状态的执行上下文环境只有一个。其实这是一个压栈出栈的过程——执行上下文栈。如下图: 可根据以下代码来详细介绍上下文栈的压栈、出栈过程。如上代码。在执

2016-12-20 16:21:44 255

转载 深入理解javascript原型和闭包(10)——this

接着上一节讲的话,应该轮到“执行上下文栈”了,但是这里不得不插入一节,把this说一下。因为this很重要,js的面试题如果不出几个与this有关的,那出题者都不合格。 其实,this的取值,分四种情况。我们来挨个看一下。在此再强调一遍一个非常重要的知识点:在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了。因为this的取值是执行上下文

2016-12-20 16:20:42 226

转载 深入理解javascript原型和闭包(9)——简述【执行上下文】下

继续上一篇文章(http://www.cnblogs.com/wangfupeng1988/p/3986420.html)的内容。上一篇我们讲到在全局环境下的代码段中,执行上下文环境中有如何数据:变量、函数表达式——变量声明,默认赋值为undefined;this——赋值;函数声明——赋值; 如果在函数中,除了以上数据之外,还会有其他数据。先看以下代码:

2016-12-20 16:19:23 201

转载 深入理解javascript原型和闭包(8)——简述【执行上下文】上

什么是“执行上下文”(也叫做“执行上下文环境”)?暂且不下定义,先看一段代码:第一句报错,a未定义,很正常。第二句、第三句输出都是undefined,说明浏览器在执行console.log(a)时,已经知道了a是undefined,但却不知道a是10(第三句中)。在一段js代码拿过来真正一句一句运行之前,浏览器已经做了一些“准备工作”,其中就包括对变量的声明,而不是赋值。变

2016-12-20 16:18:36 196

转载 深入理解javascript原型和闭包(7)——原型的灵活性

在Java和C#中,你可以简单的理解class是一个模子,对象就是被这个模子压出来的一批一批月饼(中秋节刚过完)。压个啥样,就得是个啥样,不能随便动,动一动就坏了。而在javascript中,就没有模子了,月饼被换成了面团,你可以捏成自己想要的样子。 首先,对象属性可以随时改动。对象或者函数,刚开始new出来之后,可能啥属性都没有。但是你可以这会儿加一个,过一会儿在

2016-12-20 16:17:30 219

转载 深入理解javascript原型和闭包(6)——继承

为何用“继承”为标题,而不用“原型链”?原型链如果解释清楚了很容易理解,不会与常用的java/C#产生混淆。而“继承”确实常用面向对象语言中最基本的概念,但是java中的继承与javascript中的继承又完全是两回事儿。因此,这里把“继承”着重拿出来,就为了体现这个不同。 javascript中的继承是通过原型链来体现的。先看几句代码以上代码中,f1是Fo

2016-12-20 16:16:22 174

转载 深入理解javascript原型和闭包(5)——instanceof

又介绍一个老朋友——instanceof。对于值类型,你可以通过typeof判断,string/number/boolean都很清楚,但是typeof在判断到引用类型的时候,返回值只有object/function,你不知道它到底是一个object对象,还是数组,还是new Number等等。这个时候就需要用到instanceof。例如:上图中,f1这个对象是被Fo

2016-12-20 16:01:55 199

Web列表切换

Web列表切换

2017-01-03

Web流布局实例

Web流布局实例

2017-01-03

任意进制转换类

进制转换

2016-12-08

进制转换类(支持任意进制)

支持任意进制的转换

2016-12-08

空空如也

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

TA关注的人

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