由于常用ES6语法不多，时常需要重新查看阮一峰大佬的《ESCAScript 6 入门》，这次直接抽时间总结出来万字知识点，下次直接花半个小时快速过一下ES6所有知识点，谁还敢说我不会ES6！！！

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

在我们日常开发中偶尔会碰到获取元素样式、设置某元素样式、计算元素位置、计算滚动距离等需求。但是js中关于元素位置、样式、大小的api种类繁多，稍不留神就会搞不清楚。今天笔者就带你彻底弄清楚。

前言 因为业务需要，很多文件需要在前端实现预览，今天就是了解一下吧。 实现方案 找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue中引入使用。 文档格式 老的

手写 Promise 保姆级教程，看完还不懂的私聊我亲自教！！！学完本篇文章让你对JS的认识活生生提升一个等级~

前言   瀑布流是一种很常见的网页图片交互方式，效果可以参考 花瓣网。 准备工作   首先来查看一下目录结构，其中app.js为服务端启动文件，主要用来提供接口，返回所需的图片数据，index.htm

「这是我参与11月更文挑战的第10天，活动详情查看：2021最后一次更文挑战」 前言 瀑布流又称瀑布流式布局，由于图片的高度是不一致的，所以在多列布局中默认布局下很难获得满意的排列。而瀑布流能够实现在

昨晚上写到凌晨3点多，今天早上起来又继续上班，下班又继续写，555555，七夕就这么过去了，实在没办法，不想写水文

这就是目前需要实现的功能。要实现这个功能，我目前感觉必须要实现网页可以预览本地图片，因为图片在展示的时候根本还没有上传，并没有图片地址这一说 网上一搜，果然html5的强大体现出来的，有原生API就可以实现————FileReader。 FileReader的实例拥有4个方法，…