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

Ajax的全面总结；JavaScript数据类型的存储；JavaScript 中的执行上下文和调用栈是什么；深入浅出 Web Audio Api；使用 ES2017 中的 Async(异步) 函数和 Await(等待)；火狐的超快速 CSS 引擎：Quantum CSS；28个让你惊叹的JavaScript黑科技代码；又闹分裂？Node.js 被分叉出一个项目 — Ayo.js

Ajax的全面总结Ajax在前端开发中有着举足轻重的地位，关于Ajax的使用和注意事项一直是一个重要的话题，借此机会，本文希望对Ajax做一个全面的总结，彻底揭开Ajax的神秘面纱。一.什么是AjaxAjax(Asynchronous JavaScript and XM…
JavaScript数据类型的存储一个很基础的知识点，JavaScript中基本数据类型和引用数据类型是如何存储的。由于自己是野生程序员，在刚开始学习程序设计的时候没有在意内存这些基础知识，导致后来在提到“什么什么是存在栈中的，栈中只是存了一个引用”这样的话时总是一脸懵逼。。后来渐渐的了解了一些内存的知识，这部分还是非常有必要了解的。
#前端技术#【JavaScript 中的执行上下文和调用栈是什么？】详见：一篇文章带你了解 JavaScript 基本概念之执行上下文。在本文中，作者将帮助你理解 JavaScript 解释器是如何执行你的代码的。
深入浅出 Web Audio Api Web Audio API 需要在音频上下文中处理音频的操作，并具有模块化路由的特点。基本的音频操作是通过音频节点来执行的，这些音频节点被连接在一起形成音频路由图。我们可以从上面这段文字中提取出几个关键词：音频上下文
音频节点
模块化
音频图
我将会以这些关键词为开始，慢慢介绍什么是 Web Audio Api，如何使用 Web Audio Api 来处理音频等等。
使用 ES2017 中的 Async(异步) 函数和 Await(等待) ES2017 在 6 月最终敲定了，随之而来的是广泛的支持了我最喜欢的最喜欢的JavaScript功能： async (异步) 函数。如果你也曾为异步 Javascript 而头疼，那么这个就是为你设计的。如果你没有的话，那么你有可能是个天才。Async(异步) 函数或多或少允许你编写顺序的 JavaScript 代码，而无需将所有逻辑包装在 callbacks(回调)，generators(生成器) 或 promises 中。
火狐的超快速 CSS 引擎：Quantum CSS 你可能听说过 Quantum 项目…… 它是 Firefox 内部组件的重大改写，为了让 Firefox 更快。开发者对测试版浏览器 Servo 做组件替换，同时对引擎的其它部分进行改进。这一项目就像给正在飞行的喷气式飞机更换发动机。开发者逐个组件做适当修改，一旦某个组件完成，马上可以看到效果。
28个让你惊叹的JavaScript黑科技代码 void 0的写法让代码晦涩难懂。10. 论如何优雅的取整vara =~~2.33varb=2.33|0varc=2.33>>011. 如何优雅的实现金钱格式化:1234567890 –> 1…
又闹分裂？Node.js 被分叉出一个项目 — Ayo.js Ayo （发音为“eye-oh”或 IO）是当前流行的 JavaScript 运行时 Node.js 的一个分支。它的创建是由于 Node.js 项目内部发生了一个关于“行为准则(Code of Conduct)”的问题。 Node.js 项目的一个委员会(TSC)就是否应该允许一名 Node.js 项目的开发者继续为项目工作进行了投票，投票结果是 60% 持赞成的态度。之…
前端 101：给不了解前端的同学讲前端简介有时候需要向新同学科普前端，又不知道如何下手？先把这篇图文分享丢给他吧！本文改编自魔法哥为 “百姓网暑期实习生训练营” 所作的前端入门讲座。此讲座面向在校大学生，内容比较初级，高手请飘过～大家好，今天的分享主要分为以下三个部分。由于目前计算机专业还没有为 Web 前端技术设…
几个前端工程师应当掌握的“词语”HTML5学堂-码匠：W3C、BFC、FOUC、Hack、GPU、Sprite、UA……各类前端术语知多少？有不少前端开发工程师，可能并不清楚下面的部分词语，但是在实战中其实都在使用着它们。明确一下这些词语和概念没有什么不好~一方…
Javascript奇技淫巧之位运算符奇技淫巧：指过于奇巧而无益还让人着迷的技艺与制品。 And（与） & Or（或） | Exclusive Or（异或） ^ Not（非） ~ 位运算符，我们在日常js开发中其实说真的，很少会用到，甚至可以说有相当一部分的 javascrip…
vue组件之间的通信（一）个人认为Vue组件之间的通信主要归类为3种：父子组件之间的通信任意两个组件之间的通信最终的boss，Vuex-状态管理模式此次写一下前两种通信，后续会单独写vuex相关的内容。父子组件的通信这种方式的通信是最简单，下面直接贴代码
Chrome 61 Beta：JavaScript 模块、桌面版 Payment Request API、Web Share API 以及 WebUSB 除非另外注明，否则，下面介绍的更改均适用于最新 Chrome Beta 渠道版（Android、Chrome 操作系统、Linux、Mac 和 Windows）。 JavaScript 模块这些模块允许开发者声明脚本的依赖项，在第三方构建工具中深受欢迎，这些工具在使用它时仅捆绑必需的脚本。此版本通过新的 <script…
2017-08-24 前端日报2017-08-24 前端日报精选 iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览手淘互动动效的探索白话原型和原型链React 源码解析浏览器前端优化Typing import statements more quickly10 JavaScript concepts you…
vue-simple-uploader：强大的 Vue 上传组件 A Vue.js upload component powered by simple-uploader.js Features Treat Folder and File asFile Pause/Resume upload Recover upload Error handling Drag and Drop with folder reader Custom upload buttons Folder Upload … A Vue.js upload component powered by simple-uploader.js Features Treat Folder and File asFile Pause/Resume upload Recover upload Error handling Drag and Drop with folder reader Custom upload buttons Folder Upload …
扩展 Node.js 应用原文地址： Scaling Node.js Applications 原文作者：Samer Buna 译文出自：掘金翻译计划本文永久链接： github.com/xitu/gold-m… 译者： mnikn 校对者： shawnchenxmu ， reid3290 扩展 Node.js 应用你应该知道的在 Node.js 内置模块的应用于扩展的工具来自 Pluralsi…
前端每周清单半年盘点之 Angular 篇前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow…
web 服务器阿里云基本使用(Ubuntu16.04LTS)最近朋友送了一年的阿里云。于是时隔半年再次开始捣鼓阿里云。下面所有安装均以安装最新的为准。更改阿里云主机名称 {代码…} 通过这个命令可以查看到阿里云的主机信息: 更改: {代码…} 在文件内更改相应的名…
Node.js 性能调优之代码篇(三)—— 升级到Node@8
git学习之路（中）添加远程库最常用的GitHub,默认你已经有了GitHub的账号 ssh-keygen -t rsa -C “youremail@example.com” 邮箱为自己的邮箱，如果一切顺利的话，可以在用户主目录里找到.ssh目录，里面有id_rsa和id_rsa.pub两个文…
redux-arena：全新的 Redux 模块化框架毫无疑问，redux是一个成功而且可扩展性极强的状态管理器。它维护了一个描述整个应用状态的树形对象，应用的各个组件只需要关注相应的节点的变化就可以方便的进行相应的渲染工作。在最开始的开发中，我们充分的享受到了redux带来的好处，但是随着应用的代码量与功能复杂度的与日俱增，redux的管理和维护也变得越来越复杂…
【20170824 前端开发日报】JS 命名与注释规范详解；iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览；深入理解 JavaScript 中的 this；CSS 中的行；JavaScript 中的执行上下文和调用栈；JavaScript Errors 指南；
React组件规范1 有状态组件只有render方法才能返回JSX，因为JSX中的虚拟DOM有一个_owner属性，这与它与组件实例进行绑定。如果其他方法里使用了JSX，_owner就没有与组件实例进行绑定。 2 render方法里面应该以<开头，不应该…
由重构进阶前端开发入门（二）：事件与事件对象掌握 DOM 的基本概念后，这次我们讲讲浏览器的事件和事件对象。再结合具体业务需求，通过例子展示事件相关的操作方法。相关文章：由重构进阶前端开发入门 (一) DOM 操作事件与事件对象事件与 DOM 1. 从最初的“点击”开始 “点击这个按键时，XXX 变成 YYY，然后……”… 掌握 DOM 的基本概念后，这次我们讲讲浏览器的事件和事件对象。再结合具体业务需求，通过例子展示事件相关的操作方法。相关文章：由重构进阶前端开发入门 (一) DOM 操作事件与事件对象事件与 DOM 1. 从最初的“点击”开始 “点击这个按键时，XXX 变成 YYY，然后……”… 掌握 DOM 的基本概念后，这次我们讲讲浏览器的事件和事件对象。再结合具体业务需求，通过例子展示事件相关的操作方法。相关文章：由重构进阶前端开发入门 (一) DOM 操作事件与事件对象事件与 DOM 1. 从最初的“点击”开始 “点击这个按键时，XXX 变成 YYY，然后……”…
《Weex在内涵发现页中的工程实践》React-Native和Weex是目前最为火热的两个客户端跨平台解决方案。从去年2016年9月份开始，IES在抖音产品中应用了React Native，中途遇到了很多的问题，尤其是长列表的性能问题一直没能从根本上得到解决。（by 今日头条技术博客）
nodejs session 原理及实战翻译自：https://stormpath.com/blog/ev… 一 Cookie 因为HTTP协议是没有状态的，但很多情况下是需要一些信息的，比如在用户登陆后、再次访问网站时，没法判断用户是否登陆过。于是就有了cookies，用于在浏览器…
JavaScript 二进制的 AST 原文地址： Towards a JavaScript Binary AST 原文作者：Yoric 译文出自：掘金翻译计划本文永久链接： github.com/xitu/gold-m… 译者： Cherry 校对者： lampui 、 jasonxia23 JavaScript 二进制的 AST 在这个博客文章中…
React Native 轻松集成分享功能（Android 篇）关于推送的集成请参考这篇文章，关于统计的集成请参考这篇文章，本篇文章将引导你集成分享功能。在集成插件之前，需要在各大开放平台上成功注册应用，并通过审核（支持 3 个可选的主流平台）。支持的平台如下： …