ES6 学习总结
ES6
ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准
目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言
ES6 主要是为了解决 ES5 的先天不足，增加部分特性和功能
let与const
函数作用域 VS 块作用域
ES5只有全局作用域和函数作用域，没有块级作用域，常用的做法是使用闭包。
let和const是块级作用域，变量只能在let和const命令所在的代码块有效。
12for( var i = 0 ; i < 3 ; i++ ){ console.log(i) }; console.log(i); // 0 1 2 3for( let i = 0 ; i < 3 ; i++ ){ console.log(i) }; console.log(i); // 0 1 2 ReferenceError
变量提升 VS 暂时性死区
var存在变量提升，let和const存在暂时性死区。
12console.log(b); var b = "ba ...
whistle网络抓包
手机设置代理连接好指定的wifi后，点击那个wifi里的设置，将「代理」那一项，设置为手动，然后输入ip（电脑上的ip）、端口号（8899）。然后就可以通过电脑上的whistle工具，查看手机的网页请求。
注意，要保证手机和电脑在同一个网络下。
捕获和拦截https请求whistle安装证书后，可以拦截 https 请求。但是，我现在又不想拦截https请求了，该怎么卸载证书呢？
我发现，证书无法卸载，正确的操作是：
上图中，把红框部分，去掉勾选，就不捕获https了。谢谢azh童鞋。
参考链接：
Android 手机如何设置http代理？
使用 Whistle 对 iOS HTTPS 进行抓包
移动端调试神器:eruda
手机连接代理时，如何看console.log的日志信息?
现在，代码里有console.log，如果是在电脑浏览器上看，可以直接在控制台查看console.log的内容。但是，如果手机连接代理，在手机上打开网页的话，要怎么查看console.log的内容呢？具体做法如下：
（1）在 whistle中，新建一个名叫Eruda H5的代理，代理中的内容是 ...
12-HTML基础回顾
本文主要内容
html 的常见元素
html 元素的分类
html 元素的嵌套关系
html 元素的默认样式和 CSS Reset
html 常见面试题
html 的常见元素html 的常见元素主要分为两类：head 区域的元素、body 区域的元素。下面来分别介绍。
1、head 区域的 html 元素
head 区域的 html 元素，不会在页面上留下直接的内容。
meta
title
style
link
script
base
base元素的介绍：
1<base href="/">
base 标签用于指定基础的路径。指定之后，所有的 a 链接都是以这个路径为基准。
2、html 元素（body 区域）
body 区域的 html 元素，会直接出现在页面上。
div、section、article、aside、header、footer
p
span、em、strong
表格元素：table、thead、tbody、tr、td
列表元素：ul、ol、dl、dt、dd
a
表单元素：form、input、select、te ...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment
10-HTML5详解（二）
本文主要内容
拖拽
历史
地理位置
全屏
拖拽
如上图所示，我们可以拖拽博客园网站里的图片和超链接。
在HTML5的规范中，我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作，其中图片、链接默认是开启拖拽的。
1、拖拽元素页面中设置了 draggable="true" 属性的元素。
举例如下：
1234567891011121314151617181920<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/font-awesome.min.css"> <style> .box1{ width: 200px; height: 200px; backg ...
11-HTML5详解（三）
Web 存储随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。
H5 中有两种存储的方式1、window.sessionStorage 会话存储：
保存在内存中。
生命周期为关闭浏览器窗口。也就是说，当窗口关闭时数据销毁。
在同一个窗口下数据可以共享。
2、window.localStorage 本地存储：
有可能保存在浏览器内存里，有可能在硬盘里。
永久生效，除非手动删除（比如清理垃圾的时候）。
可以多窗口共享。
Web 存储的特性（1）设置、读取方便。
（2）容量较大，sessionStorage 约5M、localStorage 约20M。
（3）只能存储字符串，可以将对象 JSON.stringify() 编码后存储。
常见 API设置存储内容：
1setItem(key, value);
PS：可以新增一个 item，也可 ...
08-HTML5详解
HTML5的介绍Web 技术发展时间线
1991 HTML
1994 HTML2
1996 CSS1 + JavaScript
1997 HTML4
1998 CSS2
2000 XHTML1（严格的html）
2002 Tableless Web Design（表格布局）
2005 AJAX
2009 HTML5
2014 HTML5 Finalized
2002年的表格布局逐渐被淘汰，是因为：表格是用来承载数据的，并不是用来划分网页结构的。
2009年就已经推出了HTML5的草案，但直到2014年才有定稿，是因为有移动端的推动。
H5草案的前身是叫：Web Application，最早是由WHATWG这个组织在2004年提出的。
2007年被 W3C 组织接纳，并在 2008-01-22 发布 HTML5 的第一个草案。
什么是 HTML5HTML5并不仅仅只是做为HTML标记语言的一个最新版本，更重要的是它制定了Web应用开发的一系列标准，成为第一个将Web做为应用开发平台的HTML语言。
HTML5定义了一系列新元素，如新语义标签、智能表单、多媒体标签等 ...
09-HTML5举例：简单的视频播放器
我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。
index.html的代码如下：
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851 ...
chrome浏览器
控制台的使用控制台查看源码控制台的Sources标签可以查看源码。按住快捷键「cmd + P」，可以根据文件名查找源码文件。
其他show user agent shadow DOM
把上图中的红框部分打钩。
06-HTML标签：图片标签
img标签介绍介绍img: 英文全称 image（图像），代表的是一张图片。
如果要想在网页中显示图像，就可以使用img 标签，它是一个单标签。语法如下：
1<img src="图片的URL" />
能插入的图片类型
能够插入的图片类型是：jpg(jpeg)、gif、png、bmp等。
不能往网页中插入的图片格式是：psd、ai等。
HTML页面不是直接插入图片，而是插入图片的引用地址，所以要先把图片上传到服务器上。
img标签的src属性这里涉及到图片的一个属性：
src属性：指图片的路径。英文名称 source。
在写图片的路径时，有两种写法：相对路径、绝对路径
写法一：图片的相对路径相对当前页面所在的路径。两个标记 . 和 .. 分表代表当前目录和上一层目录。
举例1：
123456<!-- 当前目录中的图片 --><img src="2.jpg"><img src=".\2.jpg"><!-- 上一级目录中的图片 --><img src="..\2.jpg">
相对路径不会出现这种情况：
1a ...
