说明高中时无聊写的一篇超级无聊“文言文”。 正文(注：夫严青华者,乃吾一高中同学也。) 呜呼！窃思君临繁世，仅十有六年耳。而今乃匆匆离父而去，为父不胜悲哉！犹记汝襁褓之时谓吾曰：“吾欲进清华大学堂！”念君小小年纪，即有如此凌云之志，不可渺之，遂名汝“青华”，盖激汝之志耳。 及长，汝甚背父志，遂谴汝归学，然汝一而迟，再而旷，三而逃，日益猖獗，为父于斯亦无可奈何，遂听汝恣行。然汝何以短命至此... 阅读全文

本文内容参考自网络。 常规做法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... 阅读全文

标签库的2个不同地方原文发表于：2014-09-25 标签库属性间的空格如果标签库的属性之间没有空格，tomcat6没问题，tomcat7报错。 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.su... 阅读全文

命令行法原文发表于：2014-10-09 这里我们以8081端口为例讲解。 按下Win+R调出命令行窗口，输入netstat -aon|findstr "8081"，找到指定行最后一列的数字（PID），我们这里是9548.输入tasklist|findstr "9548"，发现是javaw.exe占用了8081端口。再次输入taskkill /f /t /im javaw.exe结束该进程... 阅读全文

如题默认情况下，当安卓应用横竖屏之间切换时，每次切换都会触发onCreate，如果你的应用是一个hybird应用，那体验惨爆了，刚刚还在一个二级页面，横屏一下立马又回到首页，所以我们必须想办法禁止这种行为。 方法很简单，针对AndroidManifest.xml中对应Activity增加设置android:configChanges="orientation|keyboardHidden|scr... 阅读全文

原文发表于：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... 阅读全文

如题原文发表于：2014-07-14 浏览器会给页面所有取了id的元素生成一个名字就叫这个id的对象，对象的内容就是它的DOM对象，相当于是document.getElementById(id)返回的内容。 我们来看一个测试例子： <div id="test1">第一段内容</div><div id="test2">第二段内容</div><... 阅读全文