Beautiful In White (Demo)

Not sure if you know this
不确定你是否清楚
But when we first met
当我第一次见到你
I got so nervous I couldn’t speak
我紧张到话都说不清楚
In that very moment
在那一刻
I found the one and
我找到了我的唯一
my life had found this missing piece
终于弥补了我生命中的缺失
So as long as I live I love you
所以我会永远爱你
Will heaven hold you
会一直拥抱守护你
more >>

表单

1.没有name属性的的数据不会被提交

操作文件

1.HTML 表单中可以上传文件的控件只有一个
2.当一个表单包含时，表单的enctype必须指定为multipart/form-data，method必须指定为post，浏览器才能正确编码并以multipart/form-data格式发送表单的数据。
3.HTML5的File API提供了 File和 FileReader两个对象来操作文件

AJAX

1.如果用表单提交，页面会刷新，一次HTTP请求对应一个页面（不懂）。要让用户留在当前页面，就需要用JavaScript发送请求

方法

1.此处模糊，需要回头看

高阶函数

1.本质就是让函数的参数能够接受别的函数，也就是将别的函数当作参数来看待

排序算法

1.sort()方法会默认把所有元素转换为String再排序

闭包

1.此处不懂，之后看

箭头函数

ES6新增函数， => 简化函数定义

标准对象

1.typeof来获取对象类型，可以判断出number、boolean、string、function和undefined这几个类型
2.number对象调用toString会报错，对于这种情况 123..toString() 或者(123).toString()

日期

1.JavaScript日期问题，月份范围是0~11
2.时间戳可以精确的表示一个时间

RegExp(正则表达式)

1.之后看

JSON

1.JSON实际上是JavaScript的一个子集，他只有number 、boolean、string、null、array、object、以上几种任意组合，这几种数据类型，而且定死了字符集必须是UTF-8，JSON的字符串必须使用双引号对象的键也必须使用双引号
2.JSON.stringify()方法将对象序列化为JSON格式的字符串，可以传入参数，第一个参数为对象名，第二个参数可以控制如何筛选对象的键值，还可以新建一个函数对键值进行处理，然后将函数传入此处
3.JSON.parse()可以将JSON格式的字符串变为JavaScript对象，同时还可以接收一个函数，来转换解析出的属性

面向对象

1.JavaScript不区分类和实例的概念，而是通过原型（prototype）来实现面向对象编程。
原型继承，class继承等内容不懂。

浏览器对象

1.windows对象不仅表示全局作用域，还表示浏览器窗口。有innerWidth和innerHeight两个属性，用于显示网页净高度
2.navigator对象表示浏览器信息
3.screen对象表示屏幕信息
4.location对象表示当前页面URL信息，reload()重新加载页面
5.document对象表示当前页面，还有一个cookie属性，是由服务器发送的，用来识别用户。为了安全，服务器端在设置Cookie时，应该始终坚持用httpOnly。（此处需要深入学习）

操作DOM

1.DOM操作实际上是由更新、遍历、添加、删除这四个操作组成
2.操作之前要先获取节点，通常是通过id class tag来获取，其中id获取到的是唯一的，其他两个是获取到一组，之后再减小范围
3.获取节点还可以用 querySelector()和querySelectorAll()来获取

更新DOM

1.innerHTML()
2.innerText或者innerContent,前者不返回隐藏元素文本，后者全部返回（有点模糊）

插入DOM

1.如果是空的，使用innerHTML即可；如果不是空的，appendChild()添加到父节点最后一个子节点，此时原来的会被删除。也可以先创建一个新节点，然后再插入
2.insertBefore插入到指定位置 parentElement.insertBefore(newElement, referenceElement)

删除DOM

1.删除一个DOM需要先获取父节点和它本身节点，之后用removeChild()删除

对象
1.对象是一种无序的集合数据类型，由键值对组成
2.访问属性可以用 对象名.属性名来实现，当属性名包含特殊字符时，需要将它用 ‘’括起来，访问该属性时必须用 对象名[‘属性’]来访问，所以一般情况属性名都尽量使用标准属性名
3.实际上所有的属性都是字符串，也就是键都是字符串，而属性值可以是任意的数据类型
4.可以用 in 来判断一个对象是否拥有某个属性 ：
var a = { name : ‘哈哈’};
‘name’ in a; //此处返回的是 ‘true’
另外，hasOwnProperty(‘name’)可以判定该属性是自己有的，还是继承而来的
5.JavaScipt把 null undefined 0 NAN 和空字符串 ‘’视为 false,其他的一律为 true
循环
1.主要注意for in 循环，可以将所有属性循环出来 for ( var key in 对象) ，如果想过滤点继承的属性，利用hasOwnProperty()方法

注意，Map Set iterable不清楚，后面需要重新学习，这是ES6的内容

变量
1.JavaScript会先扫描整个函数体语句，将所有申明的变量“提升”到函数顶部
常量
1.声明常量的话一般变量名全部大写，ES6中用 conet PI = 3.14;

字符串

1，ES6新增模板字符串用来连接多个字符串，如下：
var name = “小明”;
var age = “30”;
var message = “你好,${name},你今年${age}岁了”;
2，字符串是不可变的，对字符串的某个索引赋值不会有错误，但是也不会有效果
3，一些方法：toUpperCase() 全部变为大写，toLowerCase()全部变为小写，indexOf(“hello”)指定字符串出现的位置，substring(0,9)指定索引区间的子串（此处不包括9）

数组

1，直接给Array的length赋值会改变数组的大小；通过索引赋值同样会改变数组的大小，这两点应尽量避免
2，slice(0,9)截取数组，返回的是一个新的数组，原来的数组不改变，同样的也不包括9，如果没有传入参数，将会复制该数组
3，push(“a”,”b”)向数组末尾添加元素，pop()删除数组最后一个元素；unshift(“a”,”b”)和shift()与之相反
4，sort()对数组自动排序，也可以按指定顺序排序
5，reverse()数组颠倒
6，splice()万能方法， splice(2,2,”你好”,”很好”) 从索引2开始删除2个元素，同时从索引2添加两个元素，也可以只删除不添加，只添加不删除！！！！
7，concat([1,2,3]) 将当数组和concat()里的数组连接起来，当concat()里面有元素也有数组时，会自动将里面的数组拆开，连接到原数组中
8，join(“-“)将当前数组的每个元素都用指定的字符串连接起来，返回的是连接后的字符串

又过去了两个月。
最后还是顶不住压力又找了份老本行的工作，比起以前的工作有了一点点起色吧。换了个环境，和工厂不一样的生活。可是这还不够啊，差得好远。将近两个月的适应，新工作开始进入状态，终于有时间重新开始。没有更多的时间浪费了。
每天要变得更好，坚持下去，不管多难。

网页结构

由于页面各个部分的背景色有所区别，为了方便设置将页面分为了四个部分：头部(header)、主要内容-上半部分(main-top)、主要内容-下半部分(main-bottom)、底部(footer)。

1. 头部：页面顶部的超链接、登录注册以及购物车。背景为黑色。
2. 上半部分：由四个小的div组成：水平导航+搜索框、轮播图+左侧导航菜单、轮播图底部图片展示、小米明星单品。背景为白色。
3. 下半部分：智能硬件、其他内容两部分。背景为灰色。
4. 底部：售后服务、版权等信息。背景白色。 more >>