代码改变世界

随笔档案-2014年11月

闭包

2014-11-30 17:40 by 勤劳的插秧哥, 193 阅读, 收藏, 编辑
摘要: 闭包:js中老生常谈的一个话题了,具体什么是闭包呢?我理解的是:闭包就是一个能访问别的作用域(函数)中的变量的函数。正常情况下一个函数执行完毕其中的变量也就随之销毁,这也是js的垃圾回收机制的作用,但是倘若该函数中的变量被别的函数使用了,那就形成了闭包,导致垃圾回收机制迟迟不能回收该变量,这就是闭包... 阅读全文

js和html5实现画板

2014-11-29 22:25 by 勤劳的插秧哥, 1679 阅读, 收藏, 编辑
摘要: html5新添了一个重要又强大的标签元素,该标签真有彻底替换掉flash的尽头,现在很多网页游戏就是用完成的,下面代码就是用该标签制作的一个画板。效果图: 画笔颜色: 画笔宽度: 阅读全文

js一些小题(二)

2014-11-28 23:49 by 勤劳的插秧哥, 160 阅读, 收藏, 编辑
摘要: *******************************************************************一个全局下的函数:function test(){alert(this);}当直接调用时test(); 会弹出object window因为很明显这里的this代表全... 阅读全文

jquery复习笔记

2014-11-27 18:35 by 勤劳的插秧哥, 134 阅读, 收藏, 编辑
摘要: $('div').insertAfter($('p'))和$('p').after($('div'))作用相同都是把div放在p的后面,但不同的是操作对象不同,第一个操作对象是div,第二个是p,用.css('background','red')可现实操作对象为红色。$('div').appendT... 阅读全文

关于水平居中

2014-11-25 23:44 by 勤劳的插秧哥, 169 阅读, 收藏, 编辑
摘要: 单个div都知道用margin :XX px auto;来实现,但对于多个块级元素呢?那就把这些块级元素如div设置为display:inline-block;再把父元素设置为text-align:center;即可。text-align:center;本是用于设置父元素中的文本的,这里一旦把子块... 阅读全文

回顾这些日子

2014-11-25 21:59 by 勤劳的插秧哥, 125 阅读, 收藏, 编辑
摘要: 过的还好 阅读全文

阻止事件冒泡

2014-11-20 19:46 by 勤劳的插秧哥, 138 阅读, 收藏, 编辑
摘要: 事件冒泡的概念在此不再重复,下面主要介绍防止事件冒泡的方法:符合W3C标准的event.stopPropagation(); 和IE浏览器下的window.event.cancelBubble=true; stopPropagation阻止冒泡cancelBubble ... 阅读全文

css导航栏

