自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

转载 正则中圆括号()方括号[]大括号{}的区别和用法

之前遇到要用正则判断输入字符串的小需求中遇到了问题,连续的字符串不知道怎么判断。 如邮箱结尾的.com .cn .net等。于是乎查阅资料:括号() : 括号是多个匹配,它把括号内的当做一组来处理,限制一些多选的范围,比如上面的需求只能是com cn net结尾的用括号就是最好的选择。 括号能提取字符串,如(com|cn|net)就可以限制,只能是com或cn或net。 

2017-03-15 21:50:33 16141

原创 正则表达式元字符

正则表达式中具有特殊含义的字符称之为元字符,常用的元字符有:\ 一般用于转义字符^ 断言目标的开始位置(或在多行模式下是行首)$ 断言目标的结束位置(或在多行模式下是行尾). 匹配除换行符外的任何字符(默认)[ 开始字符类定义] 结束字符类定义| 开始一个可选分支( 子组的开始标记) 子组的结束标记? 作为量词,表示 0 次或 1 次匹配。位于量词后面用

2017-03-15 20:25:33 451

原创 php单双引号的区别

关于单引号和双引号的区别和效率问题。很多朋友了解的不是很清楚,一直以为PHP中单引号和双引号是互通的,直到有一天,发现单引号和双引号出现错误的时候才去学习研究。所以今天再拿出来谈谈他们的区别,希望大家不要再为此困惑。” ” 双引号里面的字段会经过编译器解释,然后再当作HTML代码输出。‘ ‘ 单引号里面的不进行解释,直接输出。从字面意思上就可以看出,单引号比双引号要快了。例如:

2017-03-07 21:07:35 452

原创 $xx=$arr[0]和$xx=$arr["0"]的区别

因为$xx=$arr[0]和$xx=$arr["0"]结果一样是在前提是数组是索引数组,若是要输出关联数组的第一个键值,你若不给键加引号就无法输出了,所以为了不必要的失误和麻烦,请保持给键值加引号的好习惯。

2017-03-06 20:54:23 1127

转载 让绝对定位的元素水平居中对齐

