ES6—let和const命令

ES6新增了let命令,用于声明变量。以及新增了const命令,用于声明常量。这篇文章就记录一下使用的方式。

Read more
用VS Code为Create React App添加ESLint和Prettier

使用ESLintPrettier可以使代码更加规范,整洁同时也便于他人阅读,团队开发更加方便。Create React App是自带ESLint的,但是并没有将文件暴露出来。这篇文章就记录一下如何添加ESLintPrettier

Read more
JavaScript原型链

原型链是整个JavaScript面向对象的基础,也可以理解为是基石,是非常重要的一部分。如果没有掌握原型链就不能说明自己熟悉JavaScript。这篇文章就整理一下关于原型链的知识。

Read more
JavaScript数据类型和类型转换

JavaScript的数据类型是弱数据类型,不像Java那样是强数据类型。使用var来定义变量,ES6中使用let和const。这篇文章简单的记录一下JS中的数据类型相关的内容。

Read more
基于webpack的编译ES6的环境配置

目前现代浏览器对ES6语法的支持可以达到98%,但是还有部分浏览器不支持ES6,所以就需要将ES6编译为所以浏览器能支持的语法。这时就需要Babel了,作为编写下一代JavaScript的编译器,可以和很多工具配合使用来编译ES6。

在这篇文章下记录一下使用webpack和babel-loader来编译ES6。

Read more
CSS盒模型与BFC

CSS中最重要的就是盒模型,它是CSS的基石。在面试中有很高的几率被问到:请你谈谈你对盒模型的理解。题目的字数不多,但是要回答的更好,更加全面却不是很容易。所以在这里记录一下比较好的回答。

Read more
CSS中清除浮动的方式

上一篇文章讲了页面布局的解决方案,其中有一个方案是使用浮动(float)。使用浮动的优点就是兼容性好,使用也比较方便。但是有一个缺点就是会脱离标准流,如果处理的不好,会对后面的元素布局产生影响。所以就需要使用清除浮动来消除这些影响。清除浮动的方式有很多,那么哪一种是最好的呢?看完这篇文章你就会明白了。

Read more
页面布局常用的几种解决方案

页面布局是CSS的一个重点应用。布局的解决方案有很多种方法,而选择一个最优的就显得尤为重要。那么就介绍一下这些解决方案。

Read more