如何提升alexa的排名(二) 放一个Alexa排名统计widget在你的博客或者网站放一个 Alexa排名统计widget在你的博客或者网站上，因为当它被点击的时候，即使那个用户没有安装Alexa工具条，也会被计入Alexa统计，算作一次访问。什么？你不知道什么是widget？朋友，你有点out了，Web Widget，中文译名被称作是微件，是一小块可以在任意一个基于HTML的 Web页面上执行的代码（说白了，就是一块广告代码）。alexa也在自己的网上推出的这样一种widget，你可以从alexa网站上下载，地址如下：http://www.alexa.com/siteowners/widgets，不过它需要注册，同时是英文的，有点麻烦。下面是这个工具条的代码，你把它修改一下加入到你的网站也可以。 鼓励你的用户安装Alexa工具条。许多人都忽视用户，其实用户是最棒的朋友，你把他们好好利用起来，力量是无比大的，而且长期效果是最好的。不然光靠刷排名，累的贼死，效果还不好。我就是利用用户的力量，在2个月内，把网站alexa排名提升了近100%。（不信大家可以查看alexa 排名曲线）。这里奉劝大家，千万不要去作弊，不然最后吃亏的就是自己。有一天早上起来发现alexa排名荡然无存，你可就欲哭无泪了。如果不知道怎么做，可以去搜一下“中国早教网首页”www.zaojiao.com。在这个网站上，我做了一些引导用户下载使用alexa的设计，希望我的这一点经验能对大家有所帮助。（因为具体方法比较多，我就不一一转述了，有兴趣的朋友可以自己去浏览吧。）ps：万一用户参与的积极性不高，可以适当用点小money刺激一下。我的近十年经验证明，这是一条立竿见影的黄金准则。 给公司的所有电脑上都安装上Alexa工具条如果你是在公司上班或者自己就拥有一个公司的话，我建议你给公司的所有电脑上都安装上Alexa工具条，并将你的网站设为首页。呵呵，一定会有朋友说，这个方法太老土了。呵呵，不错，这是个老方法了，但是这个方法屡试不爽。而且你知道吗？许多知名大公司也是这样做的。 撰写专栏吸引站长alexa 排名核心是什么？对了，就是alexa工具条！根据“奥博茶”收集到的资料，大概全球alexa安装量是60-80万。那么谁拥有的alexa工具条最多呢？就是站长。所以你可以在你的博客或者网站上写一些关于Alexa的文章，你甚至可以开个Alexa专栏。站长们往往很喜欢看这些东西，如果你的文章写的不错的话，他们一般都会转载你的文章或链接到你的文章上，这样也可以给你带来些流量，有助于提高Alexa排名。当然，你也可以在你的博客上开些像SEO等这些站长们关注的专栏，吸引更多的站长访问你的网站。 到站长们经常光顾的地方去发你的网站的 URL。一般站长们都会安装Alexa工具条的，你可以到一些站长论坛去发贴宣传你的网站。网吧也是不错的选择，去网吧给老板点钱，让他们把所有机子都装上Alexa工具条并把你的网站设为浏览器的首页。 利用Alexa重定向功能功能如果你有博客的话，也可以利用Alexa重定向功能功能对你的博客的URL使用Alexa重定向功能，当你留言的时候，可以留下这样的链接：*http://redirect.alexa.com/www.###.com *，用户点击这个链接的时候，哪怕他没有安装Alexa工具条，都会计入Alexa统计。 去国外论坛宣传你的网站多到一些国外的论坛或网站上去宣传你的博客或者网站，因为一般外国人都会安装Alexa工具条。当然，这个需要一点鸟文好的基础，如果鸟文不好怎么办呢？谷歌翻译或者百度翻译一下，都是不错的方法。 在网站上提供一些站长实用工具。这会吸引更多的站长光顾你的网站。 资金充裕的话可以考虑为你的网站买些按点击付费的广告，这样会给你的网站或者博客带来充足的IP，有助于提高Alexa排名。 把网站上最受欢迎的文章上加上一些链向Alexa内容的链接，或使用 Alexa重定向功能链接到你博客的其他地方。这个效果也不错。

