- 博客(56)
- 收藏
- 关注
RSS订阅原创 拷贝继承（call+拷贝继承）
属性和方法分开继承： 1、属性的继承：调用父类的构造函数.call。 2、方法的继承：for in，拷贝继承（jquery也是采用拷贝继承extend）;function Person(name,sex){ //父类 this.name = name; this.sex = sex;}Person.prototype.showName = function(){
2016-07-30 16:15:03
546
原创 原型继承
var a = { name:'ShuKe'};var b = cloneObj(a);b.name = 'BeiTa';alert(b.name); //ShuKealert(a.name); //BeiTafunction cloneObj(obj){ var f = function(){}; f.prototype = obj; re
2016-07-30 15:24:27
280
原创 原型链和构造函数技术组合到一起的组合继承（类继承）
<script> function SuperType(name){ this.name = name; this.color = ["red","blue","green"]; } SuperType.prototype.sayName = function(){ console.log(this.name); };
2016-07-29 17:55:06
535
原创 构造函数里面的引用类型属性也是独立的
<script> function SimpleMap(table){ this.table=table||{}; this.count = 0; } var v1 = new SimpleMap({z:2}); var v2 = new SimpleMap(); var v3 = new SimpleMap([1,2,3])
2016-07-29 16:41:11
415
原创 react资料集
汇智网教程，很好用http://www.hubwiz.com/course/552762019964049d1872fc88/ 官方文档，建议看英文的，中文翻译不是最新的 http://reactjs.cn/react/docs/getting-started.html react-router https://github.com/reactjs/react-router redux htt
2016-07-29 13:52:08
401
原创 解决换行造成元素间空隙的问题
<style> html, body { padding: 0px; margin: 0px; } .gd { width: 100px; height: 20px; text-align: center; display: inline-block; /*backgr
2016-07-29 10:52:36
2509
原创 原型继承例子，看各自的prototype和constructor
<script> function superF(){ this.sup = true; } superF.prototype.getSuperValue = function(){ return this.sup; } function sub(){ this.subProperty = false; }
2016-07-28 22:04:22
389
原创 自动化构建工具资料收集
gulp: 开发阶段常用功能大概 1- ejs静态模版 2- sass实时编译 3- web服务器 4- 实时监听文件变动刷新 5- 雪碧图合并 另外各种合并在构建阶段。 Gulp社区也很活跃，插件比较齐全。 gulp 则灵活的多，可以适应各种不同的项目，而且有社区做插件扩展的开发，功能也是相当强大的。能不能实现： 项目前端模块化，（分页面，页面分块） 前后端分离
2016-07-28 18:03:39
385
原创 格
eg1：//冗余但易懂的写法var len = undefined;if(book){ if(book.subtitle) len = book.subtitile.length;}//B格var len = book && book.subtitle && book.subtitle.length;
2016-07-28 11:09:26
321
转载 JavaScript探秘：for-in循环(for-in Loops)
for-in循环应该用在非数组对象的遍历上，使用for-in进行循环也被称为“枚举”。从技术上将，你可以使用for-in循环数组（因为JavaScript中数组也是对象），但这是不推荐的。因为如果数组对象已被自定义的功能增强，就可能发生逻辑错误。另外，在for-in中，属性列表的顺序（序列）是不能保证的。所以最好数组使用正常的for循环，对象使用for-in循环。有个很重要的hasOwnProper
2016-07-27 18:13:14
564
转载 补脑神器-欧米伽3
三文鱼、马齿苋、生核桃和冷榨亚麻籽油中富含欧米伽3(omg3 Ω-3)脂肪酸，其主要功能是预防和保健。根据大量的试验，配合露卡素绿灯食品和健康生活方式，欧米伽3脂肪酸除了有平衡降血脂的作用以外，对其它许多症状也起到辅助治疗的作用。利用统计学原理，欧米伽3脂肪酸对改善各种亚健康和慢性病症状，具体可归纳为速效和准速效两种类型。 一、速效：补充欧米伽3在1个月左右时间起作用的有以下8类： 1、便秘
2016-07-27 13:20:49
2142
原创 深拷贝、浅拷贝、对象引用概念
http://bbs.miaov.com/forum.php?mod=viewthread&tid=5760&highlight=%E5%AF%B9%E8%B1%A1%E5%BC%95%E7%94%A82. http://bbs.miaov.com/forum.php?mod=viewthread&tid=7385 13,14集
2016-07-27 00:12:31
630
转载 深入剖析 JavaScript 的深复制
参考： http://jerryzou.com/posts/dive-into-deep-clone-in-javascript/一年前我曾写过一篇 Javascript 中的一种深复制实现，当时写这篇文章的时候还比较稚嫩，有很多地方没有考虑仔细。为了不误人子弟，我决定结合 Underscore、lodash 和 jQuery 这些主流的第三方库来重新谈一谈这个问题。第三方库的实现 讲一句唯心主
2016-07-26 18:12:37
649
原创 javascript实现深拷贝的办法
解决的办法有：1.用jquery的extend方法，把对象合并到新的对象去，会返回一个深层次的副本。 2.使用JSON的序列化，var b = JSON.stringify(a); 在反序列化：JSON.parse(b);
2016-07-26 17:21:05
2993
转载 javascript中的浅拷贝和深拷贝例子
参考： http://blog.csdn.net/yisuowushinian/article/details/455443431.js对象浅拷贝简单的赋值就是浅拷贝。因为对象和数组在赋值的时候都是引用传递。赋值的时候只是传递一个指针。看下面的实例代码：var a = [1,2,3]; var b =a ; var test = {name:’xiaohong’, age:15}; var
2016-07-26 16:36:07
492
原创 访问对象属性的点表示法和方括号表示法的区别
var person = { name:'gogo'}一般来说，访问对象属性时都使用点表示法，这也是很多面向对象语言中通用的语法。不过在javascript中，也可以使用方括号表示法来访问对象的属性。在使用方括号语法时，应该把属性以字符串的形式放在方括号中，如：alert(person["name"]); //gogoalert(person.nam
2016-07-26 15:01:36
6436
2
转载 （function($){….}）（jQuery）
（function($){….}）（jQuery） 初次看到这种写法时，一头雾水，不知所云。在网上查找了一些资料之后才有点明白。我们先看第一个括号里边的内容：function()….，这不就是一个匿名的函数吗？但是它的形参比较奇怪，是){….}，这不就是一个匿名的函数吗？但是它的形参比较奇怪，是,这里主要是为了不与其它的库冲突。这样我们就比较容易理解第一个括号内的内容就是定义了一个匿名函数，我们在
2016-07-23 20:21:00
323
转载 jQuery.extend 函数详解
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3…); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，
2016-07-23 19:09:13
306
原创 jquery 插件编写例子5个
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div> <a href="http://www.cnblog.com">cnblog</a> <a href="http://www.zhihu.com">zhihu</a>
2016-07-23 18:55:26
601
原创 javascript命名规范总结
关于变量定义及命名现在谈谈关于变量及方法等的命名，没有硬性规定，但为了规范，遵循一些约定还是很有必要的。一、变量定义：好的做法是把将要使用的变量名用一个var关键字一并定义在代码开头，变量名间用逗号隔开。原因有二：1.是便于理解，知道下面的代码会用到哪些变量，同时代码显得整洁且有规律，也方便管理，变量定义与逻辑代码分开； 2.是因为JavaScript中所有变量及函数名会自动提升，也称之为Java
2016-07-23 17:14:31
719
转载 前端书籍推荐
都是一些正在看和准备看的前端书籍，偶然在一位大牛的博客里找到整理出来的。一、Javascript方面的书籍： 1 JavaScript权威指南（第6版）：号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；2 JavaScript高级程序设计(第3版) ：前端必备书，如果你想真正进入前端世界，这是
2016-07-22 21:56:59
637
转载 防止不同js文件中方法重名的解决办法
通过给js文件添加“前缀”可以防止不同js文件里存在相同的js方法名，从而出错的问题。 示例： var A= { a: 0, b:{ title: { text: “” }, bg_colour: “#FFFFFF” }, methodA: function(msg) { i
2016-07-22 18:28:54
4431
转载 全局变量的产生
由于JavaScript的两个特征，不自觉地创建出全局变量是出乎意料的容易。首先，你可以甚至不需要声明就可以使用变量；第二，JavaScript有隐含的全局概念，意味着你不声明的任何变量都会成为一个全局对象属性。参考下面的代码：function sum(x, y) { // 不推荐写法: 隐式全局变量 result = x + y; return result;}此段代码中的re
2016-07-22 17:14:27
331
转载 var
单var形式 优势：在函数顶部使用单var语句是比较有用的一种形式，其好处在于：提供了一个单一的地方去寻找功能所需要的所有局部变量 防止变量在定义之前使用的逻辑错误 帮助你记住声明的全局变量，因此较少了全局变量//zxx:此处我自己是有点晕乎的… 少代码（类型啊传值啊单线完成） 单var形式长得就像下面这个样子：function func() { var a = 1, b
2016-07-22 15:39:40
352
原创 预编译 作用域例子
看下面的代码：v_name = "global"; function fn() { alert(v_name ); var v_name = "local"; alert(v_name ); }fn();执行结果：第一个弹框为：undefined，第二个弹框为：local。原因是： 按代码处理原则（两个阶段）。 第一个阶段：变量声明，函数声明，正常格式的参数创建，
2016-07-22 14:27:28
493
原创 javascript预编译原理和例子
先看代码：<script> alert( typeof vv); var vv= "variable" ; function vv() { alert( "function vv" ); } alert(vv); </script> 执行结果是”function”和”variable”。 照理说，一开
2016-07-22 11:23:26
772
转载 函数声明和函数表达式的（区别）应用场景注意事项
函数声明在条件语句内虽然可以用，但是没有被标准化，也就是说不同的环境可能有不同的执行结果，所以这样情况下，最好使用函数表达式：01// 千万别这样做！02// 因为有的浏览器会返回first的这个function，而有的浏览器返回的却是第二个0304if (true) {05 function foo() {06 return 'first';07 }08}09
2016-07-22 10:03:05
834
原创 rightclick
$j.fn.extend({ "rightclick" : function(fn) { $j(this).live( 'mousedown', function(e, a) { if (e.which == 3 || a == 'right') {
2016-07-21 18:54:06
1277
原创 code collect
function addShareCode2(){ var hostName= window.location.host; if(hostName=='**.**' || hostName=='XX.com'){ */ $j('#s_share').show().append('<script type="text/javascript" src="h
2016-07-19 15:16:52
374
原创 toggle()用法
$j('#g_AllItems .dropdn_label').toggle(function() { $j('#g_AllItems .dropdnContent').show(); }, function() { $j('#g_AllItems .dropdnContent').hide(); $j('#g_AllItems .dropdn
2016-07-18 13:26:57
1478
转载 CSS3的calc()使用
参考：http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html
2016-07-16 21:27:32
297
转载 javascript 的 style.width 取不到元素的宽度值
以前一直用jquery的.width()方法来获取一个元素的当前的宽度。不管该元素是否设置了宽度，CSS样式是内联、外联or内嵌，都可用此方式获得元素当前的宽度。今天想用原生JS想获取一个元素宽度时，写document.getElementById(“id”).style.width或者document.getElementById(“id”).width都取不到值。。。总结了一下。在以下情况下，j
2016-07-16 21:20:00
3195
原创 上下布局——内容内撑
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><style> html,body{ padding: 0px; margin: 0px; /*关键性设置*/ height: 100%;
2016-07-16 21:16:42
459
原创 上下布局——内容外撑
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><style> body{ padding: 0px; margin: 0px; } .container{ border:1px soli
2016-07-16 21:15:22
305
原创 视口坐标和文档坐标的区别
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div style="height: 1000px;background: red;"></div><div id="dv1" style="width: 100px;height: 50px;
2016-07-16 19:20:06
878
原创 jQuery批量修改h1标签内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1>you are</h1><h1>you are</h1><h1>you are</h1><h1>you are</h1><h1>you are</h1></body><
2016-07-15 16:06:20
5793
原创 jquery不用for 或者 each ，用addClass给div添加有序号的属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div>1</div><div>2</div><div>3</div><div>4</div></body><script src="../../jquery-1.11.3.mi
2016-07-15 14:39:42
1209
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人