什么是网站地图网站地图，又叫站点地图，它就是一个列出了你网站上所有页面地址的清单文件，一般来说分为2种，一种是给搜索引擎看的，一种是给用户看的，前者帮助搜索引擎更好地收录你的网站，后者帮助用户更好的了解你的网站整体结构、更快的找到他们想要找的内容。本文讲的主要是前者。 站点地图格式一般有3种格式，txt、xml、html，绝大部分情况下都是用xml格式，百度、谷歌都是支持xml格式。下面简单介绍... 阅读全文

介绍这个编辑器还是挺不错的，功能强大，界面也美观，就是感觉有一点小bug。 主界面如下： github地址：https://github.com/duopixel/Method-Draw 官网演示地址：http://editor.method.ac/ 我在自己服务器上搭建了一个版本，应该比国外服务器的稍微好点： http://svg.liuxianan.com/ ... 阅读全文

原文写于：20150121 正文二者区别大着呢。 首先，从名字上就可以看出一些区别：keydown意指键盘被按下触发，keyup意指键盘松开被触发，keypress则是按键被按压，keydown和keyup容易区分，但是keydown和keypress啥区别呢？ keydown和keypress的区别区别： 执行顺序不同：keydown < keypress < keyup... 阅读全文

前言本来想模仿Java里面的SimpleDateFormat()对象的，但是感觉这样用起来不方便，所以还是直接写成单独的方法算了。 原文链接 PS：较新的浏览器有提供一个自带的日期格式化方法Intl.DateTimeFormat，但是超级难用，完全没必要去了解。 日期格式化使用说明formatDate(date, fmt)，其中fmt支持的格式有： y（年）M（月）d（日）q（季度... 阅读全文

缘由一直以来在编码规范界有2大争论不休的话题，一个是关于是用空格缩进还是tab缩进的问题，一个是花括号是否换行的问题，笔者是tab缩进和花括号换行的坚决拥护者，不解释，免得挑起争论。 可惜的是，几乎找遍全网都找不到一个支持tab缩进和花括号换行的json格式化工具（IDE除外），包括Chrome在内，几乎所有浏览器内置的代码格式化都是空格缩进和花括号不换行的，每次看着花括号放在右上角像一个驼背的... 阅读全文