2015年1月份总结 2015 年的第一个月就在我们期待着春节的心情中度过了，在年初的时候指定了一些计划，要在 2015 年改变下自己，不能说是彻底改变吧，总是要有一些新的变化。在刚过去的一月份里，自我感觉应该是变化了，需要继续努力坚持。自己的网站在 12 月份正式上线了，那就得努力的充实自己的博客，多写点文章。小蚊在 1 月份一共写了 9 篇文章，争取在 2 月份能够完成 10 篇文章的目标！当然了，不能单纯的追求数量上的目标，也要追求质量上的要求。在前几天给屋里添了盆长寿花，屋里摆放着点绿色植物，心情自然就好了很多，同时也在每天地期待着能开更多的花。我 2015 年的目标是成功养活 3 个盆栽，养植物不仅仅是净化空气，也能净化心灵。工作方面的事情，比之间有更多的加班了，虽然有些不情愿，不过还是一个人住着，倒也是无所谓，反正回家之后也没什么事情做。在 1 月份的月底正式转正了，转正之后带来的直接变化就是工资比试用期的时候高了，其他的也没感觉出来，因为都已经工作三个月了嘛！ 更新了自己网站的样式，，努力让自己的博客变得更好； 元旦和周末的时候，和同学朋友一起出去玩，去前门逛街，去牛街吃饭，去首体滑冰； 添加了一盆长寿花； 因为 2 月份中间有个春节假期，关于目标这方面完成不了多少，但是依然还是有目标的： 在保证质量的情况下，完成 5 篇文章； 多与其他同学朋友交流。

博客正式放弃IE6~IE8浏览器 蚊子觉得，每一个关注中国互联网发展的人都应该行动起来，放弃IE6~IE8、放弃外壳浏览器！！！如果当前用户使用IE6~IE8访问本博客时，博客会自动跳转到高浏览器下载页面，给出chrome, firefox, opera和IE11的官方下载链接。http://www.xiabingbao.com/explore.html 连微软都宣布放弃IE6~IE8，并且弄了个“IE6丧钟”的网站，给IE6倒计时。你还等什么呢！！！IE6丧钟这个网站首页就有一张世界地图，上面用不同颜色标识世界各地的IE6占有率，毫无意外，中国这次是第一名，占有率高达2.33%。其实高占有率地区都在东南亚部分，中国就连政府主要还在用IE6呢！IE6丧钟地址：http://ie6countdown.com/

