安装chrome后，打开显示黑屏，但是里面的链接是可以点击的（虽然黑乎乎的啥也看不到，但滑动鼠标发现变成了小手形状，点击页面会跳转），如下图

首页/尾页/上一页/下一页 的功能就不用我具体解释了吧：） 中间固定显示11个页码（这个数字是用下面代码中的常量DISPLAY_NUM决定的），根据点击的页码数字 a ，分页的变化情况有三种： (1) 1 <=a <= 5 ，显示效果如上图所示。(2) 6 <=a <= l-4, 其中l表示总的页码数，效果如下图：(3) l-4 <=a <= l, ...

背景 UI如图所示，其中有一个拍照图标，点击后要选择拍照或者从相册中选择要上传的图片。 拍照上传部分的代码如下 html部分 {代码...} css部分 {代码...} 设计思路 将一个input[type="file"]的透明度设置为0，悬浮在img标签之上。通过给input标签绑定change事件，获取上传的文件，异步上传。 问题 通过ajax的data属性提...

这是一道面试题，题目给出了使用bind方法的样例，要求用javascript实现这个方法，面试官还很善意的提醒我函数柯里化，然而，我还是不会这道题目，所以回来这会《javacript权威指南》和《javacript 高级教程》开始学习相关知识。

看到评论里有仁兄建议我试试箭头函数，真是受宠若惊，本来写这篇文章也只是想记录写要点给自己日后看的。今天早上看到一篇总结javascript中this的文章JavaScript 中的 this !,也同样提到了箭头函数中this的指向问题，所以，又对这篇文章进行了完善。

小赛是一名幸运的程序员。虽然他成功帮助小朋友以最快时间夺回了狼堡，但是面试官却打算和他说拜拜了。理由是——游戏天赋太高，有不务正业、走火入魔的倾向QAQ……尽管小赛很不能接受这个理由，可是却只能心灰意冷地吃下这个结果。然而，在他即将走出门的时候，面试官给了幸运的小赛一个最后的机会。原来，面试官的手机被他...

这个是赛码网上的编程题，在这个网站上刷算法真是费劲啊，因为，编译不通过的时不会告诉你编译错误的地方，所以，对码代码的规范性和准确性要求还是挺苛刻的。。。

输入一颗二叉树和一个整数，打印出二叉树中结点值的和为输入整数的所有路径。路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径。

在学校论坛里看到如下算法题目： 一个骰子，6面，1个面是 1， 2个面是2， 3个面是3， 问平均掷多少次能使1,2,3都至少出现一次？ 自己的第一想法是用求数学期望的公式来求解，但看了评论里大神用分叉树递归列方程法很简单的解决了这个问题，顿觉新颖，记录如下。 还是用例子来讲解这种方法。 实例一 问题： 一个骰子，6面...

以往的排序算法中，各个元素的位置基于元素直接的比较，这类排序称为比较排序。任意一个比较排序算法在最坏情况下，都需要做O(nlgn)次的比较。

基本思想是：先将整个待排元素序列分割成若干个子序列（由相隔某个“增量”的元素组成的）分别进行直接插入排序，然后依次缩减增量再进行排序，待整个序列中的元素基本有序（增量足够小）时，再对全体元素进行一次直接插入排序。因为直接插入排序在元素基本有序的情况下（接近最好情况），效率是很高的，因此希尔排序在时...

代码 要求： 对于一个int数组，请编写一个归并排序算法，对数组元素排序。给定一个int数组A及数组的大小n，请返回排序后的数组。 测试样例： [1,2,3,5,2,3],6 [1,2,2,3,3,5] 程序： {代码...} 要点： 最重要的还是递归思想，并且要能设计合理的递归函数 非递归的方法也可是实现，回头我给补上。

很受打击啊啊啊啊啊！！！这道排序题我很久之前就做过，而且当时没用20分钟就搞定了，可是，今天在公司做完手上的活之后打算刷题时，又心血来潮的想重做一遍，心想反正也花不了多少时间，结果。。。。。血崩了。。。

背景： 在列表中展示文本信息，但是有的文本信息过长，大部分则较短，若是不加控制，完全显示文本信息，列表会被撑开，很不美观。 需求： 该列展示文本的单元格宽度固定，文本超出部分显示为...，当把鼠标移到文字上时，展示完整信息。 代码实现： css部分 {代码...} html部分 {代码...} 效果 （1）没有获得焦点时 （2）...

