- 博客(8)
- 收藏
- 关注
原创 JavaScript文件获取与提交
在前端开发的过程中,我们可能需要用到文件选择、文件处理、文件生成以及文件提交相关的功能。比如设置头像场景: a、选择图片文件 b、裁剪原图片(通过canvas的绘图功能,本文不展开讲解) c、生成裁剪过后的新图片 d、上传新图片作为头像 一、文件在JavaScript里面的存在形态 HTML5提供了文件相关的接口(
2017-07-04 11:18:18 872
原创 div垂直居中
笔试、面试中经常遇到div垂直居中问题,我暂且把它分为两类: 1、高度固定的div在父元素中垂直居中情况(相对简单些): 方法1:无副作用;兼容性:IE8及以上 css: .father{height: 300px;position: relative;background-color: green;} .son{height: 100px;pos
2017-02-16 00:38:49 4122
原创 JavaScript继承
JavaScript是面向对象的编程语言,但是没有实现类,在应用时是通过用构造函数模拟出类的效果。所以,可以把构造函数看作是“类”。 一、构造函数模拟“类”。看如下代码 function ClassPerson (name, age) { this.name = name; this.age = age; } var person
2017-07-03 15:49:47 320
原创 JavaScript闭包
谈到JavaScript的闭包必然离不开作用域。在JavaScript里,作用域分为全局作用域(在任何地方都能访问)和局部作用域(在指定的代码片段内能访问)。 1、局部作用域通常是函数内部作用域,在函数外部是无法直接访问函数内部定义的局部变量。看如下代码: function fun () { var age = 18; } console.log(
2017-06-29 16:36:43 360
原创 JavaScript对象深度克隆
在某些应用场景中,我们可能需要深度克隆一个对象,希望克隆的对象和原对象完全独立。 1、直接赋值其实是指向同一个对象。看下面的例子 var obj1 = {age: 18}; var obj2 = obj1; obj2.age = 20; console.log(obj1.age); //输出20 由此可见,直接赋值时:前后两个变量指向同一个
2017-06-29 09:42:02 526
原创 JavaScript判断变量是否是数组
在某些场景下,我们可能需要判断一个JavaScript变量是否是数组。 1、在ECMAScript5标准中Array类增加了一个静态方法isArray,我们可以直接用Array.isArray来判断变量是否是数组。 Array.isArray([1,2,3]) //此处返回true 2、但是某些比较老的浏览器,比如IE8及以下,没有实现Array的isA
2017-06-29 08:51:58 2225
原创 浏览器兼容
一、什么是浏览器 浏览器就是一款软件,安装在电脑、手机等设备上用来浏览网页(接收来自服务器端的HTML、CSS、javascript代码,并解析代码渲染出页面)。 常用的浏览器分4大派系: 1、WebKit系列的(Safari、chrome、360浏览器等) 2、IE浏览器 3、火狐浏览器 4、opera浏览器 无论哪个派系的浏览器,一开始的功能都相对简单,随着技术进步、标准升级,各
2017-02-08 17:03:34 343
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人