ES6的很多特性都跟Generator扯上关系，而且实际用处比较广， 包含了任何需要异步的模块， 比如ajax， filesystem， 或者数组对象遍历等都可以用到； Generator的使用： Generator函数和普通的函数区别有两个， 1：function和函数名之间有一个*号， 2：函数体内部使用了yield表达式；比如这样：function* gen() {yield"1";yield"2" } 这个玩意儿如果运行的话，会返回一个Iterator实例， 然后再执行Iterator实例的next()方...
1<!DOCTYPE html> 2 2 <html lang="en"> 3 3 <head> 4 4 <meta charset="UTF-8"> 5 5 <title>test1</title> 6 6 <script> 77 894 995/*10 96 11 97 every,some 前者是遍历数组中的每一个元素，并执行函数运行，如果有一个返回false则返回false/后者如果有一个返回true则返回true 12 98 filter,map 前者遍历数组中的元素，可以理解为过滤元素，并执行函数运行，返回的是过滤后的数...
Evan You（尤雨溪）在2018年11月16日）早上在 Vue Toronto 的主题演讲中预演了 Vue 3 。利用现代浏览器支持的新功能，Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。总结起来，Vue 3 以下方面值得我们期待 ：更快更小更易于维护更多的原生支持更易于开发使用更快：重写虚拟DOM (Virtual DOM Rewrite)随着虚拟 DOM 重写，我们可以期待更多的编译时（compile-time）提示来减少 运行时（runtime）开销。重写将包括更有效...
本篇文章主要的介绍了关于react16的一些新特性，还有关于react16的详细功能介绍。下面就让我们一起来看这篇文章的正文内容吧React 16更新新js环境要求react16依靠Map和Set集合和requestAnimationFrame（一个针对动画效果的API）新功能- Fragments：render函数可以返回数组和字符串 - error boundaries：错误处理 - portals ：支持声明性地将子树渲染到另一个DOM节点 - custom DOM attributes ：ReactDom允许传递非标准属性 - impro...
本篇文章主要介绍了webpack 4.0.0-beta.0版本新特性介绍，现在分享给大家，也给大家做个参考。近年来前端技术如雨后春笋般蓬勃发展，我们也在这个潮流下不断地学习、成长。前端技术的不断发展，给我们提供了许多的便利。例如：JSX的出现为我们提供了一个清晰、直观的方式来描述组件树，LESS/SASS的出现提高了我们书写css的能力，AMD/CommonJS/ES6 的出现为我们模块化开发提供了便利。然而，我们需要使用其它工具将这些工具转化成原...
vue-cli 是 vue 官方团队推出的一款快速开发 vue 项目的构建工具，具有开箱即用并且提供简洁的自定义配置等功能。这篇文章主要介绍了快速了解vue-cli 3.0 新特性,需要的朋友可以参考下vue-cli 是 vue 官方团队推出的一款快速开发 vue 项目的构建工具，具有开箱即用并且提供简洁的自定义配置等功能。 vue-cli 从 2.0 到 3.0 的升级有太多的新东西可以说了，但是不可能在本文中列举所有的内容，这篇文章作为一个对比 2.0 升级功能的导...
这次给大家带来怎样使用vue-cli3.0新特性，使用vue-cli3.0新特性的注意事项有哪些，下面就是实战案例，一起来看一下。新建项目# 安装 npm install -g @vue/cli # 新建项目 vue create my-project # 项目启动 npm run serve # 打包 npm run build打包后的文件，对引用资源注入了预加载（preload/prefetch），启用 PWA 插件时注入 manifest/icon 链接，并且引入(inlines) webpack runtime / chunk manifest 清单已获得最佳性能。功能...
这次给大家带来vue-cli 3.0.x升级到webpack4后有哪些新特性，vue-cli 3.0.x升级到webpack4后有的注意事项有哪些，下面就是实战案例，一起来看一下。最近项目正在优化。乘着有时间看了一下 vue-cli3.0.x 使用 。感觉还蛮不错的。 因为之前项目使用的 vue-cli 2 创建的，强行使用 eslint让我们很难受，一些与项目无关的 “build” 和 “config” ，让人看着就有一些不爽 。由于公司环境比较多，需要测试环境的配置。增加了 “”tt”...
Context API总是很让人迷惑。这个API是官方的，但是官方又不希望开发者们使用这个API，说是这个API会在以后发生改变。现在就是那个改变的时刻。新的API已经被merge了。而且它看起来更加的“用户友好”了。尤其是你不得不使用redux、mobx的时候，可以选择新的Context API实现更加简单的状态管理。新的API用起来非常的简单：React.createContext()，这样就创建了两个组件：import {createContext} from react;const ThemeContext = c...
本文从简单的例子入手，从打包文件去分析以下三个问题：webpack打包文件是怎样的？如何做到兼容各大模块化方案的？webpack3带来的新特性又是什么？webpack是一个强大的模块打包工具，在处理依赖、模块上都很优秀，本文从bundle.js文件分析出发去探索了不同模块方案的加载机制，初步去理解webpack，并且对webpack3特性进行阐述。一个简单的例子webpack配置 // webpack.config.js module.exports = {entry: ./src/index.js,output: {...
本文主要和大家分享Vue.js 2.5新特性，Vue 2.5 Level E 已发布，在原来2.x的基础上做了很多相应改进和对 bug 的修复，目前 2.5 系列最新的版本为 2.5.2，本文给大家介绍vue 2.5 新特征，需要的朋友参考下吧，希望能帮助到大家。TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。2012年十月份，微软发布了首个公开版本的T...
Vue 2.5 Level E 已发布，在原来2.x的基础上做了很多相应改进和对 bug 的修复，目前 2.5 系列最新的版本为 2.5.2，本文主要给大家分享Vue.js 2.5新特性，希望能帮助到大家。TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。2012年十月份，微软发布了首个公开版本的TypeScript，在2013年6月19日，微软发布了TypeScript 0.9的正式版...
本文简短地分享下最新发布的 Webpack 3 中的新特性，供大家参考。1. Webpack 3 的新特性6 月 20 日，Webpack 发布了最新的 3.0 版本，并在 Medium 发布了公告。Webpack 目前几乎作为前端开发的标配，所以我们一起来看一看新版中有哪些主要的特性更新。整体相对于 2.0 变化不大，不必惊慌。Webpack 2.0 的相关视频教程，可以参见我录制的共计 20 集的视频教程，Webpack 2 视频教程。下面是 v3.0 Release 中的 Features List。node_m...
ES 2015/6 新增内容还是比较多的，这里仅大纲性的列举一下（不一定全面）这些特性。其实，每个点挖进去都会有很多学问在里头，本文旨在汇总，所以不对这些特性进行深层次的讨论及研究。随后若有时间，再单独写几篇博客对常用的点进行深挖，与大家进行深度交流。箭头函数箭头函数，通过 => 语法实现的函数简写形式，C#/JAVA8/CoffeeScript 中都有类似语法。与函数不同，箭头函数与其执行下文环境共享同一个 this。如果一个箭头函数出...
JavaScript 6里都有啥新鲜东西？让我们一起来看看JavaScript 6的一些新特性。let, const (用来定义block-local变量), 程序过程中的function解构: let {x, y} = pt; let [s, v, o] = triple();(前提是let pt = {x:2, y:-5})缺省参数值: function f(x, y=1, z=0) {?}其它参数: function g(i, j, ...r) { return r.slice(i, j); }(不需要再使用 arguments )。数据展开: let a = [0,1,2,3], o = new Something(...a);。也可以用于数组字...