我的前端学习笔记-CSDN博客

原创前端学习之好书推荐

为什么要写这篇博客？　　关于前端的内容在学校是不开课的，作为前端学生肯定是要靠自学。自学的话要么网上查资料，要么看视频，要么就是买书了，网上资料零散，视频教程耗时死板，最主要的还是看书。并且是纸质书，不是pdf，信息再发达目前还是取代不了纸质书的地位。一本好书对前端初学者来说是如此重要：不仅能让知识连贯的增长，还能给初学者带来信心，学习劲头越来越足，总之给人一种相见恨晚的感觉。我在初期时买

2015-02-12 11:04:50 935

原创初次接触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 404

原创初次接触mustaches

mustache.js是一个模板引擎，为开发节省了大量的“人力”，对于初学者，我是从这篇和这篇博客接触的，算是对mustache有了初步认识，不得不承认自己还是菜鸟阶段还有太多东西要学，慢慢熟悉。

2014-12-05 22:22:06 508

原创 jquery学习笔记

今天熟悉了jquery框架，学习了一些常用的函数，此外有做了两个小demo，两个实例的核心原理类似

2014-12-04 21:04:39 571

今天是工作的第一天，虽然是实习生，但我依然把自己当成正式员工来看待，公司的氛围很好，很喜欢同事的性格，今天与同事们吃了顿午饭，感觉很随和，很“顽皮”，有说有笑，总之今天过得很轻松，也很充实，因为我只有一周的时间学习框架，估计一周后就要正式干活了，挺期待的，虽然会充满挑战，但只有挑战才能让自己快速提高。今天下午学习了好多jquery的知识点，当时就想写篇博客记录下来，正好那会也有代码，可第一天入职，

2014-12-03 22:23:09 698

原创 js实现快速排序

快速排序是目前被认为效率最高的排序算法，也是面试常考察的知识点，其核心思想是：取中间值做为参考值，比它小的放在其左边，比它大的放在右边，这样经过一次排序后左边都小于右边，下一步再对左右两边分别执行同样的算法，也就是以上次分好的半边为单位取中间值再进行比较，归位，就这样分一半，又分一半，直到再也分不了半，数据变为单个的个体为止。这样每个左边都小于右边，就实现了排序：var quickSort =

2014-12-02 21:55:28 397

原创今天是个好日子2014-12-01

在2014年最后一个月的第一天，我成功的拿到offer，公司也正是我喜欢的，很高兴，很高兴，久违的兴奋感。是啊，这么些天焦头烂额的学啊学（虽然也没学到到啥东西），一直处于紧绷的奋斗状态，今天总算有回报了，总算可以舒舒服服的放松放松了。好吧，为了自己的未来，自己小小的梦想依然要继续努力，当然娱乐也是必须的。我虽不能百分百把握自己的未来，但把握住当下的每一天还是可以的，那就继续这么做吧，骚年。

2014-12-01 23:25:23 394

原创闭包

闭包：js中老生常谈的一个话题了，具体什么是闭包呢？我理解的是：闭包就是一个能访问别的作用域（函数）中的变量的函数。正常情况下一个函数执行完毕其中的变量也就随之销毁，这也是js的垃圾回收机制的作用，但是倘若该函数中的变量被别的函数使用了，那就形成了闭包，导致垃圾回收机制迟迟不能回收该变量，这就是闭包带来性能问题的原因，它最大的作用就是能使变量长期驻扎在内存中不被清理，这样在一些框架中或大型函数中经

2014-11-30 17:40:38 412

原创 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 949

原创 js一些小题（二）

一个全局下的函数：function test(){alert(this);}当直接调用时test(); 会弹出object window因为很明显这里的this代表全局

2014-11-28 23:49:38 411

原创 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 388

原创面试（处女面）

今天第一次参加面试，紧张是肯定的，正因此耽误了很多事，现在想想都有种要撞墙的冲动。首先发了一套笔试题，我一看，呀！这不是传说中的阿里的笔试题吗！记忆中在网上看到过，但那时候基础还很薄，记得当初在网上看的时候没有答案，当时还在想果然是阿里的题，真难！时光流逝，没想到今天就被我碰到了，并且还是其中有深度的算法题，哎，心里那个后悔，当时下定决心以后只要在网上看到的题一定多留意，多做，哪怕自己不会也要查查

2014-11-26 23:33:21 566

原创关于水平居中

单个div都知道用margin ：XX px auto;来实现，但对于多个块级元素呢？那就把这些块级元素如div设置为display:inline-block;再把父元素设置为text-align:center;即可。text-align:center;本是用于设置父元素中的文本的，这里一旦把子块级元素设为inlin-block后一样有效。还有一种新方法：那就是把父元素设为displa

2014-11-25 23:44:33 401

原创回顾这些日子

这两天没有写博客，因为家里有点事，很着急的回了趟家，看到之前每天坚持写的博客，突然感觉有点失望，这老些天怎么就学了这么点东西，一天天的居然感觉还挺充实，唉，目前这阶段忽然有种错觉，很难把握，有时感觉学了好多，会了很多，恍惚间又会觉得啥也不会，所学的那些只不过是皮毛，拾人牙慧。总之还是在闭门造车，黑灯走夜路不知道走到哪了？进度怎么样？方向有没有走偏？近期的收获实实在在的还是有的，最主要的是终于意识到

2014-11-25 21:59:26 418