<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>浏览器渲染顺序</title>
  <link rel="stylesheet" href="style.css">
  <script src="main.js"></script>
</head>
<body>
  <button id='button'>按钮</button>
</body>
</html>

2017-07-07

计算机怎么把程序变成0 1

计算机先定好一些规则，比如每个语句都有两部分：操作符，内容。
操作符可能有赋值、声明、循环等，然后把把每个操作符编号，例0 赋值，1 循环，2 声明。
var a = 1，可能变成2 'a',0 'a' 1，其中’a’也会变成0 1。
所有万物皆0 1
代码变成0 1的前提就是有很多规则。

2017-07-03

JS:内存图

内存

计算机中所有程序的运行都是在内存中进行的，这里的内存一般指的是PC中的内存条，我们知道内存条里只能存取二进制数0和1，那么1G的内存条里能存多少个0或1呢？
1G = 1024³B = 1024³*8位≈85.8亿位(一个字节有8位)，也就是说1G的内存可以存85.8亿个0或1。

2017-06-27

var与let的区别

var和let

两者都是指对变量声明，由于var的用法会造成很多bug，故ES6新增了let。

var

var表示声明函数作用域的变量，var会有变量提升，将变量提到作用域的前方。
以下面JS代码为例：

var a=1
function foo(){
  alert(a)
  var a =2
 }
foo.call()

2017-06-21

《这一代人的学习》笔记

如何自学前端

1. 焦虑感

在我们自学前端时，会有一种焦虑感，来自于选择的焦虑，我到底是学HTML4还是学HTML5、是学CSS2还是学CSS3、是学jQuery还是学React.js、是学原生JS还是学框架、要不要学Node.js等等，我们害怕在某一方面投入过多的时间，却学到的时过时的知识，在选择教材时也会有焦虑感。这种焦虑感会影响我是否该坚持自学下去。
还有一种焦虑是前端的新知识太多了，我现在掌握的是否已经过时了或者错了。在自学时由于没有外部的肯定，很容易陷入自我的怀疑。
Node.js更新太快无法出书，书在前端的领域能帮助你的东西很少(除了一些经典书籍)。
幸存者偏差，你自学要么成功，要么失败。

2017-06-16