scss 用法的准备工作,下载 考拉 编译工具 且目录的名字一定不能出现中文,哪里都不能出现中文,否则就会报错 es6 用法 let 和 const  let  声明变量的方式 在 {} 代码块里面才有效:且在相同的代码块,不能声明两个相同的变量名,一旦出了这个{} 代码块 ,此变量无效 const 声明常量的方式 声明完毕后,我们不能轻易的更改声明的常量,(但不代表我们不能更改,只是更改,还不如不用他声明) 字符串介绍: 传统的字符串拼接的方式,麻烦且容易出错,所以我们的 es6 提供了一种新…

简单例子: //数组深拷贝 var arr2 = arr; var arr3 = [...arr]; console.log(arr===arr2); //true, 说明arr和arr2指向同一个数组 console.log(arr===arr3); //false, 说明arr3和arr指向不同数组 //把一个数组插入另一个数组字面量 var arr4 = [...arr, 4, 5, 6]; console.log(arr4);//[1, 2, 3, 4, 5, 6] //字符串转数组 v…

如何在浏览器中使用es6的语法呢? 方法一:引入文件相关js文件 <script src="traceur.js"></script> <script src="bootstrap.js"></script> //引导程序 --- 跟css的bootstrap无关 <script type="module"> //code 这里写你的代码 </script> 方法二: 在线编…

