石川es6课程---1-2、ES6简介

【石川es6课程---1-2、ES6简介】的更多相关文章

石川es6课程---1-2、ES6简介

石川es6课程---1-2.ES6简介一.总结一句话总结: 从ECMAScript的历史发展来看,太顺了的时候总会遇到一挫折,比如ecma4 1.ECMAScript 和 JavaScript关系? ECMA 是标准,JS 是实现 2.解决ie9兼容性问题的在线编译? 用browser.js/babel <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo…

石川es6课程---18、ES6 复习

石川es6课程---18.ES6 复习一.总结一句话总结: 无论在讲课和学习中,复习总结都是很重要二.ES6 复习变量 let const 声明方式能否重复声明作用域类型是否支持变量提升 var 能函数级变量是,undefined let 不能,不允许在相同作用域内,重复声明同一个变量块级变量否,referrenceError:is not defined const 不能块级常量否暂时性死区:在代码块内,使用let命令声明变量之前,该变量都是不可用的.这在语…

石川es6课程---17、ES7 预览

石川es6课程---17.ES7 预览一.总结一句话总结: 人的价值恒定规律:无论得意还是迷茫之时,你的价值都不靠外界的评判或者你内心的悲喜而决定.而是当时的恒定的.能够提升他只能靠你提升自己的能力和实力. 1.ES7 预览:数组? ~ arr.includes() 数组是否包含某个东西 ~ 数组的 arr.keys(), arr,entries() ~ for ... in 遍历数组下标 key ~ for ... of 遍历数组值 value, 不能用于json let arr =…

石川es6课程---13-16、generator-认识生成器函数

