20170824前端开发日报

1、iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览

这前端代码效果实时预览的需求实际上是非常常见的，例如jsbin，codepen，runjs之类的网站就是满足此需求的。传统做法是这样子的，会新建一个另外的独立页面，专门用来接收传入的前端代码，通过新开窗口或者嵌入iframe页面的方式达到最终效果，其中可能会用到 HTML5 postMessage等通信技术 。本文讲述 借助iframe和blob实现前端代码的实时预览。

2、深入理解 JavaScript 中的 this

你是否经常被JavaScript中的this关键字搞晕? 不用太过于当心, 很多JavaScript的初学者都被它搞晕过. 你不是一个人在战斗. 话虽如此, 但这并不意味着你可以永远不用理解this. 不管是在JavaScript中还是在许多教程中, 都广泛的使用this, 所以掌握this是迟早的事. 一旦你理解this, 就会觉得它实际上比你想象的简单许多. 读过这篇文章以后, 你就会深入理解this的秘密. 到时候你就知道它是什么, 它做什么以及如何使用它.

3、CSS 中的行

问：块级元素和行内元素有什么区别？块级（block）元素可以控制它的大小 行内（inline）元素将其排到父级的行系统中 我更愿意把这两者称作为元素的两个特性。因为行内元素具有 inline 特性，所以多个行内元素会排在一行；但它们不具有 block 特性，所以无法使用 width、height 指定它们的宽高。因为块级元素具有 block 特性，所以可以直接指定元素的宽高；因为块级元素不具有 inline 特性，所以它们会独占一行。

4、JavaScript 中的执行上下文和调用栈

在这篇文章里，我会深入地探讨 JavaScript 中最基本概念之一，那就是执行上下文。通过这篇文章，你应该能够清楚地了解到 JS 解释器究竟在干嘛，为什么可以在一些函数和变量声明之前就能使用，以及它们的值是怎样被决定的。

5、JS 命名与注释规范详解

从事前端开发也有一段时间了，一直在遵循着规范化开发，从 js 也逐渐转向了 ts ，在这个过程中也有了很多收获，在此把自己的开发心得写下来。 本文参考了 JavaScript 开发规范 ，并做了补充和修改，同时删去了框架开发相关的内容。

6、JavaScript Errors 指南

详见： 本文将以如何消除应用程序中 JS 错误作为出发点，逐步分析 JS 错误的产生、JS 错误包含哪些部分、怎么去捕获一个 JS 错误，希望能帮助开发者们更好的处理 JS 错误。

喜欢这篇文章的朋友，欢迎关注、收藏、分享、评论，帮我上热门，你的支持，是我每日更新的动力！

喜欢前端的朋友可以点击关注一下我，每日分享精彩的前端文章！

今日更多精彩文章：