es6
关注
分享
扫一扫
文章平均质量分 91
开心大表哥
高级前端开发进阶版
展开
-
Set Map Array Object互转 weekSet weekMap iterator是什么 有什么用 区别是什么 会使用吗 entries fromEntries
// Object.entries() 获取对象的键值对// Object.fromEntries把键值对列表转换成对象// Object.entries和Object.fromEntries之间是可逆的// Set和Map的entries()返回iterator对象// Object转Maplet obj = {foo:'hello', bar: 100};let map = new Map(Object.entries(obj));console.log(map); // Map(2).原创 2022-04-18 15:41:35 · 822 阅读 · 0 评论 -
全栈式开发,前端工程化,以nodejs,eggjs为服务器语言,mysql为数据库,vue,vuex,wangeditor,i18n,webpack前端架构服务器端渲染ssr支持seo的博客网站
前言下面介绍本人开发的个人博客，希望通过开源的方式一起学习和进步！1. 背景该项目为一个学习型的博客网站案例，毕竟每个it工程师都想有一个自己的博客嘛，适合初中级前端工程师；项目已经部署在阿里云上，已经比较完整了，本地下载代码和安装好对应的环境，运行即可以获得线上的效果。由于项目涉及到服务器端而且用了数据库作为存储工具，架构用了eggjs和easywebpack所以首次运行的步骤比较繁琐，还...原创 2019-05-29 19:35:20 · 804 阅读 · 3 评论 -
ES6中class的getter和setter在继承中踩坑
在 Class 内部可以使用get和set关键字， 对某个属性设置存值函数和取值函数， 拦截该属性的存取行为。在 Class 内部的get、set用法，看起来比较舒服，而且可以写同名函数了。class MyClass { constructor() {} get prop() { return 'getter'; } set prop(value) { console.log(...原创 2018-09-19 15:19:45 · 6564 阅读 · 1 评论 -
css3鼠标点击出现波浪动态效果案例现场
(function() { let x, y; let index = 0; let screenSizeWidth = (′body′).width();letscreenSizeHeight=(′body′).width();letscre...原创 2018-09-13 10:51:50 · 4128 阅读 · 6 评论 -
用benchmark测试es6的extends属性的性能
用benchmark测试es6的extends属性的性能新建一个文件叫classExtend.js放以下代码：'use strict';const Benchmark = require('benchmark');const benchmarks = require('beautify-benchmark');const suite = new Benchmark.Suite();...原创 2018-08-27 22:26:43 · 495 阅读 · 1 评论 -
微信小程序开发之wepy框架
wepy是由腾讯团队推出的小程序组件化开发框架，为什么一开始推出的时候不直接用这一套！？官网地址 WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions的引入都是为了能让开发小程序项目变得更加简单，高效。 特性： 类Vue开发风格 支持自定义组件开发 支持引入NPM包 ...原创 2018-06-19 20:11:01 · 7472 阅读 · 1 评论 -
es6 promise对象常用案例
ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。//创造一个Promise实例const promise = new Promise(function(resolve, reject) { // ... some code if (/* 异步操作成功 */){ resolve(value); } else { reject(error...原创 2018-05-05 23:41:06 · 595 阅读 · 0 评论 -
ES6的Object.is()超越ES5 比较两个值是否相等
ES5 比较两个值是否相等，只有两个运算符：相等运算符（==）和严格相等运算符（===）。它们都有缺点，前者会自动转换数据类型，后者的NaN不等于自身，以及+0等于-0。JavaScript 缺乏一种运算，在所有环境中，只要两个值是一样的，它们就应该相等。<script> var a=1,b='1'; console.log(a==b)//true co...原创 2018-02-24 11:48:35 · 2666 阅读 · 0 评论 -
es6对象的解构赋值和对象的拓展
ES6 允许在对象之中，直接写变量。这时，属性名为变量名, 属性值为变量的值。<html> <body> <script> function getPoint() { const x = 1; let y = 10; y +...原创 2018-02-24 11:06:44 · 730 阅读 · 0 评论 -
es6参考了Airbnb 公司的 JavaScript 风格规范
1.let 取代 var; 2.在let和const之间，建议优先使用const，尤其是在全局环境，不应该设置变量，只应设置常量; 3.静态字符串一律使用单引号或反引号，不使用双引号。动态字符串使用反引号; 4.使用数组成员对变量赋值时，优先使用解构赋值; 5.单行定义的对象，最后一个成员不以逗号结尾。多行定义的对象，最后一个成员以逗号结尾; 6.使用扩展运算符（…）拷贝数组;使用 Ar...原创 2018-03-01 17:02:44 · 875 阅读 · 0 评论 -
es6 promise对象回调处理详解
在JavaScript的世界中，所有代码都是单线程执行的。 由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。 通常我们用得较多的是setTimeout来做一个回调，但本文说得是Promise这个高大尚的es6新对象, 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个...原创 2018-03-09 10:48:24 · 3261 阅读 · 0 评论