js基础-需要注意的地方

---因为跟别的语言很像,所以只记录要注意的地方 1.== 和 === 的区别 ===要求类型也相等 "5"==5 = ture "5"===5 = false 2.数字和字符串相加都被转成字符串 5+"5"=55 相减都转成数字 "101"-"10"=91 3.函数 function functionname(a,b) { 执行代码 return a; } 4.异常捕获 try { …

是时候写一写 "继承"了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是继承其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承描述了一种代码的组织结构形式.举个例子:"汽车"可以被看作是"交通工具"的一种特例.我们可以定义一个 Vehicle 类和一个 Car 类来对这种关系进行描述.Vehicle 的定义可能包含引擎.载人能力等,也就是所有交通工具,比如飞机.火车和汽车等都有的通用的功能描述.在对 Car 类进行定义的…

js基础进阶--关于Array.prototype.slice.call(arguments) 的思考

欢迎访问我的个人博客:http://www.xiaolongwu.cn Array.prototype.slice.call(arguments)的作用为:强制转化arguments为数组格式,一般出现在框架活插件的源码中如何理解上面的代码等价于[ ].slice.call(arguments) 或者随便一个数组调用都行 [1,2,4].slice.call(arguments) 因为,前面的调用者的作用只是沿着原型链向上找,最终找到Array为止,slice为Array原型上的一个方法 s…

js基础--javaScript数据类型你都弄明白了吗？绝对干货

欢迎访问我的个人博客:http://www.xiaolongwu.cn 数据类型的分类 JavaScript的数据类型分为两大类,基本数据类型和复杂数据类型. 基本数据类型:Null.Undefined.Number,String,Boolean. 复杂数据类型:Object. 一.Object <JavaScript语言精辟>这本书里面是这么定义的:数组是对象,函数是对象,正则表达式也是对象,当然,对象也是对象. JavaScript包括一个原型链特性,允许对象继承另一个对象的属性,正确的使…

js基础进阶--关于setTimeout的思考

欢迎访问我的个人博客:http://www.xiaolongwu.cn 先热身看看下面的额代码会打印出什么? for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }, 100); } 上面的结果是 5 5 5 5 5 我对上面的代码的理解是: setTimeout是一个注册事件,当for循环遇见他时,会先注册这个事件,而不会去触发此事件,for循环的时间很短,所以当100毫秒后触发打印事件时,此时的i已经…

js基础--获取浏览器当前页面的滚动条高度的兼容写法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言在开发中,兼容性问题是最常见的,今天就来介绍一下关于获取滚动条高度的兼容性写法,宽度同理,我在这里就不一一解释了各浏览器的写法 IE6/7/8 document.documentElement.scrollTop IE9以上 window.pageYOffset或者document.documentElement.scrollTop Safari window.pageYOffset 与document.body.s…

js基础--浏览器标签页隐藏或显示状态 visibility详解

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言在工作中我们可能会遇到这样的需求,当浏览器切换到别的标签页或着最小化时,我们需要暂停页面上正在播放的视频或者音乐,这个需求就会用到我下面要说的这个知识点: document.visibilityState document.hidden visibilitychange 具体用法浏览器标签页隐藏或者显示时会改变document.visibilityState和document.hidden的值,我们可以通过visib…

js基础进阶--图片上传时实现本地预览功能的原理

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言最近在项目上加一个图片裁剪上传的功能,用的是cropper插件,注意到选择本地图片后就会有预览效果,这里整理一下这种预览效果的实现原理: 实现原理通过input的 type = file属性和js的内置FileReader对象,利用FileReader对象的readAsDataURL方法,把图片数据转成base64字符串数据,然后把这个base64字符串数据赋值给一个图片标签的src. 伪代码 //input标签,获…

【 js 基础】【读书笔记】Javascript “继承”

是时候写一写 “继承”了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是继承其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承描述了一种代码的组织结构形式.举个例子:“汽车”可以被看作是“交通工具”的一种特例.我们可以定义一个 Vehicle 类和一个 Car 类来对这种关系进行描述.Vehicle 的定义可能包含引擎.载人能力等,也就是所有交通工具,比如飞机.火车和汽车等都有的通用的功能描述.在对 Car 类进行定义的时候,重复定义“载人能力”是没有意义的,我们只需要…

进击Node.js基础（二）

一.一个牛逼闪闪的知识点Promise npm install bluebird 二.Promise实例 ball.html <!doctype> <!DOCTYPE html> <html> <head> <title>Promise animation</title> <style> .ball { width: 40px; height: 40px; border-radius: 20px; } .ball1 { b…