让绝对定位的元素水平居中对齐  这种方式非常独特,大家一定要记牢这种方式[css] view plain copy .center{           position: absolute; /*绝对定位*/           width: 500px;           height:300px;       

2017-02-16 20:04:17 745

转载 IE 6 7 8支持HTML 兼容

方式一:Coding JavaScriptif lt IE9]> (function() { if (! /*@cc_on!@*/ 0) return; var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figu

2017-02-15 20:28:33 298

转载 IE中CSS3不完全兼容方案

转自:http://whosemind.net/content/ie%E4%B8%AD%E7%9A%84css3%E4%B8%8D%E5%AE%8C%E5%85%A8%E5%85%BC%E5%AE%B9%E6%96%B9%E6%A1%88到Internet Explorer 8为止,IE系列是不支持CSS3的。在IE中要做一些常用的效果如圆角、阴影,就需要用一些冗余而无意义的元素和图片来做

2017-02-15 20:23:04 444

原创 Jquery类工具类函数

获取浏览器的名称与版本信息在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.mozilla为true,表示当前为火狐浏览器,还可以通过$.browser.version方式获取浏览器版本信息。例如,调用$.browser对象,获取浏览器名称并显示在页面中

2017-02-14 21:38:54 462

转载 jQuery.fn.extend(); 和 jQuery.extend();的区别

jQuery为开发插件提拱了两个方法,分别是:1. jQuery.fn.extend();2. jQuery.extend(); 虽然 javascript没有明确的类的概念,但是可以构建类似类的定义。jQuery便是一个封装得非常好的类,比如,$("#btn1") 会生成一个 jQuery类的实例,理解这一点很重要。 (1). jQuery

2017-02-14 21:10:15 403

转载 jQuery AJAX详解

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data],

2017-02-06 23:05:34 317

原创 a++和++a的区别

a++ : 把(a++)作为一个整体表达式,a 的值虽然自增1,但是整个表达式的值是取 a自增 之前 的值;++a : 也把(++a)作为一个整体表达式,a 的值也自增1,但是整个表达式的值是取 a 自增 之后 的值。看实例:m=a++ 相当于 m=a,a=a+1m=++a 相当于 a=a+1,m=a 这种自加运算和自减运算,都相当于两步骤总结: a++ 是先把

2017-01-24 18:23:19 368

转载 弹性盒模型

今天刚学了css3的弹性盒模型,这是一个可以让你告别浮动、完美实现垂直水平居中的新特性。Flexbox是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间,当可用空间变大,Flex元素将伸展大小以填充可用空间,当Flex元素超出可用空间时将自动缩小。总之,Flex元素是可以让你的布局根据浏览器的大小变化进行自

2017-01-19 20:29:20 6531

转载 JavaScript事件冒泡简介及应用

一、什么是事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。打个比方说:你在

2017-01-14 15:41:08 323

转载 从输入url到返回页面 的整个过程

从输入域名到访问网站的过程学习建立网页前,我们应先了解网络(Web)基本的运作方式。也就是从我们在浏览器中输入域名到浏览器显示页面,这个过程中到底发生了什么事?见下面图示:说明1,浏览器通常指 IE FireFox等,客户端使用的程序2,每台连接互联网的机器都有一个唯一的IP地址,IP地址是由4个0到256的数组成的,比如:222.131.0.229,127.0

2017-01-14 14:58:30 436

转载 常见的http状态(404 304等)

在网站建设的实际应用中,容易出现很多小小的失误,就像MySQL当初优化不到位,影响整体网站的浏览效果一样,其实,网站的常规http状态码的表现也是一样,Google无法验证网站几种解决办法,提及到由于404状态页面设置不正常,导致了google管理员工具无法验证的情况,当然,影响的不仅仅是这一方面,影响的更是网站的整体浏览效果。因此,比较清楚详细的了解http状态码的具体含义,对于一个网站站长来说

2017-01-14 14:40:52 944

转载 css清除浮动float的三种方法总结

一、抛一块问题砖(display: block)先看现象:    分析HTML代码结构:div class="outer">    div class="div1">1div>    div class="div2">2div>    div class="div3">3div>div>     分析CSS代码样式:.outer{border: 1px solid 

2017-01-14 14:31:55 796

原创 float和定位以及页面布局

浏览遇到浮动元素时,会把它尽可能放在最左边或者右边,还会从流中删除这个段落,就好像它浮在页面上一样。页面中的块级元素会在浮动元素的下面,而对于内联元素定位时,他们会考虑浮动元素的边界,因此会围绕浮动元素。而绝对定位时,其他元素甚至不知道有这样的元素,他们会将它完全忽略,流元素中的其他内联元素也不会围绕在绝对定位的元素周围,也无法清除浮动。流体布局(liquid layouts):不论我

2017-01-14 14:12:17 606

转载 ajax中get和post的区别

Get请求和Post请求的区别1.使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来2.使用Get请求发送数据量小,Post请求发送数据量大例子页面的HTML代码:html xmlns="http://www.w3.org/1999/xhtml">head> title>title> style type=

2017-01-14 11:13:55 412

原创 模态框和下拉菜单组合使用出现问题(待解决)

Launch demo modal ×Close Modal title username

2017-01-13 23:19:56 2441 1

原创 jquery中.index()和.eq()

css xpath规范里面只有下面三个,没有eq:first-child:nth-child(n):last-child所以选择器里的eq,需要由jquery去解析实现,无法实现原生dom方法querySelectorAll(),所以官方也更推荐eq()函数http://api.jquery.com/eq-selector简单案例顶部导航和侧边导航同步效果jqu

2017-01-12 23:39:07 2393

转载 jquery 遍历add() 方法

add() 将元素添加到匹配元素的集合中。这是jQuery参考手册上的表述。但其提供的例子链接错误,因此没有对add()的实例说明。这里就提供几个例子,以便更好的掌握add()的用法。例一[html] view plain copy>  html>  head>  style>  div { width:60px; h

2017-01-12 19:00:29 434

转载 $.map()方法

map()函数用于处理当前jQuery对象匹配的所有元素,并将处理结果封装为新的数组。返回封装该数组的jQuery对象。该函数属于jQuery对象(实例)。语法jQuery 1.2 新增该函数。jQueryObject.map( callback )参数参数描述callbackFunction类型指定的处理函数

2017-01-11 21:57:04 1075

转载 react入门

React 入门实例教程作者: 阮一峰日期: 2015年3月31日现在最热门的前端框架,毫无疑问是 React 。上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaSc

2017-01-11 21:36:41 397

转载 bootstrap侧边栏圆点导航

如图,随页面向下滑动,到指定页面后圆点变成白色,也可以通过点击圆点跳转到某个位置。[html] view plain copydiv class="onepage" id="onepage">div>  div class="twopage" id="twopage">div>  div class="threepage" id="t

2017-01-10 21:06:36 4001

原创 .css('height')和.height的区别

.css('height')和.height的区别是后者返回一个没有单位的数值(例如400),前者返回的是带单位的字符串(例如400px)。当一个元素的高度需要数字计算的时候推荐使用.height()方法

2017-01-09 19:06:20 946

转载 jquery中attr和prop的区别

jquery中attr和prop的区别在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方

2017-01-08 16:58:14 309

转载 css background-position负值定位解析

相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象:网页中很多图片素材被合成在一张图片上。       起初小菜模仿网站的时候,经常遇到这个现象,那时候也不知道这时什么技术,人家的整张图片素材不会利用,只能用ps切图,切成单个的再用。。。       其实,这是一个非常简单的技术,就是因为想象的太难了,才一直找不到问题的关键。       要想实现CSS抠图,只需要用到一

2017-01-03 19:54:48 5225

转载 js下firstElementChild firstChild 以及childNodes和children方法

js下firstElementChild firstChild 以及childNodes和children方法一、div> p>123p>div>在上面这段代码中,如果使用以下js代码var Div=document.getElementByTagName("div")[0];alert(Div.firstChild.nodeName

2016-12-26 22:33:33 1365

空空如也

空空如也

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

TA关注的人

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