今天我们来讨论下创建对象的几种典型模式

工厂模式

用函数来封装以特定接口创建对象的细节

function creatPerson(name,age,job){
var o=new Object();
o.name=name;
o.age=age;
o.job=job;
o.sayName=function(){
alert(this.name);
};
return o;
}

var person1=creatPerson("myy", 24, "web engineer");
var person2=creatPerson("mww", 25, "web engineer");

该模式解决了创建多个相似对象的问题，但没解决对象识别的问题（即怎样知道一个对象的类型）。所以构造函数模式应运而生。

JavaScript array.sort(compare()) 的实现原理是什么？

先看下’ 2015-ECMAScript-262语言规范 ‘的解释：The sort is not necessarily stable - 排序是不稳定的. (Ps: 截取的重要部分）.

MDN的基本解释：sort() 方法在适当的位置对数组的元素进行排序，并返回数组。 sort 排序不一定是稳定的。默认排序顺序是根据字符串Unicode码点.

基本上，javascript中所有数据类型都拥有valueOf和toString这两个方法，null和undefined除外。它们俩解决javascript值运算与显示的问题,在此我们详细讨论下相关问题。

toString()

toString()函数的作用是返回object的字符串表示，如果不确定返回值是不是null或者undefined的情况下，可以使用转型函数String（），它可以将任何类型的值转化成字符串，包括null和undefined。

JavaScript对于数组对象、函数对象、正则表达式对象以及Date日期对象均定义了更加具有可读性的toString()方法。

valueOf()

valueOf()函数的作用是返回该object自身。

1. 适应不同的视口

<meta name="viewport" content="width=device-width， maximum-scales=3,minimum-scale=0.5"/>
<meta name="viewport" content="width=device-width,initial-scales=1.0, user-scalable=no"/>禁止用户缩放

2. 图片自适应

<link rel="stylesheet" href="css/styles.css">
 img{
    max-width:100%
    }

此处不用width：100%是因为图片不会考虑自身固有宽度，只会根据父元素宽度设置，如果父元素宽度大于图片宽度，则图片会被拉伸变模糊。

1.html 链接 name属性

name规定锚的名称，可用于创建页面中的书签（对读者不可见），我们可以利用它直接跳转至页面某个小节

用法

1. 链接到同一页面不同位置
   <a name="tips">基本的注意事项 - 有用的提示</a>

   <a href="#tips">有用的提示</a>

2. 链接到其他页面的某个小节

   <a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

注册GIthub账号

什么，你没有github账号？哈哈，那你肯定不是个程序员！

新建仓库

仓库名称格式是username.github.io
注意，此处username要对应你的GitHub用户名

more >>