本文内容参考自网络。 常规做法var array = [1, 2, 3, 4, 5, 6, 7, 8, 9];array.sort(function(a, b){ return Math.random() > 0.5 ? -1 : 1;}); 此方法虽直观，但效率并不高，经某网友测试，打乱10000个元素的数组，大概花了35ms左右。 高效做法if (!Array.prototype.... 阅读全文

作用hasOwnProperty的作用是用来判断一个对象本身是否具有某个属性或对象，对象本身的意思是指不包括它的原型链，个人觉得这个方法应该叫isOwnProperty更合适。 isPrototypeOf是用来判断对象是否存在于另一个对象的原型链中，如： Array.prototype.isPrototypeOf([1, 2, 3]);几个例子下面几个例子应该很好理解： String.pro... 阅读全文

如题假设有这样的代码： <!-- 注意中间有空格 --><div id="hot_game">热门游戏<div>我是子节点</div> </div> 生成如下结构DOM： 测试： 最后一个#test是由于上面的空格引起的，一个空格也算是一个#text。 结论 element.children只输出普通的DOM元素；el... 阅读全文

描述之前一直好好的，今天突然连接不上了，报一个什么Connection closed by foreign host的错： 解决方法登录阿里云后台，进入实例详情，连接管理终端，执行如下命令： 以上方法是网上找到的，我试了之后发现依然连不上，但是过了一天之后再试发现没问题了，所以到底是这个问题过一段时间会自己会自动变好呢，还是执行上述代码之后需要过一段时间才生效呢？不得而知。 具体多久... 阅读全文

前言准备工作搭建github博客创建仓库绑定域名配置SSH key测试是否成功使用hexo写博客hexo简介原理注意事项安装初始化修改主题上传之前上传到github保留CNAME、README.md等文件常用hexo命令_config.yml写博客写博客工具如何让博文列表不显示全部内容最终效果参考前言使用github pages服务搭建博客的好处有： 全是静态文件，访问速度快；免费方便，不用... 阅读全文

marqueemarquee是已经废弃、过时的标签，不推荐使用！在Chrome不同版本中有很多bug，如，Chrome45.0中动画执行完总是需要点一下页面才能继续，最新版的Chrome52.0则没有这个问题。 虽然已经过时，有时候还是不得已用到，这里简单对几个属性做一下介绍。 behavior可用的值为scroll(滚动)、slide(滑动)、alternate(改变，类似于光学的反射路径)... 阅读全文

unicode字符的不同表示法unicode字符在html、css和js中的表示方法均不相同，下面分别作介绍。 css表示法首先来一段很常见的bootstrap的字体图标代码： .glyphicon-home:before { content: "\e021";} 上面代码中的e021就是这个字符的unicode码，是16进制。 语法： '\ + 16进制的unicode编码'如：... 阅读全文

前言JavaScript中的数组有很多实用方法，但是方法多了难免记不住，本文就是对一些常用方法做一个基本的梳理。 为方便对比和理解，这里统一假设有一个名为a的数组：var a=[4,6,1,7,2,9,3,6]，以下所有方法的测试都是基于这个数组。 兼容性较好的会修改原数组的方法：push、pop、shift、unshift、reverse、sort、splice。 push(value)进... 阅读全文

我们首先来介绍如何实现禁止复制，知道了禁止的方式，再破解就容易了。 实现禁止复制粘贴比较简单，直接上代码： <style type="text/css">/* 最简单的实现禁止复制的方法，采用css方式禁止文字选择，当然这只兼容webkit内核浏览器 */* { -webkit-user-select: none; }p {font-family: 'Microsoft Yahei... 阅读全文

通过meta标签设置设置缓存有2种方法： <!-- 设置缓存2小时，max-age指最大缓存的秒数 --><meta http-equiv="Cache-Control" content="max-age=7200" /><!-- 或者这样设置永远不缓存 --><meta http-equiv="Cache-Control" content="no-ca... 阅读全文

原文发表于：2014-08-21 js作用域为了更好的描述本文的核心：变量声明提升，我们先来复习一下js的作用域。 js没有块级作用域，函数是js唯一拥有自身作用域的结构（注：指在ES6出现以前，ES6开始出现了对块级作用域的支持）。 变量声明提升什么是变量声明提升这是一个比较老的话题，所谓变量声明提升hoisting，是指JavaScript引擎在执行的时候，会把所有变量的声明都提升到当前... 阅读全文

原文发表于：2014-08-06 如何自定义网站图标所谓网站图标，就是每个标签上方网页的小图标，一般显示大小为16*16，如： 默认情况下浏览器会加载网页所在域名的根目录下的favicon.ico。 举个例子，假如你访问的网页是：http://blog.liuxianan.com/aaa/bbb/index.html ，在你不做特殊设置的前提下，浏览器会自动把如下图片当成网站的图标：ht... 阅读全文

原文发表于：2014-08-01 console.log的运行上下文原因是console.log的运行上下文要求是console不能是其它任何别对象： console.log.call(this, 'Hello Liuianan!'); // 报错：Uncaught TypeError: Illegal invocationconsole.log.call(console, 'Hello Li... 阅读全文

原文发表于2014-07-17 语法element {cursor: url('cur图片的绝对路径'), 图片不存在时的默认鼠标样式;} 说明： 必须是绝对路径；默认样式必须写，如auto、default，中间分隔的是逗号不是空格，否则不会生效；图片最好是.cur后缀的，其它格式不敢保证多浏览器支持；cur图片制作：百度cur 制作会出来一个在线制作工具； 示例<style t... 阅读全文

String.prototype.trim低版本浏览器不支持字符串的trim相关方法，实际使用中考虑兼容性的话可以使用jQuery提供的$.trim()方法，如果项目中没有采用jQuery，可以自己简单写一个，参考jQuery中的实现： if(!String.prototype.trim){ String.prototype.trim = function() { re... 阅读全文