
|--JS | ES6 | TS
文章平均质量分 70
Holmofy
奋斗中的小菜鸟
展开
-
ES6学习笔记-var,let,const
var,let和constES6新增了let关键字用于声明变量,用法上和var类似,这里列举一些两者的区别。let与var区别let声明的变量只在它所在的代码块内有效:因为上面的特性,所以let很适合在for循环中做计数器:var声明的变量会被挂在到全局的window上,而let并不会:let不允许在同一个作用域内对同一个变量重复声明:let不存在变量提...原创 2018-03-14 10:09:49 · 458 阅读 · 0 评论 -
ES6学习笔记-解构赋值
解构赋值解构赋值可以将数组中的元素或对象中的属性赋值给指定的变量。1. 数组解构1.1 基本用法var a, b, rest;// 数组解构[a, b] = [10, 20];console.log(a); // 10console.log(b); // 20// 变参解构[a, b, ...rest] = [10, 20, 30, 40, 50];co...原创 2018-03-14 13:30:08 · 472 阅读 · 0 评论 -
ES6语法学习-JS中的lambda:箭头函数
1. 最基本的写法使用=>操作符,简化匿名函数的定义(param1,param2,...,paramN) => { // 函数体}// 参数列表与箭头符号不能换行var func = () => 1;// SyntaxError: expected expression, got '=>'// 注意解析的优先级let c...原创 2018-03-14 14:50:33 · 3482 阅读 · 0 评论 -
ES6学习笔记-OOP面向对象编程
ES5中使用构造函数定义类ES6之前定义一个类,都是通过定义构造函数实现:function Rectangle(x,y){ this.x = x; this.y = y;}Rectangle.prototype.area = function(){ return x * y;}console.log(new Rectangle(1, 2));// Rectangl...原创 2018-03-15 17:58:33 · 863 阅读 · 0 评论 -
Babel入门教程
babel有什么用ES6标准从ES2015制定开始已经有几个年头了,虽然各大浏览器最新版都在极力地实现标准,但并不是所有人都会用最新版本的浏览器,特别是天朝像某狗某游这样的二次包装的浏览器,使用别人的内核而且版本更新又比较慢,导致新标准不能及时地在浏览器端使用。Babel就是用来解决这个问题的:将ES6的代码转换成ES5的代码,从而在现有的环境中运行,让我们能用下一代JS编写前端代码。...原创 2018-03-16 01:24:35 · 1676 阅读 · 0 评论 -
React入门学习笔记
React介绍谷歌大法,一搜一大把React环境安装安装react,react-dom模块:cnpm install react react-dom --save因为react中使用了JSX语法,所以需要babel进行转换:cnpm install babel-preset-react babel-core --save-dev如果项目使用ES6语法,还需要...原创 2018-03-16 19:18:09 · 370 阅读 · 0 评论 -
Javaer眼中的JS
把之前写的笔记整理了一下,重新拾起JS基本数据类型 JS Java number double boolean boolean string String null(Object类型的null引用) null undefined(未定义类型) null Symbol(ES6标准新增类型) en...原创 2018-03-16 23:17:30 · 516 阅读 · 1 评论 -
对单页面应用与Router的一些思考
昨晚鑫哥到我宿舍聊天,聊了很多,从各自公司用的技术到杭州和深圳的房价,从后端技术到前端技术,一直聊到凌晨一点多,直到鑫哥被室友“驱逐”出去。中间有一段聊到公司用到的React,提到了单页面应用和Router,觉得思路很好有必要写个笔记记下来。最开始的网页早期的网页都是一个个独立的html页面,通过a标签从这个页面跳转到另外一个页面。但是同一个网站中的两个页面很多内容都是相同的,比如页头...原创 2018-04-27 14:24:53 · 1712 阅读 · 0 评论