石川es6课程---13-16.generator-认识生成器函数一.总结一句话总结: ` generator函数,中间可以停,到哪停呢,用 yield 配合,交出执行权 ` 需要调用next()方法启动执行,需要遇到 yield 停, 踹一脚走一步 ` generator函数前面加一个 * 两边可以有空格,或靠近函数或function:function *show2() { ` 背后实际生成多个小函数,实现走走停停 function show() { console.log('a') co…

石川es6课程---12、Promise

石川es6课程---12.Promise 一.总结一句话总结: 用同步的方式来书写异步代码,让异步书写变的特别简单用同步的方式来书写异步代码Promise 让异步操作写起来,像在写同步操作的流程,不必一层层地嵌套回调函数改善了可读性,对于多层嵌套的回调函数很方便充当异步操作与回调函数之间的中介,使得异步操作具备同步操作的接口 1.传统的异步写法? 嵌套操作 ajax('./banners',function(banner_data){ ajax('./hotItems',function(h…

石川es6课程---11、json

石川es6课程---11.json 一.总结一句话总结: ` 感觉更方便了一点,增加了一些简写 ` key-value 一样时可以简写:console.log({ a,b}}) ` 里面函数可以简写:console.log({ show(){ console.log('a') }}) 1.JSON 格式要求? - JSON 是 JS对象的严格子集 - 只能用双引号 - 所有的key都必须用双引号包起来二.json JSON 格式 JavaScript Object Notation 的缩写…

石川es6课程---9、面向对象-基础

石川es6课程---9.面向对象-基础一.总结一句话总结: js老版本的面向对象和继承都不是很方便,新版的面向对象向其它语言靠拢,有了class,extends,constructor等关键字,用法和其它语言(例如php)也很像了 class User { constructor(name, pass) { this.name = name this.pass = pass } showName() { console.log(this.name) } showPass() { consol…

石川es6课程---8、字符串

石川es6课程---8.字符串一.总结一句话总结: · es6字符串新增两个方法:startsWith(以什么开头),endsWith(以什么结尾) · 新增反单引号:可以解析变量,可以折行:let a = 12: let str1 = `asdf${a}`: 1.es6字符串新增两个方法:startsWith(以什么开头),endsWith(以什么结尾)实例? |||-begin var url = 'http://qq.com' |||-end console.log(url.start…

石川es6课程---7、数组

石川es6课程---7.数组一.总结一句话总结: ^ 主要就map(映射:一个对一个),reduce(汇总:一堆出来一个),filter 过滤器,forEach 循环(迭代) 四个方法 ^ 使用形式就是方法里面接匿名函数作为参数:例如let result = arr.map(function (item) { 二.数组 - map (映射:一个对一个) ``` [112,58,6,990] [及格,不及格,不及格,及格] let arr=[12,5,8] // let res=arr.ma…

石川es6课程---6、解构赋值

石川es6课程---6.解构赋值一.总结一句话总结: 结构相同一一对应的方式赋值:let [json, arr, num, str] = [{ a: 1, b: 2 }, [1, 2, 3], 8, 'str'] let [json, arr, num, str] = [{ a: 1, b: 2 }, [1, 2, 3], 8, 'str'] console.log(json, arr, num, str) 1.解构赋值注意点? 1.左右两边结构必须一样:let [a,b]={a:12,b:…

石川es6课程---5、函数-参数

石川es6课程---5.函数-参数一.总结一句话总结: ` 收集参数:收集剩余的参数,必须当到最后一个参数位置:function show(a, b, ...args) { ` 展开参数:展开数组,简写,效果和直接把数组的内容写在这儿一样:let arr3 = [...arr1, ...arr2] ` 默认参数:和习惯写法一样:function show2(a, b=5, c=8) { 1.es6中函数的参数收集实例? ` 收集参数:收集剩余的参数,必须当到最后一个参数位置:function…

石川es6课程---4、箭头函数

石川es6课程---4.箭头函数一.总结一句话总结: 相当于函数的简写,类似python lambda 函数,先了解即可 let show1 = function () { console.log('abc') } let show2 = () => { console.log('abc') } show1() // 调用函数 show2() 二.箭头函数箭头函数,就是函数的简写如果只有一个参数,()可以省如果只有一个return,{}可以省 // 普通函数 function name…

石川es6课程---3、变量let和常量const

石川es6课程---3.变量let和常量const 一.总结一句话总结: let非常好用,尤其是let的块级作用域可以解决之前要(function(){})()立刻执行函数做的块级作用域 1.js中var声明变量会伴随哪些问题? - 可以重复声明,没有报错和警告 - 无法限制修改(也就是没有常量的概念) - 没有块级作用域, { } 2.js中如何实现块级作用域? 函数:普通js只有函数才有作用域(function(){})()立刻执行函数 //普通js只有函数才有作用域(function()…

Vue+koa2开发一款全栈小程序(1.课程介绍+2.ES6入门）

1.课程介绍 1.课程概述 1.做什么? Vue+koa2开发一款全栈小程序 2.哪些功能? 个人中心.图书列表.图书详情.图书评论.个人评论列表 3.技术栈小程序.Vue.js.koa2.koa-router.mysql 2.课程亮点 1.项目前后端分离开发 Vue+koa2开发一款全栈小程序 2.完整流程,一步不少注册小程序账号,前后端开发,打包,正式上线 2.小程序环境搭建 1.后台地址: https://mp.weixin.qq.com/ 2.文档地址: https://develo…

ES6入门一：ES6简介及Babel转码器

ES6简介 Babel转码器 Nodejs中使用ES6 WebPack中使用ES6及Babel转码插件一.ES6简介与转码 1.1一个常见的问题,ECMAScript和JavaScript到底是什么关系? 1996年11月,JavaScript的创造者——Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望JavaScript这种语言能够成为国际标准. 1997年,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言…

React与ES6（四）ES6如何处理React mixins

React与ES6系列: React与ES6(一)开篇介绍 React和ES6(二)ES6的类和ES7的property initializer React与ES6(三)ES6类和方法绑定 React与ES6(四)ES6如何处理React mixins 在使用React.createClass()的时候你也许使用过一个所谓的mixin的东西.使用它,你可以给React组件天剑很多其他的功能.这个概念不止用在React上,也用在很多其他的编程语言或者框架上. 在ES6中不能够在使用React的mi…

React与ES6（三）ES6类和方法绑定

React与ES6系列: React与ES6(一)开篇介绍 React和ES6(二)ES6的类和ES7的property initializer React与ES6(三)ES6类和方法绑定 React与ES6(四)ES6如何处理React mixins 如果你看到前篇里CartItem的render方法里的这一句:{this.increaseQty.bind(this)}你可能会很意外为什么要bind. 如果把bind删掉的话会怎么样呢?会报错Uncaught TypeError: Cannot…

React和ES6（二）ES6的类和ES7的property initializer

React与ES6系列: React与ES6(一)开篇介绍 React和ES6(二)ES6的类和ES7的property initializer React与ES6(三)ES6类和方法绑定 React与ES6(四)ES6如何处理React mixins 前一篇的内容太简单了,会不会很失望.这次就来一个接近实际应用的例子,对应的React的组件也会更加复杂.这次开发一个购物车的页面.在这个页面中你会看到某个产品的信息,比如:图片.名称和价格.另外,一个用户可以增加和减少该商品的数量. 创建cart…

公共语言运行库(CLR)开发系列课程(1)：Pinvoke 简介学习笔记

前言让拖管代码对象和非托管对象协同工作的过程称为互用性(Interoperability),通常简称为 Interop. P/Invoke在托管代码与非托管代码交互式时产生一个事务(Transition),这通常发生在使用平台调用服务(Platfrom Invocation Services)即P/Invoke.允许托管代码调用平台(Platfrom)相关的非托管代码(c++.VB.Delphi....) Com Interop 一种服务,它使 .NET Framework 对象能够与 COM…

ES6 第七节 ES6中新增的数组知识（1）

目录 ES6 第七节 ES6中新增的数组知识(1) 第七节 ES6中新增的数组知识(1) JSON数组格式转换 Array.of()方法: find()实例方法: ES6 第七节 ES6中新增的数组知识(1) 第七节 ES6中新增的数组知识(1) JSON数组格式转换 JSON的数组格式就是为了前端快速的把JSON转换成数组的一种格式,我们先来看一下JSON的数组格式怎么写. let json = { '0': 'da0sy', '1': '黛西', '2': 'Coisini', length…

ES6 实战项目构建 ES6+glup+express

ES6推出已经有几个年头了,平时也有学过一些基本语法,无奈实践经验太少.而且前端早已脱离了刀耕火种的时代,一些自动化构建工具像gulp.webpack等也需要熟练掌握.最近刚签了三方,闲暇之余就找了个ES6实战视频系统学习了一下,然而,由于视频中用到的打包工具和编译工具版本不同,导致在按照视频进行项目构建时遇到了很多坑.在此写篇文章记录一下,边学习边填坑,希望帮助到一些人吧. 项目名称:ES6 彩票项目实战项目搭建环境:win10 任务自动化工具(gulp)后端(nodejs express框…

从零开始学 Web 之 ES6（四）ES6基础语法二

大家好,这里是「从零开始学 Web 系列教程」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.Promise…

从零开始学 Web 之 ES6（五）ES6基础语法三

大家好,这里是「从零开始学 Web 系列教程」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.Generat…

从零开始学 Web 之 ES6（六）ES6基础语法四

大家好,这里是「从零开始学 Web 系列教程」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.字符串的扩展…

[ES6] 01. Intro to ES6 and traceur compiler

---恢复内容开始--- ES6 is ECMAScript version 6, which JavaScript is based on. The next version of JavaScript is going to be based on version 6 of ECMAScript. Tracer is a way to compile that next version of JavaScript back into JavaScript of today, meaning…

Linux：课程安排、Linux简介、虚拟机安装、课前准备（常用设置和操作）

一.课程安排 1)Linux 的作用商业服务器基本上都是 Linux: 开源软件都先支持 Linux: 大数据分析.机器学习首先选 Linux: 整个互联网地基靠Linux撑起来: Linux 系统是通过命令行交互:通过命令行连接到远程主机上,进行软件安装.数据存储等: Windows 是靠可视化的窗口交互的: 2)课程内容 SSH:Linux 命令远程连接的工具:安装软件.存储数据时所用的工具: WebServer:网页服务器或者 web服务器:主要有两大分支:nginx.apache: 必…

开始学习es6(一) 搭建个es6的开发环境

1.开始学习es6 如果想在浏览器跑es6 需要给es6个环境因为一直用vue-cli全家桶这样虽然方便但如果用es6需要跑起个vue全家桶于是想到可以用gulp搭建个开发环境首先需要1. 安装 gulp-babel babel-preset-es2015 Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行. cnpm install --save-dev gulp-babel babel-preset-es2015 2.cnpm instal…

[ES6] Extends class in ES6 vs ES5 subclass

ES6 class with extends and super: class Tree { constructor(size = ', leaves = {spring: 'green', summer: 'green', fall: 'orange', winter: null}) { this.size = size; this.leaves = leaves; this.leafColor = null; } changeSeason(season) { this.leafColor =…

[ES6]react中使用es6语法

前言不论是React还是React-native,facebook官方都推荐使用ES6的语法,没在项目中使用过的话,突然转换过来会遇到一些问题,如果还没有时间系统的学习下ES6那么注意一些常见的写法暂时也就够用的,这会给我们的开发带来很大的便捷,你会体验到ES6语法的无比简洁.下面就介绍我在react和react-native中从ES5转到ES6中体会到的几个对比. ES6写组件的区别直接在React v0.13.0 Beta 1中一个官方的演示来说明: export class Count…

ES6系列-什么是ES6?新手应该怎么理解

ECMAScript 是什么很多初学者都很困惑,ECMAScript是什么?它跟JavaScript有什么关系? 大家注意到了吗?从题目中我们就可以看出来了,ECMAScript是JavaScript的组成部分,JavaScript没了它可是不行的. 咦?为什么没了它可不行,它有什么作用居然这么重要? 大家再回忆一下,平时我们写javascript代码的时候,用什么声明一个变量,没错,是用关键字:var,为什么是 var 而不是其他的单词?此外,为什么我们都用function关键字来声明一…