学习es6笔记

来源:互联网 发布:js push pop 编辑:程序博客网 时间:2024/06/05 16:57

学习目标:

es6箭头函数node性能vueVuex 手机端适配

什么是babel?

Babel:转码器,在搭建vue环境的时候vue-cli就顺带安装好了,一般不需要我们自己配置。在webpack的时候会自动转码。

es6的兼容性?

目前大部分浏览器已经支持es6暂时还没有遇到坑知乎神回复:babel可以编译es6  webstrom可以简单配置就自动编译  当然也是基于babel在用react的时候使用webpack 作为打包工具的时候也用babel-loader编译打包   使用不用担心兼容性问题   工具可以解决

es6的箭头函数

this的问题?   用vue2.0在请求接口的时候使用axios,this是没有问题   用rn在请求接口的时候用的fetch,this就有问题了。使用箭头函数  就解决了

rest参数和arguments区别
可参考:http://blog.csdn.net/blog_szhao/article/details/51803427

arguments就是 fn(xx,xxx,xxx,,xxx,xxx)()的中的参数,类似数组rest参数是接收函数的多余参数,组成一个数组,形式如下:function func(a, b, ...theArgs) {    // ...}

webpack?如何使用webpack?
可以参考:https://www.cnblogs.com/-walker/p/6056529.html

WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。因为我们公司开发项目都是使用框架,具体用的哪个框架,如果打包。百度一下就可以了。

自动化构建工具?Gulp和webpack的区别?
可参考:http://blog.csdn.net/xllily_11/article/details/51782005

gulp和grunt都属于自动化构建工具,但是我个人并没有用过。所以暂时不做笔记。一般情况下:使用了webpack就不需要使用gulp了(群里面问的,因为我也没用过gulp)。

性能优化?
前端的性能优化都有哪些东西?
http://www.jianshu.com/p/ce90a60a0a77
web前端性能优化
https://www.cnblogs.com/eye-color/p/6893462.html

原创粉丝点击