技术
我的前端学习笔记
这个作者很懒,什么都没留下…
展开
-
一道灵活的css笔试题
今天在网上看到一css笔试题,乍一看h原创 2014-11-04 21:03:15 · 494 阅读 · 0 评论 -
js和html5实现画板
html5新添了一个重要又强大的标签元素,该标签真有彻底替换掉flash的尽头,现在很多网页游戏就是用完成的,下面代码就是用该标签制作的一个画板。效果图: #canvas{cursor:crosshair;}#red{background:red; width:30px;height: 27px}#blue{background:blue; width:30px;he原创 2014-11-29 22:25:11 · 954 阅读 · 0 评论 -
可怜的js居然没有块级作用域
js中一个for循环:for(var i=0;i<5;i++)原创 2014-11-10 11:22:43 · 1660 阅读 · 0 评论 -
js实现点击<li>标签弹出其索引值
据说这是一道笔试题,一下是代码,没什么要文字叙述的:原创 2014-10-31 17:00:19 · 9314 阅读 · 0 评论 -
js中创建对象的几种方式
创建对象指创建一个object并给这个对象添加属性和方法,有以下几个fang原创 2014-11-06 11:10:19 · 449 阅读 · 0 评论 -
js中的浅拷贝和深拷贝
浅拷贝和深拷贝也叫做浅克隆和深克隆,深浅主要原创 2014-11-16 01:02:04 · 1400 阅读 · 0 评论 -
一些js小题(一)
一些js小题:var a=10; function aa(){ alert(a); } function bb(){ //aa(); alert(a); var a=20; } bb();//10 因为bb函数调用aa时,程序在执行aa,执行aa时只能找到全局中的a:10原创 2014-11-12 16:54:46 · 411 阅读 · 0 评论 -
用js枚举实现简易菜单效果
用js枚举实现简易菜单效果,左侧显示菜单,右侧显示用户选择的菜单,一图胜千言,还是直接来张效果图吧:以下是代码: body{ color:#333; font-size:12px; } div{ width: 300px; margin: 0原创 2014-11-16 14:08:27 · 585 阅读 · 0 评论 -
关于DOM操作的性能优化
最著名的有关用js操作dom的观点是:js和do原创 2014-11-13 12:55:16 · 1567 阅读 · 0 评论 -
jquery复习笔记
$('div').insertAfter($('p'))和$('p').after($('div'))作用相同都是把div放在p的后面,但不同的是操作对象不同,第一个操作对象是div,第二个是p,用.css('background','red')可现实操作对象为红色。$('div').appendTo($('p'))和$('div').append($('p'))第一个原创 2014-11-27 18:35:58 · 392 阅读 · 0 评论 -
关于水平居中
单个div都知道用margin :XX px auto;来实现,但对于多个块级元素呢?那就把这些块级元素如div设置为display:inline-block;再把父元素设置为text-align:center;即可。text-align:center;本是用于设置父元素中的文本的,这里一旦把子块级元素设为inlin-block后一样有效。还有一种新方法:那就是把父元素设为displa原创 2014-11-25 23:44:33 · 405 阅读 · 0 评论 -
近期
近期原创 2014-12-11 17:26:23 · 407 阅读 · 0 评论 -
cookie
今天学习了操作cookie原创 2014-12-17 21:53:02 · 402 阅读 · 0 评论 -
js实现快速排序
快速排序是目前被认为效率最高的排序算法,也是面试常考察的知识点,其核心思想是:取中间值做为参考值,比它小的放在其左边,比它大的放在右边,这样经过一次排序后左边都小于右边,下一步再对左右两边分别执行同样的算法,也就是以上次分好的半边为单位取中间值再进行比较,归位,就这样分一半,又分一半,直到再也分不了半,数据变为单个的个体为止。这样每个左边都小于右边,就实现了排序:var quickSort =原创 2014-12-02 21:55:28 · 403 阅读 · 0 评论 -
jquery学习笔记
今天熟悉了jquery框架,学习了一些常用的函数,此外有做了两个小demo,两个实例的核心原理类似原创 2014-12-04 21:04:39 · 576 阅读 · 0 评论 -
初次接触mustaches
mustache.js是一个模板引擎,为开发节省了大量的“人力”,对于初学者,我是从这篇 和这篇 博客接触的,算是对mustache有了初步认识,不得不承认自己还是菜鸟阶段还有太多东西要学,慢慢熟悉。原创 2014-12-05 22:22:06 · 518 阅读 · 0 评论 -
初次接触mootools
以下是今天所学代码,网上有这篇博客可供参考,另外还是推荐官方文档 ,以下是今天所敲代码://用mootools创建类的方式://方式1:用标准方式传入一个对象字面量/* var Person = new Class({ initialize:function(name,age){ this.name=name; this.age=age; }, log:fun原创 2014-12-06 23:00:28 · 408 阅读 · 0 评论 -
让人省心的事件委托
实践委托:利用冒泡的原理把实践添加到父元素级别上,触发执行效果。时间委托优点: 1.提高性能,不用for循环遍历所有li,节省性能。 2.新添加的元素还会有原来之前的事件。原创 2014-11-13 12:03:11 · 399 阅读 · 0 评论 -
js一些小题(二)
一个全局下的函数:function test(){alert(this);}当直接调用时test(); 会弹出object window因为很明显这里的this代表全局原创 2014-11-28 23:49:38 · 415 阅读 · 0 评论 -
闭包
闭包:js中老生常谈的一个话题了,具体什么是闭包呢?我理解的是:闭包就是一个能访问别的作用域(函数)中的变量的函数。正常情况下一个函数执行完毕其中的变量也就随之销毁,这也是js的垃圾回收机制的作用,但是倘若该函数中的变量被别的函数使用了,那就形成了闭包,导致垃圾回收机制迟迟不能回收该变量,这就是闭包带来性能问题的原因,它最大的作用就是能使变量长期驻扎在内存中不被清理,这样在一些框架中或大型函数中经原创 2014-11-30 17:40:38 · 419 阅读 · 0 评论 -
用构造函数创建对象时的this的指向问题
用构造函数方式创建对象:原创 2014-11-06 15:58:56 · 1660 阅读 · 0 评论 -
js中的继承
继承,一个子类,一个父类原创 2014-11-07 20:40:42 · 334 阅读 · 0 评论 -
js实现拖拽
拖拽:最核心是三个事件,鼠标按下,鼠标yidong原创 2014-11-11 16:42:20 · 370 阅读 · 0 评论 -
为什么要用visibility:hidden;代替display:none;?
为什么要用用visibility:hidden;代替display:none;?因为后者原创 2014-10-26 19:32:51 · 2281 阅读 · 0 评论 -
用css伪类实现提示框效果
题目要求用css实现下图效果:原创 2014-11-14 21:22:34 · 736 阅读 · 0 评论 -
js事件绑定
事件绑定,常见的是odiv.onclick=function(){..........}; 这种方式绑定shijian原创 2014-11-18 12:27:54 · 479 阅读 · 0 评论 -
关于IE处理margin和padding值超出父元素高度的问题
两个div,父div有padding值,子div有margin-top值,l原创 2014-10-27 10:29:24 · 1793 阅读 · 0 评论 -
css3实现动态圆形导航栏
核心问题:1.圆形怎样sh原创 2014-10-31 13:29:36 · 1799 阅读 · 0 评论 -
IE浏览器中ajax使用缓存数据的问题
今天做了一个小功能:点击shub原创 2014-11-03 11:46:54 · 925 阅读 · 0 评论 -
inherit与auto
大家是不是和我一样,在刚开始学习css的时候,在网页s原创 2014-11-03 22:13:45 · 741 阅读 · 0 评论 -
再谈visibility:hidden和display:none
之前写过一篇有关visibility:hidden和display:none的wenzha原创 2014-11-03 16:56:11 · 1283 阅读 · 0 评论 -
css复习笔记
margin:当有三个值时第一个值为上,第二个值为原创 2014-11-11 18:00:25 · 463 阅读 · 0 评论 -
js正则
回顾正则,浪费一下午的时间,以下shi原创 2014-11-19 21:12:42 · 462 阅读 · 0 评论 -
关于学习过程中走过的弯路
最近没写博客,主要是感觉最近学的东西过于li原创 2014-10-19 22:03:49 · 641 阅读 · 0 评论 -
阻止事件冒泡
事件冒泡的概念在此不再重复原创 2014-11-20 19:46:27 · 544 阅读 · 0 评论 -
操作iframe
HTML5实现拖拽操作 window.onload=function(){ var oinput=document.getElementById('input1'); var oif=document.getElementById('f1'); oinput.onclick=function原创 2014-11-17 23:26:10 · 424 阅读 · 0 评论 -
用javascript实现全选/反选组件
以下是本人制作的全选/反选 组件,供广大同行参考、指正:在实现的过程中,全选和全部取消选中这两个功能较为简单,只需用for循环遍历所有复选框为true或false即可。反选也较为简单,也是用for循环遍历一遍,把复选框的值设为当前状态的反向: obox[i].checked=!obox[i].checked; 。难点在于在全选状态下取消一个复选框,要自动识别为没有全选,随即更新全选状态为fal原创 2014-08-23 21:17:13 · 630 阅读 · 0 评论 -
css导航栏
最近子啊看慕课网视频,也算对学过知识的回顾,总有新的收获,下面是gen原创 2014-11-20 15:40:42 · 431 阅读 · 0 评论 -
前端学习之好书推荐
为什么要写这篇博客? 关于前端的内容在学校是不开课的,作为前端学生肯定是要靠自学。自学的话要么网上查资料,要么看视频,要么就是买书了,网上资料零散,视频教程耗时死板,最主要的还是看书。并且是纸质书,不是pdf,信息再发达目前还是取代不了纸质书的地位。一本好书对前端初学者来说是如此重要:不仅能让知识连贯的增长,还能给初学者带来信心,学习劲头越来越足,总之给人一种相见恨晚的感觉。我在初期时买原创 2015-02-12 11:04:50 · 938 阅读 · 0 评论