随笔分类 - javascript
有关javascript的点点滴滴内容
摘要：前言： 为了激励自己把js里的设计模式学习一遍，这里用博客的方式，把自己学习到的都记录下来。单例模式即单一实例。
阅读全文
摘要：一 窗口（Window) 大小，即浏览器的窗口大小1 outerWidth, outerHeightSafari,Firefox,Chrome中 outerWidth和outerHeight 返回浏览器窗口本身的尺寸。方法：window.outerWidth, window.outerHeight2 IE没有提供，Opera呢？看jQuery有没有提供这个兼容写法。二 视口（Viewport）大小视口网页内容可显示区域的大小，这个比较常用，如响应式设计，计算出视口的大小看效果是否符合。一个代码例子展示一下。var pageWidth = window.innerWidth, pageHe...
阅读全文
摘要：最近遇见这个问题比较多，拿出来分享一下.场景：createElement创造一个li节点，加上了事件，然后因为某些原因，没事直接插入，而获取其outerHTML，然后插入到网页中，此时添加的事件就会失效。 1 window.onload = function () { 2 var ele = document.createElement('p'); 3 ele.className = 'para'; 4 ele.innerHTML = '点击我弹出'; 5 6 ele.onclick = function () ...
阅读全文
摘要：题目是这样的，我们的需求中可能会遇见数字大于javascript中对大的数，即javascript可以存储的极限，我们就会使用数组来存，比如1998，存储为[1,9,9,8].我们需要一个方法，将这个数加一，写一个addOne函数实现，中间肯定不能出现再转换回原数.面试的时候一般都比较紧张，所以就想出来用递归，就是遇见棘手的问题，索引值问题先贴出，用面试官提出的for循环方法吧，当时没想出来，座地铁的时候想起来的 1 var arr = [9,9,9]; 2 3 function addOne (array) { 4 var len = arr.length;...
阅读全文
摘要：原型-强大的东西每个对象都连接到一个原型对象,并且它可以从中继承属性.原型连接只有在<strong>检索的时候才被用到</strong></p> <p>当我们尝试获取对象某个属性值时，并且该对象没有该属性，那么再从它的原型中寻找，依次类推，直到终点Object.prototype,如果完全不存在则返回undefined 这个过程称为委托</p>.还有一句，其实函数（function)也是对象，只不过是函数对象。它的原型是Function.prototype.其实 类型名.prototype也是一个对象，他们也对戏那个一个原型对象，这样
阅读全文
摘要：领悟 JavaScript 中的面向对象转载自：http://yiding-he.iteye.com/blog/155109?page=2#commentsJavaScript 是面向对象的。但是不少人对这一点理解得并不全面。在 JavaScript 中，对象分为两种。一种可以称为“普通对象”，就是我们所普遍理解的那些：数字、日期、用户自定义的对象（如：{}）等等。还有一种，称为“方法对象”，就是我们通常定义的 function。你可能觉得奇怪：方法就是方法，怎么成了对象了？但是在 JavaScript 中，方法的确是被当成对象来处理的。下面是一个简单的例子：1 function func()
阅读全文
摘要：总结一下现在学习到的javascript运动框架，先列出一些问题及解决方法吧1 运动不会停止 添加if判断，当到达你要的目标就会停止 if (var == target) { //清空定时器 }2 对于问题1扩展 当添加if相等时，可能不会正好相等，会大于等于或小于等于 if ( var >= target ) { //清空定时器 }3 当完成1或2的条件停止时，在出发相应事件会继续往前动 因为if判断执行后清空定时器，但是定时器后面的语句仍然执行了，这里后面加上else，当到达临界条件，执行清空定时器，否则就执行运动 if ( var >= target ) { //清空定时器.
阅读全文
摘要：函数--可以说是ECMAScript中最有意思的部分了。函数实际上是对象，每个函数都是Function类型的实例。函数名实际上是一个指向函数对象的指针。除了我们常见的两种函数声明方式，函数声明与函数表达式，还有一种使用Function构造函数创建，例：//Function构造函数方式var sum = new Function("num1","num2","return num1+num2");alert(sum(1,3));解释：函数是对象，函数名是指针。function sum(num1.num2){ return num1 +
阅读全文
摘要：属性或方法说明constructor对创建对象的函数的引用（指针）。对于Object类，该指针指向原始的object()函数。prototype对该对象的对象原型的引用。对于所有的类，它默认返回Object对象的一个实例。hasOwnProperty(property)判断对象是否有某个特定的属性。必须用字符串指定该属性（例如，o.hasOwnProperty(”name”)）。isPrototypeOf(object)判断该对象是否为另一个对象的原型。propertyIsEnumerable(property)判断给定的属性是否可以用for…in语句进行枚举。toString()返回对象的原
阅读全文
摘要：1-1 构造函数入门Object和Array是原生构造函数，在运行时会自动出现在执行环境中。同时，也可以创建自定义的构造函数，从而定义自定义对象类型的属性和方法。例：function Person(name, age, job){ this.name = name; this.age = age; this.job = job; this.sayName = function(){ alert(this.name); }}var person1 = new Person("han",22,"designer");var person2 = new ...
阅读全文
摘要：Javascript是遵循ECMAScript标准下的一个产物，自然ECMAScript的标准其要遵循1-1 ECMAScript的变量是松散类型的1-1-1 ECMAScript的变量是松散类型的,即可以用来保存任何类型的数据(未经初始化的变量，会保存一个特殊值undefined).var message;alert(message); //undefined1-1-2 可以在修改变量的同时修改值的类型。var message = "hi";message = 100; //有效但是不推荐1-1-3解决方法前两天看了网易的前端开发规范倒是挺不错的，可以方便的让程序员看懂定
阅读全文
摘要：Javascript 基础 操作符3.4.1 typeof操作符因为ECMAScript是松散类型的，因此需要一种手段检测给定变量的数据类型——typeof因此而生.对一个值使用了typeof操作符可能返回下列某个字符串。"undefined"——如果这个值未定义"boolean"——如果这个值是布尔值"string"——如果这个值是字符串"number"——如果这个值是数字"object"——如果这个值是对象或null"function"——如果这个值是函数例子：var m
阅读全文
摘要：javascript现在比较痛苦的地方就是没有统一的标准，还有跨浏览器兼容性问题，所以我们要耐得下性子，记录写自己常用的类和方法
阅读全文
浙公网安备 33010602011771号