元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如<div>和<span>就不同，而<strong>和<p>也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。

最近在刷leetcode和牛客网上的算法题，正处于癫狂状态。。。所以，突然想记下来自己编译通过的代码，以备日后不时之需，至于之前没来得及记下的那些刷过的题目，就。。。。。这样吧，我也懒得回头重做一遍那些题目。

Box是CSS布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Context（一个决定如何渲染文档的容器），因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子：

绝对单位：in-英寸；cm；mm；pt-磅；pc-pica相对单位：em-与元素字号挂钩；ex-与元素字体的“x高度”挂钩；rem-与根元素字号挂钩；px-与CSS像素挂钩；%-另一属性值的百分比。

文章主要分为三部分，第一部分简单介绍了extend的语法，第二部分通过实例介绍extend的用途,最后一部分是extend的源码解读，同时另附extend的另一种实现方式。

嗯，这也是一个学习笔记，材料均来自网络，有改动。。文章主要分为三部分，第一部分通过实现一个简易的ERB模板引擎来介绍其原理，参考javascript模板引擎和实现原理，有改动，看了很多关于模板引擎的文章，就这一篇最通俗易懂，适合入门。第二部分介绍一个非常NB的模板引擎，参考JavaScript template engine in just 20 ...

如果你对$(document).ready()的理解也仅限于在DOM Tree绘制完毕后触发，那么，你也应该好好研究下ready的工作原理，因为，TST的面试官问过我这个问题。。。

在查看js event时看到这三个事件，随手Google了一下，和自己之前理解的有些出入，记录下来以方便后期需要时查询。 一、msdn上关于三者的说明 onkeydown 这个事件在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。 onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功...

不用jQuery，原生js如何实现，可以参考这里：You Might Not Need jQuery 。原生js越来越好了，如果是简单的页面，没必要引入一个庞大的jQuery，尤其在手机端，对速度流量敏感的地方，另外最好自己简单封装一些常用的函数，比如toggleClass等。。。

这一部分应该放在《JavaScript处理数组函数总结》里面的，但是。。。。。。没有但是。 1. for for循环最常用的地方是利用索引来遍历数组： {代码...} 2.for...in for循环的一个变体是for ... in循环，它可以把一个对象的所有属性依次循环出来： {代码...} 注意： for ... in 是用来遍历对象的属性的，实际上JavaScript对...

问题：instanceof 操作符假设只有一个全局执行环境。如果网页中包含多个框架，那实际上存在两个以上的不同全局执行环境，从而存在两个以上不同版本的Array构造函数。如果从一个框架向另一个框架传入数组，那么传入的数组与第二框架中原生的数组分别具有各自不同的构造函数。从而将传入的数组误判为非数组。 注意：如果只...

假设我们现在正在实现一个加载更多的功能，如上图，但是现在加载更多功能出现了问题，点击以后数据没有加载出来，这时候我们第一时间想到的应该是啥？（换一行写答案，大家可以看看自己的第一反应是啥）

对js原型和继承的理解一直处于“不懂-懂-不懂-懂-不懂。。。”的无限循环之中，本来打算只是简单总结下js继承方式，可看了些网上的资料后，发现又不懂继承了。。。这篇文章只是一个阅读笔记，总结了我所看到的js文章，参考见文末。

总结这篇文章的最初缘由是因为，最近找实习的时候被很多面试官问到浏览器的工作机制，比如，阿里二面的时候，面试官问我：浏览器的地址栏从输入url到页面加载完成都发生了什么？（想看这个问题的权威解答，请移步这里从输入 URL 到页面加载完成的过程中都发生了什么事情？）当时回答的并不好，因为在我回答完时，面试官...

本文旨在加深对css隐藏元素方法的理解，资料均来源于网络，文章结尾附有参考链接。 一、CSS中隐藏元素的常用方法有以下几种： {代码...} 二、display：none和visibility：hidden的区别 {代码...} 空间占据 reflow和repaint 株连性 1. 空间占据 display：none 隐藏的元素不占据任何空间visibility：hidden 隐藏的元素占据...