20170824 前端开发日报-前端开发博客

JS 命名与注释规范详解；iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览；深入理解 JavaScript 中的 this；CSS 中的行；JavaScript 中的执行上下文和调用栈；JavaScript Errors 指南；Express 实战（七）：视图与模板：Pug 和 EJS；又闹分裂？Node.js 被 fork 出一个项目 Ayo.js

JS 命名与注释规范详解从事前端开发也有一段时间了，一直在遵循着规范化开发，从 js 也逐渐转向了 ts ，在这个过程中也有了很多收获，在此把自己的开发心得写下来。
本文参考了 JavaScript 开发规范，并做了补充和修改，同时删去了框架开发相关的内容。
iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览这前端代码效果实时预览的需求实际上是非常常见的，例如jsbin，codepen，runjs之类的网站就是满足此需求的。传统做法是这样子的，会新建一个另外的独立页面，专门用来接收传入的前端代码，通过新开窗口或者嵌入iframe页面的方式达到最终效果，其中可能会用到 HTML5 postMessage等通信技术。本文讲述借助iframe和blob实现前端代码的实时预览。
深入理解 JavaScript 中的 this 你是否经常被JavaScript中的this关键字搞晕? 不用太过于当心, 很多JavaScript的初学者都被它搞晕过. 你不是一个人在战斗.

话虽如此, 但这并不意味着你可以永远不用理解this. 不管是在JavaScript中还是在许多教程中, 都广泛的使用this, 所以掌握this是迟早的事. 一旦你理解this, 就会觉得它实际上比你想象的简单许多.

读过这篇文章以后, 你就会深入理解this的秘密. 到时候你就知道它是什么, 它做什么以及如何使用它.
CSS 中的行问：块级元素和行内元素有什么区别？块级（block）元素可以控制它的大小
行内（inline）元素将其排到父级的行系统中
我更愿意把这两者称作为元素的两个特性。因为行内元素具有 inline 特性，所以多个行内元素会排在一行；但它们不具有 block 特性，所以无法使用 width、height 指定它们的宽高。因为块级元素具有 block 特性，所以可以直接指定元素的宽高；因为块级元素不具有 inline 特性，所以它们会独占一行。
JavaScript 中的执行上下文和调用栈在这篇文章里，我会深入地探讨 JavaScript 中最基本概念之一，那就是执行上下文。通过这篇文章，你应该能够清楚地了解到 JS 解释器究竟在干嘛，为什么可以在一些函数和变量声明之前就能使用，以及它们的值是怎样被决定的。
#前端技术#【JavaScript Errors 指南】详见：本文将以如何消除应用程序中 JS 错误作为出发点，逐步分析 JS 错误的产生、JS 错误包含哪些部分、怎么去捕获一个 JS 错误，希望能帮助开发者们更好的处理 JS 错误。
Express 实战（七）：视图与模板：Pug 和 EJS 前面的内容大都是关于 Express 框架自身的内容，包括：Express 简介、工作原理、框架特点。在系列的最后，我们将把注意力放到 Express 框架周边工具链上。学习如果使用这些工具来拓展 Express 框架的功能。首先，本文我们将会讨论视图模版引擎的使用。通过这些模版引擎我们能过动态的生成 HTML 内容。在前面我们已经…
《又闹分裂？Node.js 被 fork 出一个项目 Ayo.js》
Webpack 最佳实践总结(三)还未看的，可以点击查看上两篇文章哟：Webpack 最佳实践总结(一)、Webpack 最佳实践总结(二) 好了，这篇是第三篇，也是完结篇，我感觉这一篇是最乱的一篇，凑合着看吧，不会让你失望的整合 CSS 加工流有时候，…
vue从创建到完整的项目（2）路由说明上一篇地址–创建 Github–源码地址下一篇地址–引入UI框架 home.vue 创建根据源码，先在src文件夹下新建文件夹page，在page中新建home文件夹，在home文件夹中新建home.vue，home.vue代码如图 template中…
JavaScript工作机制：第1部分JavaScript工作机制：第1部分本文转载自：众成翻译译者：网络埋伏纪事链接：http://www.zcfy.cc/article/3965原文：https://blog.sessionstack.com/how-does-javascript-actually-work-part-1-b0bacc073cf 随着J…
学点Webpack吧开始webpack之旅 {代码…} 这里如果没有指定-g全局安装，那么需要调用node_modules下的webpack.js来执行，因为非全局安装没有添加环境变量尝尝鲜，运行webpack 必须的第一步：编写webpack.config.js 两个必须参…
GitChat · Python | 零基础小白如何入门 Python 编程来自 GitChat 作者：锅蜀黍背景本文主要根据作者2个月以来对于 300 人的零基础python教学经验总结而出，适合零基础、负基础学习 python 编程语言的同学阅读。本文所述仅仅是方法，看完本文并不会让你学会任何…
【20170823 前端开发日报】Vue 插件编写与实战；个人总结（css3新特性）；JavaScript精进之路 — 异步的实现（上）；浅谈JavaScript中的接口实现；在JavaScript中实现队列；谷歌发布超强AI去水印工具全自动消除水印；
#JavaScript入门教程#【javascript操作符和数据类型Undefined、Null】感谢李炎恢老师的javascript视频教程，本人一直想系统学习javascript，但总是学习一半就放弃了，究其原因，就是因为没有系统和教程的难度过大，所以决定开始从基础…请戳→ #前端开发博客#