2014 年 10月随笔档案 - bigdesign

文档结构和遍历

摘要：1、parentNode 获取该节点的父节点2、childNodes 获取该节点的子节点数组3、firstChild 获取该节点的第一个子节点4、lastChild 获取该节点的最后一个子节点5、nextSibling 获取该节点的下一个兄弟元素6、previoursSibling 获取该节点的上一... 阅读全文

posted @ 2014-10-28 17:09 bigdesign 阅读(221) 评论(0) 推荐(0) 编辑

javascript的几个作用域

摘要：for循环 for(var i=1; i<=3;i++){}alert(i) // 输出4 ；这里i无论申明否均是全局变量。将for循环放函数内 var i =0;function test(){for(var i=0;i<=10;i++){}}test();alert(i) // 如果没加va 阅读全文

posted @ 2014-10-28 11:46 bigdesign 阅读(812) 评论(0) 推荐(0) 编辑

matrix矩阵

摘要：matrix(a,b,c,d,e,f)x’ | a c e | xy’ = | b d f | y1 | 0 0 1 | 1这就是矩阵的运算了，简化为公式：x’=ax+cy+ey’=bx+dy+fcss3的transform属性很好用，其实可以变换为matrix矩阵工作，只需要给abc... 阅读全文

posted @ 2014-10-27 16:48 bigdesign 阅读(524) 评论(0) 推荐(0) 编辑

text-overflow

摘要：在web开发过程中，常常会遇到要让布局中的某些文本根据宽度来显示，如果超过最大宽度仍然显示不完的，就显示为省略号的情况。可以通过程序截取，JS字符串截取。在css中可以通过text-overflow进行设置，但是这种效果只适用于单行显示的文本。text-overflow语法text-overflow... 阅读全文

posted @ 2014-10-25 22:57 bigdesign 阅读(304) 评论(0) 推荐(0) 编辑

CSS3 圆角属性 border-radius

摘要：在 CSS3 中新增了一个 border-radius 边框半径属性，即大家常用的圆角效果。这使得制作圆角将不再麻烦，只需对所用对象加一个 border-radius 属性即可，不必使用图片定位或冗余代码完成了。不过它的使用瓶颈目前也是显而易见的，因为效果显示需支持 CSS3 的现代浏览器，而在一些... 阅读全文

posted @ 2014-10-25 12:31 bigdesign 阅读(356) 评论(0) 推荐(0) 编辑

js对象字面量的demo

摘要：阅读全文

posted @ 2014-10-23 16:14 bigdesign 阅读(225) 评论(0) 推荐(0) 编辑

eval解析ajax传回的json字符串为什么要用括号

