webstorm中配置ES6语法

1.npm 安装babel (全局安装) npm install -g babel-cli 2.npm安装babel的preset(文件夹下) npm install --save-dev babel-preset-es2015 3.工程路径新建.babelrc文件,内容如下: { "presets ... »

promise 基础学习

`Promise Promise/A++` 规范,它抽象了异步处理的模式,是一个在JavaScript中实现异步执行的对象。 按照字面释意 具有“承诺”的含义,它承诺当异步处理完成后,回馈一个结果给你!或者你可以将其认为是一个状态机,一旦状态发生了改变,便会触发对应的行为。 最早出现于E语言中(一种 ... »

自制 h5 音乐播放器 可搜索

闲言碎语: 有好几天没有发表博客了,这也是因为一直开发音乐和完善我的博客项目,好不容易抽出时间总结一下这几天所做的东西,笔试又不断通知,实则匆忙 今天难得逃了一次课,就趁这时间,该写写就写写吧~~ 进入正题:Lily_music 本次开发,参照本人之前所做的 乐诗博客(文末会说到)的相关播放控制等功 ... »

ES6 中 Promise 详解

Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。 Promise对象有以下两个特点: (1)对象的状态不受 ... »

深入理解ES6之—对象

Object新方法 Object.is()方法 在js中比较两个值时,你可能会用相等运算符==或者严格相等运算符 ===。为了避免在比较时发生强制类型转换,许多开发者更倾向于使用后者。 Object.is()接受两个参数,并且会在二者的值相等时返回true,此时要求二者的数据类型相同并且值也相等。 ... »

Vue脚手架(vue-cli)安装总结

单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 提供一个官方命令行工具,可用于快速搭建大型单页应用(SPA)。该工具为现代化的前端开发工作流提供了开箱即用 ... »

Vue的生命周期

1.1、实例生命周期 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到 DOM、在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,给予用户机会在一些特定的场景下添加他们自己的代码。比如 created 钩子可以用来在 ... »

fetch()函数使用的一些技巧

最近项目用到了一些es6的知识,其中大篇幅在vue框架中使用了fetch()函数,总结了一些使用的技巧: 一, 1,POST带参数)fetch提交json格式的数据到服务器: 3,POST带参数)提交正常表单formData格式的数据到服务器: 提交格式为: 1 <form action="。。。u ... »

图片上传时获取图片的宽和高

经常会遇到图片上传的问题,这时候我们会传图片的地址,宽和高到服务器,至于图片上传就不说了,这里主要说图片上传时获取图片的原始宽和高的问题。 一般而言,我们把图片上传至服务器时,服务器会返回一个上传地址给我们,这个就是我们图片的url了,但是光有这个还是不够的,因为还要将图片的宽和高传给服务器,这时候 ... »

深入理解ES6之—数据解构

一 对象解构 对象解构语法在赋值语句的左侧使用了对象字面量 type与name标识符既声明了本地变量,也读取了对象的相应属性值。 解构赋值表达式的值为表达式右侧的值。当解构表达式的右侧的计算结果为null或者undefined时,会抛出错误。 默认值 当你使用解构赋值语句时,如果所指定的本地变量在对 ... »

深入理解ES6之—增强的数组功能

创建数组 Array.of()方法 ES6为数组新增创建方法的目的之一,是帮助开发者在使用Array构造器时避开js语言的一个怪异点。Array.of()方法总会创建一个包含所有传入参数的数组,而不管参数的数量与类型。 在使用Array.of()方法创建数组时,只需将想要包含在数组内的值作为参数传入 ... »

ES6模块化

关于ES6模块化 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任 ... »

深入理解ES6之——JS类的相关知识

基本的类声明 类声明以class关键字开始,其后是类的名称;剩余部分的语法看起来像对象字面量中的方法简写,并且在方法之间不需要使用逗号。 构造器最大的用处就是在创建对象时执行初始化,当创建一个对象时,系统会为这个对象的实例进行默认的初始化。如果想改变这种默认的初始化,就可以通过自定义构造器来实现。 ... »

for-of循环

是的,与之前的内建方法相比,这种循环方式看起来是否有些眼熟?那好,我们将要探究一下for-of循环的外表下隐藏着哪些强大的功能。现在,只需记住: 这是最简洁、最直接的遍历数组元素的语法 这个方法避开了for-in循环的所有缺陷 与forEach()不同的是,它可以正确响应break、continue ... »