前端开发 - ES5 / ES6 / ES7
文章平均质量分 65
Hayley2016
微信【H19950211H】
2018.08.20学习计划:
《带你学习Jade模板引擎》
《所向披靡的响应式开发》
《Vue+Webpack打造todo应用》
《Vue核心技术Vue+Vue-Router+Vuex+SSR实战精讲》
2018.12.18学习计划:
《全面系统讲解CSS工作应用+面试一步搞定》
《Node.js七天搞定微信公众号》
展开
-
ES6中 import、 export default 和 export 的用法和区别
ES6实现了模块功能export和import在ES6出现之前,已经出现了解决js模块加载的方案,最主要的是CommonJS和AMD规范。CommonJS主要应用于服务器,实现同步加载,如nodejs。AMD规范应用于浏览器,如requirejs,为异步加载。同时还有CMD规范,为同步加载方案如seaJS。ES6在语言规格的层面上,实现了模块功能,而且实现得相当简单,完全可以取代现有的Co...原创 2018-07-03 12:30:43 · 3069 阅读 · 0 评论 -
Babel编译报错:var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
场景:Babel 打包编译带有 async 语法的代码,打包编译之后的代码无法运行。报错: 运行打包之后的代码,报错如下var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() { ...原创 2019-05-27 15:54:07 · 4731 阅读 · 1 评论 -
JavaScript中 polyfill 和 shim 的区别和联系
polyfill是什么?Polyfill是用在浏览器API上的shim。我们通常的做法是先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill。这样新旧浏览器就都可以使用相同的API了。把旧的浏览器想象成为一面有了裂缝的墙,这些polyfill(腻子)会帮助我们把这面墙的裂缝抹平。polyfill 是 shim 的一种。一个polyfill可以是一段代码(或者插件)...原创 2019-05-07 16:12:36 · 353 阅读 · 0 评论 -
如何处理兼容性及在多个设备上进行调试
桌面端浏览器调试方法通常只需要在Google、Firefox、Opera、Safari、IE五大主流浏览器进行测试。移动端浏览器调试方法移动端浏览器调试的最好方法是真机测试,因为很多手机生产厂家会根据原生的安卓系统开发自己的操作系统,在没有真机测试的情况下会出现很多意想不到的兼容性问题。对于纠结需要进行哪些真机测试的问题,我们可以根据手机设备活跃度选择活跃度较高的主流设备进行测试。...原创 2018-07-10 14:54:03 · 768 阅读 · 0 评论 -
ES6箭头函数,关于this指向的案例
ES6箭头函数,关于this指向的案例const arrow = { say: function () { setTimeout(function () { console.log(this) }, 50) }, sayWithThis: function () { const that = t...原创 2019-05-09 09:45:28 · 249 阅读 · 0 评论 -
JavaScript中apply()和call()的区别和应用
JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法,这两个方法能够改变函数体内部 this 的指向。例如,fun1.call()或者fun1.apply() 都是为了改变fun1函数内部的this指向。二者的作用完全一样,只是接受参数的方式不太一样。func.apply(thisArg, [argsArray])func.call...原创 2019-05-06 17:07:03 · 1517 阅读 · 0 评论 -
正确使用箭头函数——什么时候不该用ES6箭头函数
正确使用箭头函数——什么时候不该用ES6箭头函数原文地址:https://segmentfault.com/a/1190000007074846与君共勉:再牛逼的梦想,也抵不住傻逼般的坚持!...转载 2019-05-08 16:34:54 · 6575 阅读 · 4 评论 -
JavaScript发展这些年,关于异步场景解决方案的变化
JavaScript关于异步场景解决方案发展历程:回调函数 =>Promise =>Generator生成器函数 =>async函数。以文件读取示例:阶段1,回调函数const fs = require('fs')const path = './package.json'const readFile = (path, cb) => { f...原创 2019-05-08 16:30:27 · 255 阅读 · 0 评论 -
理解 ES7 之 async + await 同步 / 异步方案 以及 async / await 的前世今生
未完待续原创 2018-07-04 15:08:11 · 1101 阅读 · 0 评论 -
ajax、axios、fetch之间的区别与联系
整理ajax、axios、fetch优缺点简单总结JavaScript是一门前端语言 AJAX是一门技术,它提供了异步更新的机制,使客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新。 jQuery是一个框架,它对JavaScript进行了封装,使得JavaScript更加方便使用。jQuery使得JavaScript和AJAX的使用更加方便。AJAXhttps://w...原创 2018-12-20 15:21:49 · 570 阅读 · 0 评论 -
概述ES5和ES6中面向对象的实现方法
大部分前端开发是做一些交互处理, 基本是面向过程的, 一溜烟的写下去, 但是在游戏开发和插件编写的时候是需要运用面向对象的思想实现的。接下来,就简单介绍一下ES5和ES6中面向对象的实现方法。写在前面——声明函数function的方式、‘use strict’声明函数function时有两种方式:方式一:函数声明function fn2 {}函数声明 是Google不推荐的写...原创 2018-07-04 14:55:37 · 928 阅读 · 0 评论 -
ES6新特性箭头函数语法、如何正确使用箭头函数
ES6标准新增了一种新的函数:Arrow Function(箭头函数)。基础语法通常函数的定义方法var fn1 = function(a, b) { return a + b}function fn2(a, b) { return a + b}使用ES6箭头函数语法定义函数,将原函数的“function”关键字和函数名都删掉,并使用“=>”连接参数...原创 2018-07-03 13:45:49 · 85841 阅读 · 8 评论 -
module.exports、exports、export default、export、require、import
在es5中,用 module.exports 和 exports 导出模块,用 require 导入模块。在es6中,新增 export default 和 export 导出模块,用 import 导入模块。一般的,module.exports 和 exports 与 require 对应。export default和 export 与 import 对应。也就是说,用 m...原创 2019-05-27 11:37:20 · 651 阅读 · 0 评论