前言：

在梳理知识点的时候，发现作为浏览器渲染中的机制之一——异步加载机制，当用户访问站点，需要下载各种资源，例如JS脚本，CSS，图片，iframe等，它是实现现代网站进行加载页面时一种必不可少的手段。查资料加上老师拓展课程均对于异步加载机制还有很多方法可以说，故抽出来单独进行一个知识点的梳理。

一、命名技巧

1、语义化

即合适标签+合适命名
（1）语义化标签优先
（2）基于功能命名、内容命名、表现命名
（3）简略、明了、无后患
tips：可自己改名字、翻译成英文单词

前言

关于这一节的内容，看了一些编译原理才能略懂一二，据说还要去看一些C语言。。。所以计算机基础理论知识在往后的日子里还会相应补充。新手们还是多专注于多看书和多实践，很怕误导你们😅。老司机们如果有空闲看到这请轻拍~😂

前言：

看过一些相关文章，知道想理解闭包，词法作用域和作用域（链）是非常重要的前置知识，结合之前所学，可以继续学习词法作用域和闭包。
想告诉一些前端萌新们：记录的知识都是在我理解的基础上记录下来的，也希望大家是理解的情况下去学习哦~（注意看我加粗的语句）

（一）实例一：写一个简单的服务器

一、nodejs写服务器

1、下载github代码

一、如何获取数据（涉及开发流程）

1、获取数据

前端部分写了一个ajax，请求需要发送到服务器的接口上，服务器如果是不存在，直接报错，且无法后续测试，对于数据的处理、渲染无从谈起。接口如何运作起来，有数据返回，接口：后端开发

前端和后端如何交互，从网站的层面上，如何去呈现？如何和后端去交互？如何向后端获取数据和请求？需要一种方法。

一、页面如何和后端交互

几种方法：

1、form表单提交：

form表单提交实例
如我们把method改为get，用get方法拼装成一个带有用户名和密码的新的url地址，向服务器去发送请求，相应关键信息（用户名和密码）都会传递给服务器，进行处理；post则是直接将这些关键信息直接发给服务器（而不是通过url传递），后台监听到数据直接处理。

（一）BOM对象

一、BOM是什么

dom，指的是页面上的元素，而bom是针对浏览器的一种对象模型，用于描述这种对象与对象之间层次关系的模型。浏览器本身的特性（如当前位置、浏览器宽高、以及系统环境等），而这些与当前的web页面并无关系，而是与当前的window（整个浏览器的窗口，不只是页面，不要误解）相关。

一、click—点击事件

代码如下：

1
2
3
4

$('#btn').addEventListener('click', function(){
   console.log('click')
   console.log(this)
 })

一、事件的IE兼容性

在老版的IE浏览器中，不支持：addEventListener和removeEventListener两种事件绑定的方法;支持（可实现）：attachEvent和detachEvent 两种方法，同时接收两个相同参数

• a、事件处理程序名称
• b、事件处理程序方法
  阅读全文 »