摘要：javascript没有块级作用域，但可以用｛｝来分割代码，如function say() { { var a = 1; }{ //anotherCodeBlock } alert(a);}say(); // 仍然输出1当用eval解析时，｛｝会被理解为一个代码块的开始，不会理解成为一个对象字面... 阅读全文

posted @ 2014-10-23 13:23 bigdesign 阅读(379) 评论(0) 推荐(0) 编辑

获取file图片上传类型的图片地址并显示图片

摘要：阅读全文

posted @ 2014-10-21 14:56 bigdesign 阅读(1578) 评论(0) 推荐(0) 编辑

jquery设置一个不固定高度的div 上下左右居中

摘要：$(window).resize(function(){ $(".mydiv").css({ position: "absolute", left: ($(window).width() - $(".mydiv").outerWidth())/2, ... 阅读全文

posted @ 2014-10-20 16:01 bigdesign 阅读(608) 评论(0) 推荐(0) 编辑

ie6 fixed不兼容

摘要：让IE6支持fixed的处理方式IE6代码这个方法可以使ie6支持fixed，但有个缺陷，会使页面上原有的relative 和 position 定位都变成 fixed的效果。解决方式：用expression 可以让IE实现页面固定，但是会出现抖动，通过设置 background-image 解决抖... 阅读全文

posted @ 2014-10-20 14:57 bigdesign 阅读(169) 评论(0) 推荐(0) 编辑

Javascript表达式中连续的 && 和 || 之赋值区别

摘要：多个连续的 && 的表达式中若没有 0, false, undefined, null 的话，它将取得最后一个“子表达式”的值，否则将表达式中的 0, false, undefined, null 返回。多个连续的 || 的表达式将会取第一个“子表达式”的值，若为 0, false, undefin... 阅读全文

posted @ 2014-10-19 14:38 bigdesign 阅读(415) 评论(0) 推荐(0) 编辑

IE6/IE7之浮动元素最后一个字母重复Bug

摘要：这个bug影响: IE7, IE6 A B C div { width: 100px; } p { margin-right: 1px; } span { float: left; width: 120px; }bug出现: 1.我们有一个确定宽度的div元素. 2.在这个div中有一个属性m... 阅读全文

posted @ 2014-10-13 23:06 bigdesign 阅读(128) 评论(0) 推荐(0) 编辑

IE6 3像素的bug

摘要：出现：当浮动元素与非浮动元素相邻时，两个元素之间的距离差解决：1.为左边的元素添加_margin-right:-3px2.不浮动元素添加浮动。阅读全文

posted @ 2014-10-13 22:33 bigdesign 阅读(125) 评论(0) 推荐(0) 编辑

ie6双倍间距

摘要：出现一个div，同时给定左浮动和 margin-left值，会出现双倍间距解决设置这个div 的css display：inline。阅读全文

posted @ 2014-10-13 22:25 bigdesign 阅读(134) 评论(0) 推荐(0) 编辑

js 字符串转换成数字的三种方法

摘要：js 字符串转换成数字的三种方法在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.方法主要有三种:转换函数、强制类型转换、利用js变量弱类型转换... 阅读全文

posted @ 2014-10-12 13:54 bigdesign 阅读(989) 评论(0) 推荐(0) 编辑

"=="和"==="的规则

摘要：先说===，这个比较简单，具体比较规则如下：1、如果类型不同，就[不相等]2、如果两个都是数值，并且是同一个值，那么[相等]；(例外)的是，如果其中至少一个是NaN，那么[不相等]。（判断一个值是否是NaN，只能用isNaN()来判断）alert(NaN === NaN); //输出 "false... 阅读全文

posted @ 2014-10-12 12:30 bigdesign 阅读(183) 评论(0) 推荐(0) 编辑

javascript 字符串处理函数

摘要：parseFloat() 函数可解析一个字符串，并返回一个浮点数。开头和结尾的空格是允许的。2014-10-10字符串中的首个字符是否是数字，如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。如果字符串第一个字符不能被解析成为数字，则 parseFloat ... 阅读全文

posted @ 2014-10-09 16:46 bigdesign 阅读(400) 评论(0) 推荐(0) 编辑

jquery操作select的一些基本方法总结

摘要：T1 >>> 创建一个新的selectvar $newSelect = $(""); // 注意转义\T2 >>> 创建一个新的option var $option = $("1");T3 >>> 将option添加进数组 options方式一：$newSelect.append($option... 阅读全文

posted @ 2014-10-04 22:48 bigdesign 阅读(259) 评论(0) 推荐(0) 编辑

jquery 中的 $(this)[0], $(this).get(0), $(this).toArray()[0]

摘要：使用jquery的有些时候可以看到这样的写法$(this)[0],$(this).get(0),$(this).toArray()[0]他们是等价的，相当于把一个$(this) 当前jquery对象转化为DOM 对象，以便于使用dom的一些方法。阅读全文

posted @ 2014-10-04 20:46 bigdesign 阅读(2705) 评论(0) 推荐(0) 编辑

JavaScript执行效率与性能提升方案（转）

摘要：如何提升JavaScript执行效率与性能在前端开发中位于一个很重要的地方，这节来研究下如何在平时做项目过程中，提升JavaScript性能与运行效率,需要的朋友可以参考下如何提升JavaScript执行效率与性能在前端开发中位于一个很重要的地方，这节来研究下如何在平时做项目过程中，提升JavaSc... 阅读全文

posted @ 2014-10-04 11:28 bigdesign 阅读(555) 评论(0) 推荐(0) 编辑

12种不宜使用的Javascript语法整理(转)

摘要：1.== Javascript有两组相等运算符，一组是==和!=，另一组是===和!==。前者只比较值的相等，后者除了值以外，还比较类型是否相同。请尽量不要使用前一组，永远只使用===和!==。因为==默认会进行类型转换，规则十分难记。如果你不相信的话，请回答下面五个判断式的值是true还是fal... 阅读全文

posted @ 2014-10-04 11:20 bigdesign 阅读(154) 评论(0) 推荐(0) 编辑

javascript操作select的一些基本方法总结

摘要：T1 >>> 创建一个新的selectvar sel_obj = document.createElement('select');T2 >>> 创建一个新的option 方式1：var new_option = document.createElement('option');new_option... 阅读全文

posted @ 2014-10-04 08:45 bigdesign 阅读(590) 评论(0) 推荐(0) 编辑

一个select 列子的思考

摘要：title 阅读全文

posted @ 2014-10-03 18:26 bigdesign 阅读(114) 评论(0) 推荐(0) 编辑

jquery中 toggleClass方法的一种用法

摘要：1234方式一提交方式二提交两种方式效果一致。$(selector).toggleClass(function(index,class),switch) 其中index可选，接受选择器的位置。jquery index() 方法返回指定元素相对于其他指定元素的 index 位置。阅读全文

posted @ 2014-10-02 23:10 bigdesign 阅读(297) 评论(0) 推荐(0) 编辑

模拟TAB 采用 attachEvent 遇到的IE兼容问题

摘要：div+css+js模拟TAB TAB1111 TAB1111 就不可以了 -->TAB2222 TAB3333 TAB4444 这里是内容111 这里是内容111 这里是内容111 这里是内容222 这里是内容222 这里是内容222 这里是内容33... 阅读全文

posted @ 2014-10-02 11:58 bigdesign 阅读(275) 评论(0) 推荐(0) 编辑

JS中 typeof 与 instanceof 的区别

摘要：JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的：typeof是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。typeof 一般只能返回如下几个结果：num... 阅读全文

posted @ 2014-10-01 23:19 bigdesign 阅读(221) 评论(0) 推荐(0) 编辑

toString() 方法

摘要：举例javascript的几种变量格式（string,array,function,date,number,boolen ）toString()输出结果参考。示例1 Numbervar num1 = 10;document.write(num1.toString(2)); //输出1010docum... 阅读全文

posted @ 2014-10-01 13:39 bigdesign 阅读(427) 评论(0) 推荐(0) 编辑