程序员不止是程序猿

JavaScript对象的属性，看起来是一个很简单的问题，但是往细了想有很多细节需要注意。比如，可枚举属性与不可枚举属性的区别是什么，当我们打印一个对象的时候，打印的是对象本身的属性，还是包含继承的属性？我们去遍历一个对象的时候，多种方法之间又有什么区别？在这里我们做一个全面的…

上一篇博客起了个头，介绍了为什么要用webpack，用webpack可以做什么，以及最简单地配置。这篇博客将结合实际需求，一步一步的引入一些配置，所有内容基于实际需求出发。 上一篇博客说到，entry是webpack打包的入口文件，webpack会从这个入口文件开始，寻找该入口…

看了很多webpack的教程，大多是上来就讲一堆配置，一堆插件的使用。这种文章看起来有点类似于官方文档，或者新华字典。我想回归初心，换一种方式，基于实际使用出发，一步一步介绍webpack。 从一个最简单的例子开始，这个例子只为了描述最简单的webpack功能，实现一个最简单的…

上一篇博客中介绍white-space属性时聊到了换行，这一篇介绍换行的细节。 浏览器的换行行为，对于中文和英文存在一些差别。 正如上一篇博客中所说的，中文换行比较简单，这一行放不下就换行。除了中文之外，韩文和日文的处理也是一样的。这三种文字合在一起就是MDN介绍word-br…

p标签中插入一段文字，是非常常见的需求，但是仔细分析，这里面有很多需要注意的细节。这篇和下篇博客，主要讲对于文本内容显示的处理，这篇主要介绍空白字符和white-space属性。 浏览器支持4种空白字符：空格、制表符、回车、换行。默认情况下，有以下几点： 插入的是换行符，但是最…

我们经常将代码托管到github、gitlab这样的网站上。为了避免每次push代码时都要输入用户名和密码，通常会选择使用ssh协议，将公钥保存到托管网站上。在实际开发中，往往要将代码托管到多个不同的网站上。比如，公司的代码需要托管到coding上，自己的开源代码托管到GitH…

前两篇博客，把像素和viewport的概念讲清楚了。现在开始，用meta标签来设置viewport。 meta标签里面的内容，主要是提供关于这个HTML页面的元信息的。简单点说，就是你用这些信息来告诉浏览器，应该如何解析这个HTML文件。比如 这个标签是告诉浏览器，该HTML文…

上一篇博文，可算把像素这个东西讲清楚了。在这篇博文里面，将继续介绍viewport相关的内容。 很多博客都会提到PPK所讲的三个viewport，有的讲的比较复杂，看的云里雾里，我这里也大概介绍一下，三个viewport主要是相对于移动端而言的。 正如上篇博客所说的，前端里面能…