ES6
vues
这个作者很懒,什么都没留下…
展开
-
css3中的动画
CSS3 动画通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。CSS3 动画CSS3 @keyframes 规则如需在 CSS3 中创建动画,您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。浏览器支持Chrome 和 Safari 需要前缀 -webkit-。Internet Explore原创 2020-06-01 00:00:56 · 111 阅读 · 0 评论 -
用纯css判断鼠标进入的方向
在之前某一个前端技术群里,有一个群友说他面试的时候遇到了一个问题,就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。给出的初始结构如下:<style>body { padding: 2em; text-align: center;}.block { position: relative; display: inline-block; width: 10em; height: 10em; vertical-ali原创 2020-05-31 23:57:56 · 741 阅读 · 0 评论 -
mint-ui的navbar怎么获取当前的点击项
mint-ui的navbar怎么获取当前的点击项,我想实现的是,用户点击不同的tab发送请求,请求不同的数据,之前使用element-ui中tabs,提供了一个点击事件获取当前点击项,我看mint-ui的文档中没有具体说明,只说有一个value,但是这个value怎么获取。解决方案:<mt-navbar v-model='currentTab' @click.activ...原创 2020-05-04 18:58:19 · 589 阅读 · 0 评论 -
让网站一键变成灰
深切哀悼,默哀致敬烈士,让网站一键变灰。<style>html{filter: grayscale(100%); -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: url("d...原创 2020-04-04 00:21:24 · 1266 阅读 · 0 评论 -
es6中的Array.from() 用法
任何一种编程语言都具有超出基本用法的功能,它得益于成功的设计和试图去解决广泛问题。JavaScript中有一个这样的函数:Array.from:允许在JavaScript集合(如: 数组、类数组对象、或者是字符串、map、set等可迭代对象) 上进行有用的转换。在本文中,我将描述5个有用且有趣的Array.from()用例。1. 介绍在开始之前,我们先回想一下Ar...原创 2020-03-29 00:01:37 · 1193 阅读 · 0 评论 -
Javascript三个点数组参数rest和spread操作符
ECMAScript 6引入三个点“...”语法用来分别代表一个数组参数列表。rest操作符主要用于获得传递给函数的参数列表,案例代码:functioncountArguments(...args) { returnargs.length;}// 获得参数的数量countArguments('welcome', 'to', 'Earth');// => 3 下面是...原创 2020-03-21 00:51:40 · 536 阅读 · 0 评论 -
ES6和ES5语法区别(Reflect对象和Object对象 )
一、概述1、Reflect对象与Proxy对象一样,也是 ES6 为了操作对象而提供的新 API。现阶段,某些方法同时在Object和Reflect对象上部署,未来的新方法将只部署在Reflect对象上。也就是说,从Reflect对象上可以拿到语言内部的方法。//ES5写法try{ Object.defineProperty(target,property,attributes)...原创 2020-03-14 16:09:00 · 598 阅读 · 0 评论 -
ES6中的第7种数据类型:Symbol
Symbol概述 Symbol.prototype.description 作为属性名的 Symbol 实例:消除魔术字符串 属性名的遍历 Symbol.for(),Symbol.keyFor() 实例:模块的 Singleton 模式 内置的 Symbol 值概述ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加...原创 2019-08-12 15:09:08 · 468 阅读 · 0 评论 -
ES6/7/8最全面的总结
一、ECMAScript 6/7/8简介ECMAScript 6.0,简称ES6,第一个版本是在2015年6月进行发布,所以也称之为《ECMAScript 2015 标准》(简称 ES2015)。JavaScript是ECMAScript的一种实现(分支),遵循ECMAScript标准的。目前主流浏览器已经可以完美兼容和使用ES6。ES7/8部分新特性也已经被用于我们的实际开发中。本篇...原创 2019-07-07 09:20:22 · 1408 阅读 · 0 评论 -
E6转化成ES5/ES3
前言在ES6代码和语法糖满天飞的时候,却因为浏览器兼容问题而不敢使用。现在我介绍2种方法来转换ES6。babel脚本转换和在线转换。babel脚本转换介绍Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而能在先有环境下使用。使用到的插件介绍:插件名 描述babel-cli Babel 的 CLI 是一种在命令行下使用 Babel 编译文件的简...原创 2019-06-19 11:16:25 · 880 阅读 · 0 评论