CSS实现小三角 今天研究了纯 CSS 实现的气泡效果： 用小图片实现气泡效果不难，但图片一费流量，二难修改，改边框颜色、大小均要重新生成图片，一个普通的前端设计师和一个优秀的前端设计师的差距就在这里：前者完成任务，后者追求极致。当然，我作为一个非专业的前端设计师，以上效果也是经若干次 Google 后总结得出。预备知识：用 CSS 实现三角形。实现三角形之前，我们用 CSS 实现不同颜色的边框： 代码：.css1 { display: block; margin: 10px; width: 30px; height: 30px; border-style: solid; border-width: 20px; border-color: #f00 #00f #0f0 #f0f; background-color: #fff; } 把 div 的 border 加粗，四边颜色不同，就出现了神奇的效果，每一边都变成了梯形。如果把 div 的 width 和 height 都设为 0，会出现什么情况？ 代码：.css2 { display: block; margin: 10px; width: 0; height: 0; border-style: solid; border-width: 20px; border-color: #f00 #00f #0f0 #f0f; background-color: #fff; } 三角形出现了！但是是 4 个三角形，而气泡只需要一个！怎么办？把不需要的边框设置为透明： 代码：.css3 { display: block; margin: 10px; width: 0; height: 0; border-style: solid; border-width: 20px; border-color: transparent #00f transparent transparent; } 三角形初步完成！但是气泡的尖角不是三角形，而是斜线，怎么办？也有办法，找两个三角形叠在一起，线条就出来了： 代码：CSS 代码：.container { position: relative; display: block; width: 50px; height: 50px; } .div1 { display: block; position: absolute; left: 10px; top: 10px; width: 0; height: 0; border-style: solid; border-width: 20px; border-color: transparent #00f transparent transparent; } .div2 { display: block; position: absolute; left: 16px; top: 10px; width: 0; height: 0; border-style: solid; border-width: 20px; border-color: transparent #fff transparent transparent; } 为了让大家看清楚，两个三角形距离为 6px，如果把距离设为 1px，那就是两条细线了。但是第二个三角是白色的，怎么办？没关系，我们假定气泡的背景色是白色，第二个三角的颜色就正好融入背景色，如果气泡的背景色是其他颜色，就把第二个三角设定成一样的背景色。同样的道理，第一个三角的颜色要和气泡的边框色一致，通过相对定位，一个完美的气泡就出现了！最后一步，把样式整理到 CSS 文件中，写成简洁的形式： 提示内容... 大功告成！如果气泡的方向不是向左怎么办？只要叠加出正确方向的三角就行。最后看看新浪微博的转发气泡是如何实现的：哈哈，用了特殊字符“◆”，很明显没有我们的实现好，因为字符样式是固定的，而我们的三角可以调尖角！至于怎么调，把上下左右的 border-width 设置成不一样的宽度看看就知道了。原文地址： 廖雪峰-纯 CSS 气泡效果

Javascript的严格模式 在严格模式下，能够在函数内部选择进行较为严格的全局或局部的错误条件检测。使用严格模式的好处是可以提早知道代码中存在的错误，即使捕获一些可能导致编程uowu的ECMAScript行为。理解严格模式的规范非常重要，ECMAScript的下一个版本将以严格模式为基础指定。支持严格模式的浏览器包括IE10+,Firefox4+, Safari5.1+和Chrome。 1. 选择使用 # 要选择进入严格模式，可以使用严格模式的编译指示，实际上就是一个不会赋给任何变量的字符串：use strict;在老版本的浏览器里，会把它当做一行普通的字符串，加以葫芦。如果在全局作用域中（函数外部）给出这个编译知识，则整个脚本都将使用严格模式。换句话说，如果把带有这个编译指示的脚本放到其他文件中，则该文件中的Javascript代码将处于严格模式下。也可以只在函数中打开严格模式，就像下面这样：function doSomething(){ "use strict"; // 其他代码 } 如果你没有控制页面中所有脚本的权利，建议只在需要测试的特定函数中开启严格模式。 2. 变量 # 在严格模式下，什么时候创建变量以及怎么创建变量都是有限制的。首先，不允许意外创建全局变量。在非严格模式下，可以像下面这样创建全局变量。// 未声明变量 // 非严格模式：创建全局变量 // 严格模式：抛出错误 message = "hello wenzi"; 即使message前面没有var关键字，即使没有将它定义为某个全局对象的属性，也能将message为全局变量。但在严格模式下，如果给一个没有声明的变量赋值，那代码在执行时就会抛出错误。其实不能对变量调用delete操作符。非严格模式允许这样操作，单户静默失败（返回false），而在严格模式下，删除变量也会导致错误。// 删除变量 // 非严格模式：静默失败 // 严格模式：抛出错误 var color = "red"; delete color; 严格模式下对变量名也有限制。特别地，不能使用implements, interface, protected, public, static和yield作为变量名。这些都是保留字，将来的ES版本中可能会使用到他们。在严格模式，用以上的标识符作为变量会导致语法错误。 3. 对象 # 在严格模式下操作对象比在非严格模式下更容易导致错误。一般来说，非严格模式下会静默失败的情形，在严格模式下就会抛出错误。因此在开发中使用严格模式更能发现错误。在下列情形下操作对象的属性会导致错误： 为只读属性进行赋值； 为不可配置的属性使用delete操作符； 为不可扩展的对象添加谁能够 使用对象的另一个限制与通过对象字面量声明对象有关。在使用对象字面量时，属性名必须唯一。例如： // 重名属性 // 非严格模式：没有错误，以第二个属性为准 // 严格模式：抛出语法错误 var student = { name : 'wenzi', name : 'bing' } 这里的对象student有两个属性，都叫name。在非严格模式下，student对象的name属性值是第二个，而在严格模式下，这样的代码会导致语法错误。 4. 函数 # 首先，严格模式下要求明明函数的参数必须唯一。以下面这个函数为例：// 重名参数 // 非严格模式：没有错误，只能访问第二个参数 // 严格模式：抛出语法错误 function doSomething(num, num){ // 其他代码 } 在非严格模式下，这个函数声明不会抛出错误。通过参数名只能访问第二个参数，要访问第一个参数必须通过arguments对象。在严格模式下，arguments对象的行为也有所不同，在非严格模式下，修改明明参数的值也会反应到arguments对象中，而严格模式下这两个值是完全独立的。如：// 修改命名参数的值 // 非严格模式：修改会反应到arguments中 // 严格模式：修改不会反应到arguments中 function doSomething(value){ value = 7; console.log(value, arguments[0]); // 非严格模式下，输出：7, 7 // 严格模式下，输出：7, 10 } doSomething(10); 另一个变化是淘汰了arguments.callee和arguments.caller。在非严格模式下，这两个属性一个引用函数本身，一个引用调用函数。而在严格模式下，访问哪个属性都会抛出TypeError。例如：// 访问arguments.callee // 非严格模式：正常 // 严格模式：抛出错误 function factorial(num){ if(num