20170824 前端开发日报

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

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

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

    读过这篇文章以后, 你就会深入理解this的秘密. 到时候你就知道它是什么, 它做什么以及如何使用它.

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20170824 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170824.html)
评论已关闭。