2014-11-20 15:40 by 勤劳的插秧哥, 209 阅读, 收藏, 编辑
摘要: 几个导航栏也算对学过知识的回顾,总有新的收获,下面是学习过程中敲的代码: 首页 新闻 咨询 服务 关于 下面css代码使其水平导航:ul{ list-style-type: none;... 阅读全文

js正则

2014-11-19 21:12 by 勤劳的插秧哥, 241 阅读, 收藏, 编辑
摘要: 回顾正则,浪费一下午的时间,以下是直接从编辑器中复制的代码,连注释,杂七杂八码了这么多,其中有的在原来代码的基础上直接改的,有些则是全新的。保存下来吧感觉没太大价值,删了又挺可惜,就发到博客上去吧,证明自己今天下午没有百忙。//***************************正则*******... 阅读全文

js事件绑定

2014-11-18 12:27 by 勤劳的插秧哥, 183 阅读, 收藏, 编辑
摘要: 事件绑定,常见的是odiv.onclick=function(){..........}; 这种方式绑定事件太单一,如果绑定多个,那么最后一个事件会覆盖掉之前的,也就是说只执行最后一次绑定的事件,这里要说的是addEventListener方法,和IE下的attachEvent方法:html代码如下... 阅读全文

操作iframe

2014-11-17 23:26 by 勤劳的插秧哥, 156 阅读, 收藏, 编辑
摘要: iframe是在页面中嵌套的子页,当前页面(这里称为父页)和嵌套页面(这里称为子页)可以相互控制:当父页控制子页用contentWindow,用法为 对象.contentWindow.document.XX 或用contentDocument.XX 来操作子页控制父页用window.paren... 阅读全文

用js枚举实现简易菜单效果

2014-11-16 14:08 by 勤劳的插秧哥, 370 阅读, 收藏, 编辑
摘要: 用js枚举实现简易菜单效果,左侧显示菜单,右侧显示用户选择的菜单,一图胜千言,还是直接来张效果图吧:以下是代码: 菜单: 鱼香肉丝 火爆肥牛 ... 阅读全文

js中的浅拷贝和深拷贝

2014-11-16 01:02 by 勤劳的插秧哥, 995 阅读, 收藏, 编辑
摘要: 说说最近所学:浅拷贝和深拷贝也叫做浅克隆和深克隆,深浅主要针对的是对象的“深度”,常见的对象都是“浅”的,也就是对象里的属性就是单个的属性,而“深”的对象是指一个对象的属性就是一个对象,也就是对象里面套对象,就像嵌套函数一样。为什么要使用深拷贝和浅拷贝?如果现有var obj={....}这个对象,... 阅读全文

用css伪类实现提示框效果

2014-11-14 21:22 by 勤劳的插秧哥, 486 阅读, 收藏, 编辑
摘要: 题目要求用css实现下图效果:很明显难点就在那个多出去的三角形上,下面代码是用一个div来实现的,用到了伪类 : befor和 : after,使用这两个伪类活生生的在div之前和之后多出了“那么点东西”,然后设置其边框,形成一黑色三角形,在用after造出另一白色三角形,让白色三角形位置向后移动,... 阅读全文

关于DOM操作的性能优化

2014-11-13 12:55 by 勤劳的插秧哥, 365 阅读, 收藏, 编辑
摘要: 最著名的有关用js操作dom的观点是:js和dom是独立的小岛,用桥实现两者的联系,但桥很窄,要过路费,所以我们要尽最大可能减少过桥的次数。下面代码演示了用js操作dom的innerHTML,且一下修改5000次:testcss dddd 以上代码运行起来是十分消耗性能的,虽然各浏览器处理时间不一... 阅读全文

让人省心的事件委托

2014-11-13 12:03 by 勤劳的插秧哥, 144 阅读, 收藏, 编辑
摘要: 事件委托:利用冒泡的原理把实践添加到父元素级别上,触发执行效果。时间委托优点: 1.提高性能,不用for循环遍历所有li,节省性能。 2.新添加的元素还会有原来之前的事件。先看时间委托提高的性能吧,一个常见的效果,鼠标经过列表背景变红,鼠标移走取消背景色。下面代码是没使用时间委托:testc... 阅读全文

一些js小题(一)

2014-11-12 16:54 by 勤劳的插秧哥, 169 阅读, 收藏, 编辑
摘要: 一些js小题,掌握这些对于一些常见的面试、笔试题应该很有帮助: var a=10; function aa(){ alert(a); } function bb(){ aa(); } bb();//10 因为bb函数调用aa时,程序在执行aa,执行aa时只能找到全局中的a:1... 阅读全文

css复习笔记

2014-11-11 18:00 by 勤劳的插秧哥, 148 阅读, 收藏, 编辑
摘要: margin:1. 当有三个值时第一个值为上,第二个值为左右,第三个值为下。2.margin外边距折叠,水平没有,垂直会折叠,且折叠后以两者最大值为准。另外,当一个元素包裹另一元素时也会发生折叠。折叠条件:垂直,包含。3.margin用于来居中时auto要作用于左右,margin上下值会忽略auto... 阅读全文

js实现拖拽

2014-11-11 16:42 by 勤劳的插秧哥, 163 阅读, 收藏, 编辑
摘要: 拖拽:最核心是三个事件,鼠标按下,鼠标移动,鼠标弹起。按下时激活拖拽,然后时刻根据鼠标的位置来更新物体的left和top值,达到跟随鼠标的效果,鼠标弹起则取消拖拽。以下是代码:拖拽 原理很简单,但实现过程要考虑很多细节,如刚移动时物体要在原有的位置点开始移动,而不是事件发生的位置处开始移动,还... 阅读全文

可怜的js居然没有块级作用域

2014-11-10 11:22 by 勤劳的插秧哥, 177 阅读, 收藏, 编辑
摘要: js中在一个函数中定义一个for循环:for(var i=0;i<5;i++) 其中的i并不会随着for循环的结束就销毁,i会一直存在该函数中,这就是js和其他语言的区别,也就是js没有块级作用域的概念。看以下代码:function test(){ for(var i=0;i<5;i++) ... 阅读全文

js中的继承

2014-11-07 20:40 by 勤劳的插秧哥, 128 阅读, 收藏, 编辑
摘要: 继承,一个子类,一个超类,子类想获取超类中的属性和方法,获取之后不满意也可以重写超类中的方法。新建一个超类:function fa(){ this.name='father'; } fa.prototype.getname=function(){ return this.name; }... 阅读全文

用构造函数创建对象时的this的指向问题

2014-11-06 15:58 by 勤劳的插秧哥, 2467 阅读, 收藏, 编辑
摘要: 用构造函数方式创建对象:function Person(name,age){ this.name=name; this.age=age; this.sayname=function(){ alert(this.name); }; }构造函数其实就是用new操作符调用的一个函数... 阅读全文

js中创建对象的几种方式

2014-11-06 11:10 by 勤劳的插秧哥, 445 阅读, 收藏, 编辑
摘要: 创建对象指创建一个object并给这个对象添加属性和方法,有以下几个方式:最基本的:var Person={};Person.name='tom';Person.age='20';Person.sayname=function(){alert(this.name);};创建了一个Person对象,并... 阅读全文

一道灵活的css笔试题

2014-11-04 21:03 by 勤劳的插秧哥, 196 阅读, 收藏, 编辑
摘要: 今天在网上看到一css笔试题,乍一看很简单,实则内部暗藏玄机,题目大概是:九宫格,每格长宽50px,边框宽度5px,鼠标经过边框变红,效果如下:鼠标路过时:以下是代码(如有不足之处望多加指正) 1 2 ... 阅读全文

inherit与auto

2014-11-03 22:13 by 勤劳的插秧哥, 173 阅读, 收藏, 编辑
摘要: 大家是不是和我一样,在刚开始学习css的时候,在css文件开头是不是经常看到这样的代码: * {margin:0 px; padding:0 px;} 。 在接下来设置颜色字体时在body元素的css样式中是不是又经常看到这样的代码:body{ color:颜色值} 如果子元素没有特别声明的话,整篇... 阅读全文

再谈visibility:hidden和display:none

2014-11-03 16:56 by 勤劳的插秧哥, 1967 阅读, 收藏, 编辑
摘要: 之前写过一篇有关visibility:hidden和display:none的文章:为什么要用用visibility:hidden;代替display:none;?主要是从浏览器性能方面入手,却没写两者的主要区别,今天补充。首先display:none,这个none会把元素从dom树中“摘除”,这时... 阅读全文

IE浏览器中ajax使用缓存数据的问题

2014-11-03 11:46 by 勤劳的插秧哥, 210 阅读, 收藏, 编辑
摘要: 今天做了一个小功能:点击鼠标实时更新系统时间,采用ajax,过程很顺利,没遇到啥差错,谷歌,火狐,欧鹏一律通过,怀着忐忑的心情点开了IE8,果然,IE要对得起前端杀手的称号:更新不了时间。查了一下这才发现IE一直存在这个问题,内部原因是:当第一次请求数据时能顺利返回,第二次以后IE会默认使用上次的缓... 阅读全文
点击右上角即可分享
微信分享提示