1,forEach循环   不能跳过或者终止循环 const a = ["a","ss","cc"] a.dd="11" a.forEach(index =>{ // if (index ==='ss') { // break; // } // 终止循环 如果终止循环会报错 console.log(index) }) // a ss cc 2,for in 循环   返回可枚举的属性 for(index in a){ c…

因业务需求,要在 vue2.0 的项目里使用富文本编辑器,经过调研多个编辑器,CKEditor5 支持 vue,遂采用.因 CKEditor5 文档比较少,此处记录下引用和一些基本用法. CKEditor5官网 https://ckeditor.com/docs/ckeditor5/latest/builds/guides/overview.html CKEditor5 引入 有四种编辑器可供下载,根据自己的需求选择,因为开发需求需要颜色笔,所以采用 Document editor. 如果之前有…

let和const命令 let命令 循环体的let变量只对花括号作用域可见,花括号外不可见 循环体的语句部分是一个父作用域,而循环体内部是一个单独的子作用域 let声明的变量不存在变量提升,未声明的使用会报错 只要块级作用域内存在let声明,它所声明的变量就绑定了这个区域,不再受外部的影响 let不允许在相同的作用域重复声明同一个变量,子父级作用域可以同名变量声明 const命令 const常量的值一旦声明就不得改变 const一旦声明变量,就必须立即初始化,不能留到以后赋值 const的作用域…

在ES5中,我们存在几个全局函数 isNaN函数,isFinite函数,parseInt函数,parseFloat函数等,对于这些全局函数的使用很简单,就拿isNaN函数来举例. ES5中的写法是: isNaN(2.5); //结果:false window.isNaN(2.5);//结果:false 以上两种写法均可,isNaN是全局函数,本身就是属于window对象下的一个方法,所以大部分人会使用第一种写法. 但是在ES6的标准中,isNaN方法被移植到了Number对象上,也就是原本属于全…

 一:Let和const (1)Let定义块级作用域的变量,var定义的变量会提升.Let不会提升. 如下.var可以先用,打印是undefined但是let在定义之前是不能用的. 会报错Uncaught ReferenceError: letter is not defined(…) console.log(color) console.log(letter) var color = 'red'; let letter = 'a' 只要块级作用域内存在let命令,声明的变量不受外部影响. va…

公共样式---pc版的404报错 动态src 这个是vue组件template部分 <div class="not-found"> <img :src="img" alt="404"> </div> <div>{{fish}}</div> script部分 import './404.css' //先引入less import img from './error-404.png' exp…

目录 1. 变量的定义 let const 2. 模版字符串 3. 数据解构 4. 函数扩展 设置默认值 箭头函数 5. 类的定义 class 6. 对象的单体模式 "@ ES6新增了关于变量的定义,函数扩展,数据结构,类,模块等概念,本文将详细介绍常用的ES6语法. *** 1. 变量的定义 let ES6中新增了let语法,用来声明变量,用法类似var. ==let定义的变量只在当前代码块内有效.== 如下示例: <script> if (true) { var username…

上一节和大家学习了字符串的扩展,这一节轮到了数值,我们一起来学习数值的扩展. 剧透一下,这一节并不会很烧脑,都是介绍类的知识讲解,理解性的东西不多,初学者们也可以愉快地看完. 传统的写法 在介绍数值的扩展之前我们来看看旧的规范和使用方式,有对比才能看出不同之处. 在ES5中,我们存在几个全局函数 isNaN函数,isFinite函数,parseInt函数,parseFloat函数等,对于这些全局函数的使用很简单,就拿isNaN函数来举例. ES5中的写法是: isNaN(2.5); //结果:f…

let和const命令 let命令 循环体的let变量只对花括号作用域可见,花括号外不可见 循环体的语句部分是一个父作用域,而循环体内部是一个单独的子作用域 let声明的变量不存在变量提升,未声明的使用会报错 只要块级作用域内存在let声明,它所声明的变量就绑定了这个区域,不再受外部的影响 let不允许在相同的作用域重复声明同一个变量,子父级作用域可以同名变量声明 const命令 const常量的值一旦声明就不得改变 const一旦声明变量,就必须立即初始化,不能留到以后赋值 const的作用域…

博客: 1.大牛博客:每一篇博客都需要仔细的看.http://blog.csdn.net/hongchh/article/details/54744318 2.layui:的作者 贤心的博客:http://sentsin.com/和 GIt仓库:https://github.com/sentsin 3.真的是我辈的楷模. http://sentsin.com/about.html 4. echarts2升级到echarts3  http://www.cnblogs.com/coding4/p/6…

ES5是2009年就出来的,目前来说在我写这篇文章的时候基本上ES6在浏览器上面还没有普及,不过Google浏览器是支持ES6语法的,谁让Google是美国生产的呢... ES6现在使用的地方其实还是很多的,前端脚手架工具基本上都是支持ES6语法的,他们内部都有一套解析ES6的引擎.如vue.angular.react等. 想要了解ES6,学习ES6用法,最好还是去看写手册,文章都是根据手册官网来写的.ES6手册是   http://es6.ruanyifeng.com/ 下面就看几个简单而实用…

安装和运行 官网下载安装包https://www.python.org/downloads/mac-osx/下载完直接安装即可 运行打开 terminal,输入命令 python,进入 python 环境(类似输入 node 进入 node 环境) 退出 python 环境 exit() >>> python Python (v2. , ::) [GCC (Apple Inc. build ) (dot )] on darwin Type "help", "…

vue-seamless-scroll A simple, Seamless scrolling for Vue.js 在awesome上一直没有发现vue的无缝滚动组件,在工作之余写了个组件,分享出来希望大家一起学习进步. Demo https://github.com/chenxuan0000/vue-seamless-scroll/index.html Installation NPM npm install vue-seamless-scroll --save Usage ES6 以下e…

let和const命令 let命令 循环体的let变量只对花括号作用域可见,花括号外不可见 循环体的语句部分是一个父作用域,而循环体内部是一个单独的子作用域 let声明的变量不存在变量提升,未声明的使用会报错 只要块级作用域内存在let声明,它所声明的变量就绑定了这个区域,不再受外部的影响 let不允许在相同的作用域重复声明同一个变量,子父级作用域可以同名变量声明 const命令 const常量的值一旦声明就不得改变 const一旦声明变量,就必须立即初始化,不能留到以后赋值 const的作用域…

1.前端/react概述 <从零react> 1.前端工 程概述 Web跨平台.跨浏览 器的应用开发场景 网页浏览器(Web Browser) 通过 CLI 指令去操作的 Headless 浏览器(Headless Application) 如:phantomJS.CasperJS 等 运作在 WebView 浏览器核心 (WebView Application)的应用 如:Apache Cordova.Electron.NW.js 等行动.桌面应用程序开发 原生应用程序(Native App…

❗❗ 必看经验 在博主刷题期间,基本上是碰到一道二叉树就不会碰到一道就不会,有时候一个下午都在搞一道题,看别人解题思路就算能看懂,自己写就呵呵了.一气之下不刷了,改而先去把二叉树的基础算法给搞搞懂,然后又去把剑指offer里所有关于二叉树的题目挑了出来做,越不会就越把自己往奔溃的边缘虐.还别说,这一搞,神清气爽.也怪之前什么基础准备都没有就直接去题库里挑战题目了. 在这里想说的是,在刷题之前一定得先有自己的知识储备,比如说最起初的数据结构总得会吧,或者说基础的数据结构里都有些啥啥时重点之类的.别…

一.什么是反射机制 反射机制是在编译阶段不知道是哪个类被加载,而是在运行的时候才加载.执行. 也就是说,反射机制指的是程序在运行时能够获取自身的信息. js 中的 apply 就是反射机制. 二.Reflect 1.Reflect 定义 Reflect 是一个内建的对象,用来提供方法去拦截 JavaScript 的操作. Reflect 不是一个函数对象,所以它是不可构造的,也就是说它不是一个构造器,不能通过 new 操作符去新建或者将其作为一个函数去调用 Reflect 对象. Reflect…

Promise 对象就是用于表示一个异步操作的最终状态(成功或失败).它的流程就是在什么状态下需要执行什么样的操作. resolve简单理解就是一步操作执行成功后的回调函数 then是Promise对象上的一个方法,它最多需要有两个参数:表示异步操作执行后的回调函数(其实就是resolve和reject回调函数). //传统的回调方法 用于请求数据(模拟) function f(cb){ setTimeout(function(){ // 如果不这样写,调用f函数时,没有传递参数,执行cb()这…

ES6之前以前出现了js模块加载的方案,最主要的是CommonJS和AMD规范.commonjs前者主要应用于服务器,实现同步加载,如nodejs.AMD规范应用于浏览器,如requirejs,为异步加载.同时还有CMD规范,为同步加载方案如seaJS. ES6在语言规格的层面上,实现了模块功能,而且实现得相当简单,完全可以取代现有的CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案. ES6模块主要有两个功能:export和import export用于对外输出本模块(一个文件…

转: ES6异步编程: co函数库的含义与用法 co 函数库是著名程序员 TJ Holowaychuk 于2013年6月发布的一个小工具,用于 Generator 函数的自动执行. 比如,有一个 Generator 函数,用于依次读取两个文件. var gen = function* (){ var f1 = yield readFile('./foo.txt'); var f2 = yield readFile('./bar.txt'); console.log(f1.toString());…

转: ES6异步编程:Thunk函数的含义与用法 参数的求值策略 Thunk函数早在上个世纪60年代就诞生了. 那时,编程语言刚刚起步,计算机学家还在研究,编译器怎么写比较好.一个争论的焦点是"求值策略",即函数的参数到底应该何时求值. var x = 1; function f(m){ return m * 2; } f(x+5); 上面代码先定义函数 f,然后向它传入表达式 x + 5 .请问,这个表达式应该何时求值? 一种意见是"传值调用"(call by v…

转: ES6异步编程:Generator 函数的含义与用法 异步编程对 JavaScript 语言太重要.JavaScript 只有一根线程,如果没有异步编程,根本没法用,非卡死不可. 以前,异步编程的方法,大概有下面四种. 回调函数 事件监听 发布/订阅 kk:dom的事件监听也是一种发布/订阅模式吧,似乎没什么区别 Promise ECMAScript 6 (简称 ES6 )作为下一代 JavaScript 语言,将 JavaScript 异步编程带入了一个全新的阶段.这组系列文章的主题,就…

 Promise是什么??    打印出来看看  console.dir(Promise) 这么一看就明白了,Promise是一个构造函数,自己身上有all.reject.resolve这几个眼熟的方法,原型上有then.catch等同样很眼熟的方法.这么说用Promise new出来的对象肯定就有then.catch方法喽,没错.   那就new一个玩玩吧. var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(…

Promise是一个构造函数,自己身上有all.reject.resolve这几个眼熟的方法,原型上有then.catch等同样很眼熟的方法. 那就new一个 var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('执行完成'); resolve('随便什么数据'); }, 2000); }); Promise的构造函数接收一个参数,是函数,并且传入两个参数:reso…

ES6为Array增加了from函数用来将其他对象转换成数组. 当然,其他对象也是有要求,也不是所有的,可以将两种对象转换成数组. 1.部署了Iterator(迭代器)接口的对象,比如:Set,Map,Array. 2.类数组对象,什么叫类数组对象,就是一个对象必须有length属性,没有length,转出来的就是空数组. 具体用法 Array.from可以接受三个参数 我们看定义:Array.from(arrayLike [, mapFn [, thisArg]]) arrayLike:被转换…

所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果. ES6 规定,Promise对象是一个构造函数,用来生成Promise实例. 下面代码创造了一个Promise实例. const promise = new Promise(function(resolve, reject) { // ... some code if (/* 异步操作成功 */){ resolve(value); } else { reject(error); } }); P…

Promise是一个构造函数,自己身上有all.reject.resolve这几个眼熟的方法,原型上有then.catch等同样很眼熟的方法. 那就new一个 var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('执行完成'); resolve('随便什么数据'); }, 2000); }); Promise的构造函数接收一个参数,是函数,并且传入两个参数:reso…