​ 我们知道，es5中js的数据类型有7种，分别为：基本数据类型5种：Number、String、Boolean、Undefined 、NULL；引用数据类型2种：object、function。es6中又多加了一种基本数据类型，symbol

常见的判断js类型的方法主要有这4种： typeof、instanceof、constructor、toString

一、什么是webpack

webpack是一个打包构建工具，其宗旨就是可以打包一切静态资源，它所做的事情就是，分析你的项目，找到JavaScript模块以及其他的一些浏览器所不能直接运行的扩展语言（Scss、TypeScript等），并将其打包为合适的格式以供浏览器使用，当webpack处理应用程序时，它就会递归的构建一个依赖关系图，其包含应用程序需要的每一个模块，然后将所有这些模块打包成一个或多个bundle

​ 日常大家在写代码的时候总会碰到，null，和 undefined两种值，虽然这两个值的类型都不相同，但是大家潜意识中会把其看作的相同的意思，甚至，输入 undefined == null 得到的是true

现在简单的分析一下这两种值的区别：

作用

1

该方法会在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

应用场景：

• 在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中
• 在数据变化后要执行的某个操作，而这个操作需要使用随数据改变而改变的DOM结构的时候，这个操作都应该放进Vue.nextTick()的回调函数中。

1
2
3

created() {     //改变数据    
	vm.message = 'changed'  //想要立即使用更新后的DOM。这样不行，因为设置message后DOM还没有更新     console.log(document.getElementById('testCount').innerHTML) // 并不会得到'changed'    //这样可以，nextTick里面的代码会在DOM更新后执行    
	Vue.nextTick(function(){        														console.log(document.getElementById('testCount').innerHTML) //可以得到'changed'    })},

beforeCreate()

1、这是我们遇到的第一个生命周期函数，表示实例完全被创建出来之前会执行它

2、注意： 在 beforeCreate 生命周期函数执行的时候，data 和 methods 中的数据都还没有没初始化

created()

hexo本地测试运行重启后页面空白,提示 : WARN No layout: index.html?

最近捣鼓hexo+github，刚写好一篇博客，准备在本地运行看看效果的时候，发现“localhost:4000” 出现的页面是空白，不知什么原因，

后来找根目录的_config.yml 看到配置的主题的名字。去themes文件夹中找，发现对应主题的文件夹是空的，后来从网上重新clone了主题，

运行成功。

所以，其他的小伙伴如果遇到类似的问题后，可以查看主题是_config.yml中设置的主题是否存在

hexo 更换电脑 —- 迁移博客

hexo是一个快速、简洁、高效的博客框架。hexo可以使用markdown解析文章，操作简单方便，在几秒钟就可以利用靓丽的主题生成静态网页。

但是，其有一个比较致命的缺点，就是其仓库是在本地的，github上存储的是编译后的代码，所以只有在当前的电脑上才可以编写博客，但是如果作者想要跟换电脑或者之前的电脑已坏、本地代码丢失等，想要更新博客就是一件比较麻烦的事。

介绍

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

Bootstrap的特点：

1

1.预处理脚本,less2.响应式布局（根据不同设备屏幕大小进行响应式布局）3.移动设备优先，Bootstrap 3设计目标是移动设备优先，然后才是桌面设备4.定义了大量的class样式，提高开发效率5.Bootstrap的所有JavaScript插件都依赖于jQuery，因此jQuery必须在Bootstrap之前引入

bootstrap的下载

媒体查询

设备终端的多样化，直接导致了网页的运行环境变的越来越复杂，为了能够保证我们的网页可以适应多个终端，不得不专门为某些特定的设备设计不同的展示风格，通过媒体查询可以检测当前网页运行在什么终端，可以有机会实现网页适应不同终端的展示风格。