babel6 入门-配置安装使用

babel6 入门 什么是babel Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 因为es6比es5的代码更为适合编写程序,但是因为历史的原因,现在普遍的浏览器并不支持es6代码(普遍支持es5),即如果你写es6代码之后,在浏览器上运行出错,因为浏览器的javascript解析器无法解析es6代码 配置好webstorm的es6语法支持 因为默认web […]


input标签总结

1. input标签所有type 1.1 常用 类型 说明 text 文本 password 密码 radio 单选 checkbox 多选 file 文件选择器 button 普通按钮 submit 提交 reset 重置 hidden 传隐藏值 image 图片 1.2 日期时间(html5) 类型 说明 date 定义日期字段(带有 calendar 控件) datetime 定义日期字段( […]


原型链、继承 和 instanceof

原型链、继承 和 instanceof 参考:MDN:instanceofMDN:Inheritance and the prototype chain理解JavaScript的原型链和继承 new实现了什么操作 new的过程发生了什么? function A(name){ this.name = name } var a = new A(‘hehe’) // var a = new A(‘heh […]


文章分享(持续更新)

文章分享(持续更新) 更多资源请Star:https://github.com/maidishike… 文章转自:https://github.com/maidishike… 一、前端文章 基础篇(html,css,js) 前端基础进阶(一):内存空间详细图解 http://www.jianshu.com/p/9966… 前端基础进阶(二):执行上下文详细图解 […]


通俗的方式理解RxJS

通俗的方式理解Rx.js 序言 今早看民工叔的文章的时候, 发现对Rxjs所知甚少, 于是去官方看了下教程, 整理出一些东西, 写成此文。Rxjs据说会在2017年流行起来, 因为其处理异步逻辑,数据流, 事件非常擅长。 但是其学习曲线相比Promise, EventEmitter陡峭了不少。 而且民工叔也说:”由于RxJS的抽象程度很高,所以,可以用很简短代码表达很复杂的含义,这对开 […]


javascript 异步加载

javascript 异步加载 背景:公司使用新的统计埋点,由于弹层出现地方较多,新埋点方法未能及时压入common.js 所以需要自己引入阿里云上的埋点文件 问题1:在代码里输入 <script src=”xxxx/xx.js”></script>` 后台直出到页面上==script==并未去请求js,导致代码报错 问题2:动态==异步==添加到dom中 由于是 异步的 […]


函数变量提升顺序

今天去面试有一个题目答错了 var getName = function() { alert(1); }; function getName() { alert(2); } getName(); 我答alert(1)——是不可能滴,我答错了回答alert(2), 我以为相当于重复定义一个函数,第二个覆盖第一个,结果大错特错。我回来实验,alert(1)。我想应该是变量提升(hosting)吧,实际 […]


一个简单的选项卡js插件

估计大概两三个月没有这类的关于前端的文章了,一来是觉得自己太菜,二来也是因为自己的懒散,浑浑噩噩的消耗时间却没有收获什么成果。今天因为和一些同学的聊天,突然自己的心情很低落,有一种看不到未来在哪的感觉,所以强行让自己学习,去看js插件怎么写。今天写一个简单的选项卡插件,这个我也是看别人博文学习实现的,然后加一些自己的理解。 一.实现效果 虽说有点简陋,但是可以看到在html文件中,引入我们写的ta […]


JavaScript DOM小结

DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口)。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。 熟悉DOM对一个前端开发人员尤其重要,因此我根据红宝书也就是JavaScript高级程序设计制作成一个思维导图。可能会有一些漏点或者缺点,请您指出。 若图片不够清晰,需要高清大图,请联系我


通过对象字面量和构造函数创建对象的区别:

通过对象字面量方式创建对象: 我们可以直接在创建对象的时候添加功能 var person = { name : ‘zqq’, age : 28, say : function(){ return “hello”; } }; 或者 首先定义一个”空对象”,然后添加属性和方法 var person = {}; person.name = ‘zqq'; person.age = […]