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

ECMAScript 8 都发布了，你还没有用上 ECMAScript 6？；【W3C】理解 css-flexbox 盒子模型 – 初稿；你可能不需要 Vuex；nodejs服务器部署教程三，部署基于node+vue+mongodb的项目；关于javascript sort()排序的一点理解；JavaScript 的This绑定方式导图；前端每周清单第 22 期：ES8 正式发布、React 与 GraphQL 开发指南和性能优化，Vue.js 2.4.0 发布 – 知乎专栏；Nodejs流开发详解(翻译自官网）

ECMAScript 8 都发布了，你还没有用上 ECMAScript 6？ ES8已经与17年6月底发布，而很多的前端开发者还没有开始用上ES6。本文聊一聊怎么快速入门ES6，并将ES6的语法应用到实战项目中。阅读全文大约需要15分钟。文中以 ES 表示 ECMAScript。今年六月底，TC39发布新一版的ES 8（ES 2017），自从ES6在15年发布之后，每一年TC…
【W3C】理解 css-flexbox 盒子模型 – 初稿前言 flexbox盒模型, 可伸缩试布局, 能够有效改变盒子内容器大小, 填补盒子未使用的空间, 收缩容器以避免溢出盒子模型. 极其简单的控制盒子内的容器垂直, 水平布局. 官网地址介绍 flex布局表面上类似于block布局…
你可能不需要 Vuex目录组件化组件通信状态管理 Vuex 是什么 Vuex 有什么特点 Vuex 解决了什么问题什么类型的数据适合放在 Vuex 管理工具总结参考扩展阅读写这篇文章的主要目的是在现在的公司推荐使用 Vue，而在使用 Vue …
nodejs服务器部署教程三，部署基于node+vue+mongodb的项目nodejs服务器部署教程一nodejs服务器部署教程二，把vue项目部署到线上本文以我个人的开源项目vueblog作为演示，让你把自己的项目能在服务器上跑起来安装mongodb数据库如何在ubuntu上安装mongodb数据库，其实官…
关于javascript sort()排序的一点理解sort()排序的原理最近在leetcode刷题的时候遇到一个排序问题之前一直都忽略了sort排序的原理，让我们看下w3c对于sort()的说明：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确…
JavaScript 的This绑定方式导图本文是对《加深对 JavaScript This 的理解》一文的导图版翻译 JS中的this是一个捉摸不透的东西，它很喜欢变化，很诡异。拥抱变化，接收诡异，看清this的真面目，这篇来源于《加深对 JavaScript This 的理解》的导…
前端每周清单第 22 期：ES8 正式发布、React 与 GraphQL 开发指南和性能优化，Vue.js 2.4.0 发布 – 知乎专栏前端每周清单第 22 期：ES8 正式发布、React 与 GraphQL 开发指南和性能优化，Vue.js 2.4.0 发布 —— 由王下邀月熊分享
Nodejs流开发详解(翻译自官网）版本：8.1.3 实现一个流API stream模块的API被设计成能够很容的使用javascript的原型继承模式来实现streams。首先，stream的开发者必须先声明一个新的javascript类，并且继承以下四个基础stream类中的一个，并确…
如何强制Html5视频进行全量加载默认情况下我们实现一个简单的 H5 的播放器，只需要这么简单的代码就好：这个时候用户点击播放按钮就可以开始播放了。但是为了更好的用户体验，我们有的时候需要预加载视频，…
你想要的 —— Vuex源码分析最详细的vuex源码分析提升js能力的干货 —— 由Daniel_Cheung分享
基于 Vue 的 WebSocket 实时聊天实战项目一个基于vue的，从前端到后端构建的项目。能让学到如何用，用到了vue全家桶，nodejs，通过webpack打包，图灵机器人，websocket等前沿知识进行构建。让你轻松学会搭建一个基于vue的全家桶项目。 —— 由hua1995116分享
我的webpack学习笔记（二）前言上一篇文章我们讲了多页面js的打包，本篇文章我们继续scss的打包。多页面css单独打包首先，我们css编写采用的是sass，所以我们先来安装sass-loader以及可以用到的依赖 $ npm install sass-loader node-sas…
Node.js v8.x 新特性 Async Hook 简介 Async Hook 的出现简单来说有两个目的，一是提供了一个处理异步任务机制的抽象；二是暴露了方便追踪 handle objects 生命周期的 Hook。本文主要从以下几个方面来讨论： 1、Hook 的起因 2、Overview 3、Handle Objects 4、一些意外 —— 由XaYvier分享
基于 Vue.js 和 Node.js 支持服务端渲染的开源博客系统支持服务端渲染,前后端分离,支持PWA,并且标题可以动态切换,支持markdown编辑器,github风格代码高亮,拥有归档和标签功能,不错的学习小案例 —— 由wmui分享
自制前端框架之 MVC MVC 是 UI 编程领域中非常经典的设计模式，使得开发者能够借助该模式，构建出更易于扩展和维护的应用程序。在本文中，我们将基于经典的 MVC 理念，实现一个 50 行内的极简 MVC 框架，用于支持一个 Todo App 示例应用的开发。 —— 由doodlewind分享
《深入理解ES6》笔记——扩展对象的功能性（4）变量功能被加强了、函数功能被加强了，那么作为JavaScript中最普遍的对象，不加强对得起观众吗？对象类别在ES6中，对象分为下面几种叫法。（不需要知道概念） 1、普通对象 2、特异对象 3、标准对象 4、内建对象…
React 中被忽略的函数组件（Functional Components）详细介绍了React 中函数组件和类组件的区别，分析了函数组件背后的实现思想。 —— 由xuchaobei分享
ES6的rest参数和扩展运算符 ES6的rest参数和扩展运算符 —— 由Sunny阳光森林分享
redux middleware 详解 redux middleware 详解 —— 由草榴社区分享
使用WebAssembly+FFmpeg实现前端视频转码(上) 如何使用WebAssembly+FFmpeg实现前端视频转码之上篇 —— 由PP旭分享