javascript文档、视频、电子书、源码

在js中有几种模式可以创建对象，通过对象操作所包含的属性与方法。 一般来说，构造函数名称的第一个字母为大写字母，非构造函数名称的第一个字母为小写字母，当然，构造函数与一般函数唯一的区别只是调用的方式不同而已，所以任何函数只要通过new来调用，那它就可以作为构造函数，若不通过new来调用，则与一般函数一样。 谈谈我对这几种模式的理解： 工厂模式：创建一个一般函数，在函数里创建一个Object对象，为这个对象增添属性与方法，同时赋予其值，最后返回对象。无法识别对象类型。 构造函数模式： 创建构造函数，使用this来赋值，每当创建一个实例时，方法都被创建一次，而每个方法都执行相同的命令，这就多余了。这个缺点可以通过将方法放到全局环境中，但是，这样就没有封装性了。不过可以通过原型模式解决。 原型模式……

我们平时开发过程中，一定会遇到这种情况：同时处理简单对象和由简单对象组成的复杂对象，这些简单对象和复杂对象会组合成树形结构，在客户端对其处理的时候要保持一致性。比如电商网站中的产品订单，每一张产品订单可能有多个子订单组合，比如操作系统的文件夹，每个文件夹有多个子文件夹或文件，我们作为用户对其进行复制，删除等操作时，不管是文件夹还是文件，对我们操作者来说是一样的。在这种场景下，就非常适合使用组合模式来实现。 基本知识 组合模式：将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。 组合模式主要有三个角色： （1）抽象组件（Component）：抽象类，主要定义了参与组合的对象的公共接口 （2）子对象（Leaf）：组成组合对象的最基本对象……

本文实例讲述了javascript面向对象三大特征之继承。分享给大家供大家参考，具体如下： 继承 在JavaScript中的继承的实质就是子代可以拥有父代公开的一些属性和方法，在js编程时，我们一般将相同的属性放到父类中，然后在子类定义自己独特的属性，这样的好处是减少代码重复。继承是面向对象的基础，是代码重用的一种重要机制。 ——此文整理自 《jQuery 开发从入门到精通》 ，这是本好书，讲的很详细，建议购买阅读。 继承的作用 实现继承的主要作用是： ① 子类实例可以共享超类属性和方法。 ② 子类可以覆盖和扩展超类属性和方法。 继承的分类 在JavaScript中是不支持类的概念，使用构造器机制来实现类的特性。 JavaScript中类的继承不止一种，主要包括：类继承(构造函数继承)，原型继承，实例继承，复制继承，克隆继承，混合继承，多重继承等……

电脑版的商城昨晚做完了，今天赶着做手机端的，提到手机端的网站第一个想到的就是要 适应不同手机屏幕的宽度，保证在不同手机上都能正常显示给用户，我之前做这类网站都是无脑引进bootstrap的。但前一个项目做完之后我发现bootstrap虽好，但里面的各种样式我利用的很少，最多用到它排版，当网站最后上传的时候你会发现，即使压缩之后，它也会占用相当大的一部分，所以这次我想自己用原生写，响应式开发（我现在知道的尚浅）目前我了解有 1.百分比法： 顾名思义，页面的元素的margin，padding，width，height，等等都用%来计算，CSS中的百分比中的百指的是什么，指的是父元素，所有百分比都是这样的。子元素宽度50%，那么父元素的宽度就是百，子元 素的padding-left：50%，父元素的宽度是百，子元素的margin-top:20%，那么父元素的高是百。所以body默认……

本文实例讲述了JavaScript实现鼠标滚轮控制页面图片切换功能。分享给大家供大家参考，具体如下： 鼠标上的滚轮是一个不错的东东，为什么这么说，因为它能帮助我们快速的浏览网页,快速的进行长篇文章的阅读。对于web前端的我们来说又怎么能不注重这个鼠标滚轮呢，那么它能如何让用户更好的浏览网页呢？ 最常见就是图片的切换了，能通过滚动滚轮进行图片的浏览，省得用户还要去点下一张，做这种繁琐的步骤。来看个简单的例子吧。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title鼠标通过滚动滚轮切换图片/titlestyle#picBox{ width:800px;height:600px; margin:70px auto; }/stylescript var nowPic=1; function MouseWheel(e){ var pic; e=e||window.event……

前端开发中经常会碰到用 JavaScript?格式化数字，最最常见的是格式化金额，一般格式化金额需要千分位分隔，保留2位小数等等。 简单的功能函数 类似的代码网上有很多： /** * 将数值四舍五入(保留2位小数)后格式化成金额形式 * * @param num 数值(Number或者String) * @return 金额格式的字符串,如1,234,567.45 * @type String */function formatCurrency(num) { num = num.toString().replace(/\$|\,/g,); if(isNaN(num)) num = 0; sign = (num == (num = Math.abs(num))); num = Math.floor(num*100+0.50000000001); cents = num%100; num = Math.floor(num/100).toString(); if(cents10) cents = 0 + cents; for (var i = 0; i Math.floor((num.length-(1+i))/3); i++) num = num.substring(0,num.length-(4*i+3))+,+ num.substring(num.length-(4*i+3)); return (((sign)?:-) + num + . + cents);} 或者 function fmoney(s, n) { /* * 参数说明： * s：要格式化的数字 * n：保留几位小数 * */ n = n 0 n = 20 ? n : 2; s = parseFloat((s……