上两篇博客简单总结了webpack4.0的一些基础配置，写完之后对webpack有了一个入门的认识。这两天又继续对遗留的几个知识点进行了梳理，如两种开发模式的配置流程，path和publicPath的区别与作用等。但是看一些关于webpack运行原理的博客时还是会一脸懵逼，完全不知所云，而且目前来讲 ...

上一篇讲了webpack配置Html模板和css文件的方法，配置Html模板需要用到html-webpack-plugin插件，可以选择一个静态html文件作为模板；而配置css文件分为使用<style></style>标签插入样式和使用link方式引入css文件，这里面依次 ...

webpack4.0 从入门到进阶一好久没写博客了，一方面是最近在努力刷LeetCode题目，想通过做题来提升一下自己在算法方面的弱势，另一方面确实有点懒散了，公司的事情不多但是很杂。不管怎么说，这两天又静下来，准备深度学习一下webpack的相关知识，写几篇心得。说来惭愧，vue项目写过一两个，a ...

平时在使用hexo写博客，提交发布的时候，总会在命令行报warning，大量的CRLF、LF、CR等字眼，而在使用WebStorm开发项目时，右下角除了编码模式，分支切换，行号等提示外，总会不经意间扫到CRLF的配置，点开看看还有LF - Unix and OS X(\n)和CR - CLassic Mac(\r)这样的配置项。本来以为是键盘按键的设置（win 和 mac有几个键不一样），今天随手一搜，发现原来是另外一回事儿，花半小时简单总结一下，写篇小博客。

作为前端，提起JS，都知道它是一门单线程的语言，只能从上到下顺序执行JS任务，而任务又分为同步任务和异步任务，常见的如Ajax请求、setTimeout、setInterval、点击事件的回调函数等等都是异步任务。当我们的JS逻辑写的越来越复杂，可能会发现一些逻辑的执行顺序跟我们预想的不一样，或者压根就没执行，这时候深入理解一下JS中事件循环的逻辑就显得势在必行了，更不用提现今前端框架如此流行，弄清了事件循环机制，才能对框架的生命周期，数据更新策略等有更深入的理解。

今天无聊在翻看MDN开发文档时，看到这么一个方法Array.prototype.includes()，之前在书上看到过，说是ES6修订文档（可以称为ES7）中新增的一个方法，用来判断一个数组中是否包含一个指定的值，返回一个布尔类型。当时也没有深究新增的这个方法与Array.prototype.indexOf()到底有什么不同，闲来无事，深究了一下，结果扯出来一些关于值判断的问题，自己都把自己问蒙了。下面就简单总结一下。

Reactive Programming是一种编程形式，在很多场景都会见到，最近正在学习的RxJS是一个例子，当然Vue同样是一种Reactive Programming，就是当变量发生改变的时候，相关的变量和视图也会跟着改变，而我们开发者不需要自己去写代码来实现这个过程，我们只需要关心变量改变之后 ...

获取元素位置，滚动高度，实现懒加载效果等等与元素位置有关的问题时，总绕不开scrollTop、scrollWidth、offsetTop等等属性名词，有的时候只用到某几个属性，但是没有通盘总结了解一下这几个看起来相似的属性，今天就来总结一下，顺带感受一下灵魂画师的绘画技巧…

DOM(文档对象模型)是针对HTML和XML文档的一个API，描绘了一个层次化的节点树，允许我们添加、移除和修改页面的某一部分。目前流行的各种前端框架，对于页面结构的调整更新构建都是基于DOM的原生API来实现的，而我们平时在进行前端开发时也或多或少会用到DOM原生操作，尤其是“抛弃”jQuery这个框架之后，原生的DOM操作越来越重要，今天就来总结一些常见的DOM属性和操作方法。

ES6新增了Map、Set两种新的数据结构，解决了Javascript中对象和数组结构的一些痛处：比如Map类似于对象结构，但是允许非字符串值作为键值，Set则类似于数组结构，但是不允许有重复的value，我们可以用这个特性来进行去重操作等等。这两种数据结构都有自己的一个变体：WeakMap和Wea ...