12 2015 档案

HTML5 input placeholder 颜色修改示例
摘要：Chrome支持input=[type=text]占位文本属性，但下列CSS样式却不起作用：CSS：input[placeholder], [placeholder], *[placeholder] { color:red !important; } HTML： 运行结果值还是灰色，Color：re... 阅读全文
posted @ 2015-12-29 08:45 waisonlong 阅读(297) 评论(0) 推荐(0)
26 个 jQuery使用技巧
摘要：今天看了个bootstrap的模板源码，看到里面回到顶部的方法里面有$(this.hash)，觉得hash值这个值属性不要了，也没有影响吧，于是去掉了尝试一下，发现问题，去掉后，原来会自动进行一下搜索，然后在显示回到顶部的动画。上网查了一下，发现下面26个技巧，就先记录一下：使用了jQuery库的不... 阅读全文
posted @ 2015-12-25 11:21 waisonlong 阅读(186) 评论(0) 推荐(0)
JS原型与原型链（好文看三遍）
摘要：一. 普通对象与函数对象JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object ，Function 是JS自带的函数对象。下面举例说明:function f1(){}; var f2 = function(){}; var f3 = new Function(... 阅读全文
posted @ 2015-12-25 10:33 waisonlong 阅读(239) 评论(0) 推荐(0)
文字和图片垂直居中
摘要：一、文字垂直居中习惯性的我们想对文字进行垂直居中，首先想到的是设置line-height与height相等 我是垂直居中位置，我就这么帅！效果如图：但是如果出现多行文字效果就... 我是垂直居中多行文字，我就这么帅！ 我是垂直居中多行文字，我就这么帅！立刻就不帅了！！然... 阅读全文
posted @ 2015-12-24 16:46 waisonlong 阅读(1511) 评论(0) 推荐(0)
javascript通过class获取元素
摘要：1.getElementsByClassName非IE6,7,8可以直接用自带的属性 getElementsByClassName，如果需要兼容 function getElementsByClass(_className,elemParent){ var elemParent = e... 阅读全文
posted @ 2015-12-21 16:37 waisonlong 阅读(1060) 评论(0) 推荐(0)
JavaScript中函数参数的值传递和引用传递
摘要：结论：对于数字、字符串等是将它们的值传递给了函数参数，函数参数的改变不会影响函数外部的变量。 对于数组和对象等是将对象(数组)的变量的值传递给了函数参数，这个变量保存的指向对象(数组)的地址。当函数改变这个地址指向的对象(数组)的内容时，同时也改变了函数外部变量指向的对象(数组)的内容；当函数... 阅读全文
posted @ 2015-12-18 15:46 waisonlong 阅读(182) 评论(0) 推荐(0)
JSONP原理及简单实现
摘要：在web2.0时代，熟练的使用ajax是每个前端攻城师必备的技能。然而由于受到浏览器的限制，ajax不允许跨域通信。JSONP就是就是目前主流的实现跨域通信的解决方案。虽然在在jquery中，我们可以通过$.ajax的dataType设置为jsonp来调用jsonp，但是jsonp和ajax的实现原... 阅读全文
posted @ 2015-12-17 17:29 waisonlong 阅读(517) 评论(0) 推荐(0)
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
摘要：激活条件编译支持。 @cc_on 备注 @cc_on 语句激活脚本引擎中的条件编译。 强烈推荐在注释中使用 @cc_on 语句，以使不支持条件编译的浏览器将您的脚本视为有效语法而接受它： /*@cc_on*/ // The remainder of the script.或者，在注释外的一个 @if... 阅读全文
posted @ 2015-12-17 09:37 waisonlong 阅读(387) 评论(0) 推荐(0)
HTML5跨域请求--POST方式
摘要：var xmlHttp; // Create the XHR object. function createCORSRequest(method, url) { var xhr = new XMLHttpRequest(); ... 阅读全文
posted @ 2015-12-17 09:09 waisonlong 阅读(3252) 评论(0) 推荐(0)
<meta> 标签
摘要：文档兼容模式的定义。Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染使用以下代码强制 IE 使用 Chrome Frame 渲染提示 IE 用户安装 Goog... 阅读全文
posted @ 2015-12-14 09:27 waisonlong 阅读(178) 评论(0) 推荐(0)
CSS3 Transitions, Transforms和Animation的使用
摘要：一、首先说说transition这个属性:它有下面几个参数：transition-property：* //指定过渡的性质，比如transition-property:backgrond 就是指backgound参与这个过渡transition-duration：*//指定这个过渡的持续时间tran... 阅读全文
posted @ 2015-12-11 16:14 waisonlong 阅读(574) 评论(0) 推荐(0)
word-wrap和word-break的区别吗？
摘要：word-wrap:css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。word-break:css的 word-break 属性用来标明怎么样进行单词内的断句。貌似从上面两个读着都蛋疼的翻译中找到了一些区别：w... 阅读全文
posted @ 2015-12-11 11:57 waisonlong 阅读(256) 评论(0) 推荐(0)
css3中比较少用到的属性记录
摘要：letter-spacing 属性支持：所有浏览器都支持 letter-spacing 属性。letter-spacing 属性增加或减少字符间的空白（字符间距）。该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就... 阅读全文
posted @ 2015-12-10 11:53 waisonlong 阅读(178) 评论(0) 推荐(0)
CSS ::Selection的使用方法
摘要：大家都知道浏览器对选中的文本默认样式都是统一的，Windows下是一个深蓝色的背景，白字的前景，而在Mac下是一个淡蓝色背景，白色字体，就如上图所展示的一样，自从有了这个“::selection”选择器后，我们在部分浏览器中可以设置你所需要的样式，下面就让我来告诉大家如何使用这个“::selecti... 阅读全文
posted @ 2015-12-09 17:51 waisonlong 阅读(5023) 评论(0) 推荐(0)
CSS 属性 - 伪类和伪元素的区别
摘要：CSS伪类用于向某些选择器添加特殊的效果。CSS伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他css无法描述的东西。伪类种类伪元素种类区别这里用伪类:first-child和伪元素:first-letter来... 阅读全文
posted @ 2015-12-09 17:27 waisonlong 阅读(254) 评论(0) 推荐(0)
javascript正则表达式语法
摘要：1. 正则表达式规则 字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号，都是"普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。 举例1：表达式 "c"，在匹配字符串 "abcde" 时，匹配结果是：成功；匹配到的内容是："c"；匹配到的位置是：开始于2， 阅读全文
posted @ 2015-12-09 16:57 waisonlong 阅读(226) 评论(0) 推荐(0)