Fork me on GitHub

随笔分类 -  前端系统学习

ES6新特性概览
摘要:转自:http://www.cnblogs.com/Wayou/p/es6_new_features.html ES6入门学习可参考:http://es6.ruanyifeng.com/ 深入浅出ES6: http://www.infoq.com/cn/minibooks/ES6-in-Depth? 阅读全文
posted @ 2016-04-22 14:56 雨为我停 阅读(226) 评论(0) 推荐(0)
好的技术文章
摘要:1、【深入浅出jQuery】源码浅析--整体架构   阅读全文
posted @ 2016-03-15 17:59 雨为我停 阅读(143) 评论(0) 推荐(0)
弹窗的组件开发(一)
摘要:  html部分: 2、css部分: 3、JS部分   阅读全文
posted @ 2016-03-14 22:40 雨为我停 阅读(272) 评论(0) 推荐(0)
AJax学习一
摘要:1、Ajax的准备工作,就是要先准备好服务器环境。 这边可以有好几种方式,例如服务器工具: http://www.php100.com/html/plugin/ser/2013/0905/91.html (WampServer 2.1a 多语言集成包(32位)) 把我们做的文件放到指定目录下。   阅读全文
posted @ 2016-03-14 12:38 雨为我停 阅读(147) 评论(0) 推荐(0)
Less的学习(一)
摘要:1、html部分 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <titl 阅读全文
posted @ 2016-03-08 10:12 雨为我停 阅读(195) 评论(0) 推荐(0)
JS面向对象组件 -- 继承的其他方式(类式继承、原型继承)
摘要:继承的其他形式: •类式继承:利用构造函数(类)继承的方式 •原型继承:借助原型来实现对象继承对象 类 : JS是没有类的概念的 , 把JS中的构造函数看做的类 要做属性和方法继承的时候,要分开继承。 function Aaa(){ //父类 this.name = "小明"; } Aaa.prot 阅读全文
posted @ 2016-03-05 17:38 雨为我停 阅读(607) 评论(0) 推荐(0)
JS面向对象组件(五) -- 复制对象(拷贝继承)
摘要:研究到这儿,竟然出现了一个面试题目 var a = { name : '小明' }; var b = a; b.name = '小强'; alert( a.name ); 结果必然是“小强”,原因是对象的引用,两个用的是一个地址,所以只要这个地址里的东西变了,那个两个对象弹出来的自然也要变。 故而这 阅读全文
posted @ 2016-03-05 16:59 雨为我停 阅读(445) 评论(0) 推荐(0)
JS面向对象组件(四) -- 面向对象的继承
摘要:什么是继承 •在原有对象的基础上,略作修改,得到一个新的对象 •不影响原有对象的功能 //父类 createPerson function createPerson(name,sex){ this.name = name; this.sex = sex; } createPerson.prototy 阅读全文
posted @ 2016-03-05 16:44 雨为我停 阅读(256) 评论(0) 推荐(0)
JS面向对象组件(三)--面向对象中的常用属性和方法
摘要:图片的由来看下面: 1、hasOwnProperty:看是不是对象自身下面的属性 var arr = []; arr.num = 10; Array.prototype.num2 = 20; //所有的数组对象都有num2,并不只是arr自身的属性 //alert( arr.hasOwnProper 阅读全文
posted @ 2016-03-05 15:30 雨为我停 阅读(374) 评论(0) 推荐(0)
JS面向对象组件(二)--Javascript原型链
摘要:原型链 : 实例对象与原型之间的连接,叫做原型链 –__proto__( 隐式连接 ),这就是原型链,平时我们是看不到的。 原型链的最外层 : Object.prototype function Aaa(){ //this.num = 20; } //Aaa.prototype.num = 10; 阅读全文
posted @ 2016-03-05 13:06 雨为我停 阅读(239) 评论(0) 推荐(0)
JS面向对象组件(一) ---包装对象与原型链
摘要:首先我们可以看看平时我们常用的 var str = 'hello'; alert(typeof str); //string var str = new String("hello"); alert(typeof str); //object 上面那个是表示基本类型string类型,下面这个是表示对 阅读全文
posted @ 2016-03-05 13:02 雨为我停 阅读(283) 评论(0) 推荐(0)
JS面向对象组件(六) -- 拖拽功能以及组件的延展
摘要:HTML部分 <div id="div1"></div> <div id="div2"></div> CSS部分 <style> #div1{width: 100px;height: 100px;background-color: red;position: absolute;} #div2{wid 阅读全文
posted @ 2016-03-05 12:22 雨为我停 阅读(450) 评论(0) 推荐(0)
js对象的引用
摘要:/*var a = [1,2,3]; var b = [1,2,3]; alert( a == b ); //false*/ //基本类型:赋值的时候只是值得复制/* var a = 5; var b = a... 阅读全文
posted @ 2015-12-05 21:07 雨为我停 阅读(954) 评论(0) 推荐(0)
JS面向对象的学习
摘要:1、面向对象var arr = new Array(); //[] //我们把系统自带的对象,叫做系统对象var arr = []; arr.number = 10; //对象下面的变量:叫做对象的属性arr.test = function(){ //对象下面的函数 : 叫做... 阅读全文
posted @ 2015-12-05 20:56 雨为我停 阅读(177) 评论(0) 推荐(0)
字符串string
摘要:1、字符串获取类、封装检测数字的方法 var str = '前端开发'; //alert(str.length); //alert(str.charAt()); //没有参数 取得索引是0 结果是:前 //alert(str.charCodeAt()); ... 阅读全文
posted @ 2015-11-15 17:17 雨为我停 阅读(230) 评论(0) 推荐(0)
concat、reverse面试题
摘要:1、concat数组连接var arr1 = [2,3,4];var arr2 = [5,6,7];var arr3 = [9,9,9];alert(arr3.concat(arr1,arr2)); 结果:9,9,9,2,3,4,5,6,72、reverse将数组内容颠个个var arr1 =... 阅读全文
posted @ 2015-11-14 22:53 雨为我停 阅读(279) 评论(0) 推荐(0)
数组的方法(二)
摘要:1、slice包办了之前说过那四个方法的效果------删除、替换、添加var arr = ['aa','bb','cc','dd'];//删除、替换、添加//删除//arr.splice(0,2); //index 删除个数//alert(arr); //结果:bb,cc,dd... 阅读全文
posted @ 2015-11-14 21:27 雨为我停 阅读(193) 评论(0) 推荐(0)
数组的方法(一)
摘要:1、通常我们会使用往数组插入数据的方法是push,也都是会用的,然而需要注意的是,push方法是有返回值的。var arr = [1,2,3];alert(arr.push('aaaaaa')) //push方法返回的是数组长度alert(arr); alert(arr.unsh... 阅读全文
posted @ 2015-11-14 20:44 雨为我停 阅读(241) 评论(0) 推荐(0)
for-in遍历json数据
摘要:1、for遍历json数据var json = {'name':'wly','age':'22','fun':'前端开发'}for(var attr in json){ alert(json[attr]) //遍历json属性的数据 alert(json['name']) /... 阅读全文
posted @ 2015-11-14 20:09 雨为我停 阅读(1543) 评论(0) 推荐(0)