javascript/jquery
关注
分享
扫一扫
mayan_FE
var zimo = new Person({'title': '前端开发', 'spoken': '前端是一门艺术'});
展开
-
md5.js
收录一个md5的lib： http://www.webtoolkit.info/javascript-md5.html#.Uy-ybK2SykQhttp://my.oschina.net/junn/blog/150170原创 2014-06-06 14:24:56 · 683 阅读 · 0 评论 -
高性能web开发 - 如何加载JS，JS应该放在什么位置？
外部JS的阻塞下载所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。 有人会问：为什么JS不能像CSS、image一样并行下载了？这里需要简单介绍一下浏览器构造页面的原理，当浏览器从服务器接收到了HTML文档，并把HTML在内存中转换成DOM树，在转换的过程中如果发现原创 2012-11-28 10:05:44 · 396 阅读 · 0 评论 -
JS读取cookie（记住账号密码）
很多登录功能上都有个“记住密码”的功能，其实无非就是对cookie的读取。下面展示这个功能的代码，原作者已无法考究。。。。测试方法：直接输入账号密码，提交后，刷新页面，再输入同样的账号，就可以显示?<!DOCTYPE HTML>head>meta http-equiv="Content-Type" cont原创 2012-11-28 10:45:24 · 471 阅读 · 0 评论 -
jquery中的ready函数与window.onload谁先执行
关于$(document).ready()：jquery中的$(document).ready()，那$(document).ready()到底是什么作用呢？是不是可以用window.onload = function(){ ... }来实现呢？这里，我们要明确二者之间的区别。我们使用window.onload = function(){ ... }，是希望在页面被载入时执行funct原创 2012-11-28 10:51:53 · 477 阅读 · 0 评论 -
JS闭包深入详解
最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。一、什么是闭包？“官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直转载 2012-12-03 11:27:05 · 340 阅读 · 0 评论 -
JS继承
1、简介 在JS中继承是一个非常复杂的话题，比其他任何面向对象语言中的继承都复杂得多。在大多数其他面向对象语言中，继承一个类只需使用一个关键字即可。在JS中想要达到继承公用成员的目的，需要采取一系列措施。JS属于原型式继承，得益于这种灵活性，我们既可以使用标准的基于类的继承，也可以使用更微妙一些的原型式继承。在JS中应该要明确一点，一切继承都是通过prototype来进行的，且J转载 2012-12-03 11:33:25 · 276 阅读 · 0 评论 -
js作用域
js作用域1.js的作用域是有函数划分的，而不是块儿 var too="test"; if(true){//这是在块中的定义，此时还是全局变量 var too="new test"; } alert(too=="new test");//return true;原创 2012-12-03 14:05:27 · 486 阅读 · 0 评论 -
JS获取屏幕分辨率（记录）
"屏幕分辨率为："+screen.width+"*"+screen.height+""+"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight+""+"网页可见区域宽："+document.body.clientWidth+""+"网页可见区域高："+document.body.clientHeight+""+"网页可见原创 2012-12-05 17:07:32 · 543 阅读 · 0 评论 -
js的预编译理解
function mm(){ }这种形式是声明一个函数，跟 var 一个变量的机制一样，脚本在解释执行之前会做预编译处理，而var mm = function(){ }这种形式是对一个变量赋值，虽然也做预编译，但仅仅只是给 mm 事先变量分配一个内存空间，而没有做初始化请测试以下几段代码代码一：window.alert(mm);fun原创 2012-12-07 09:45:17 · 397 阅读 · 0 评论 -
javascript高级程序设计笔记(一)
还是得沉淀下来好好打打基础，所以静下来好好想想。1、JavaScript是一种专为与页面交互而设计的脚本语言，由三部分组成：A、ECMAScript，提供核心语言功能。B、文档对象模型(DOM),提供访问与操作网页内容的方法和借口。C、浏览器对象模型(DOM),提供与浏览器交互的方法和接口。2、-type属性：服务器在传送js文件时使用的MIME类型，通常是applicat原创 2012-12-07 10:51:31 · 311 阅读 · 0 评论 -
javascript高级程序设计笔记(二)
1、在for 循环的变量初始化表达式中，也可以不用var关键字。该变量的初始化可以在外部执行。var count = 10;var i;for (i = 0; i alert(i);}由于ECMAScript不存在块级作用域，因此在循环内部定义的变量也可以在外部访问到。var count = 10;for (var i= 0; i alert原创 2012-12-07 10:54:11 · 344 阅读 · 0 评论 -
JS创建对象的几种方法
本文讨论几种js创建对象的方法，先从最好理解的工厂模式开始：View Code JAVASCTIPT12345678910111213141516function createPerson(name,age,job){ var o = {}; o.name = name; o.age原创 2012-11-23 17:10:43 · 359 阅读 · 0 评论 -
jQuery阻止冒泡和HTML默认操作
jQuery是一个快捷简便的JavaScript框架，说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 jQuery是一个快捷简便的JavaScript框架，说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 在当今的各个浏览器中都支持事件的冒泡，所谓的冒泡可以这样理解：条件：外层有一个DIV元素，在原创 2012-11-23 16:38:35 · 357 阅读 · 0 评论 -
【js 源码】快速入门正则表达式
很长时间没看 正则表达式了，碰巧今天用到，温故知新了一把 看书学习吧50% 的举一反三练习中的原创。 一 javascript正则表达式的基本知识1 javascript 正则对象创建 和用法 声明javascript 正则表达式 var reCat = new RegExp("cat"); 你也可以原创 2012-11-23 16:30:29 · 310 阅读 · 0 评论 -
javascript面向对象程序设计
面向对象语言有一个标志，就是都有类的概念，通过类可以创建任意多个具有相同属性和方法的对象。但是在javascript中是没有类这个概念的，所以它与其他基于类的面向对象语言也存在差异。在讲javascript的面向对象程序设计之前，我们还是先来温习一下javascript的一些基础知识。相当多的人都在项目中用javascript，但也有很多的人与我之前一样，敲了相当长时间的js代码，却不知道java原创 2012-12-13 14:52:34 · 443 阅读 · 0 评论 -
Javascript 跨域
跨域：协议、域名、端口 任何一项不同即为跨域。 1、jsonp 不受跨域限制。 2、域名不同，但主域名相同的窗口，可以修改 document.domain = "主域名" 来实现同源（同理，还有 cookies 的共享设置也是通过这种方法），一级 XMLHttpRequest 也可以通讯。 3、 iframe 窗口与父窗口在跨域情况下，可以互相获取原创 2012-12-17 15:02:45 · 434 阅读 · 0 评论 -
如何让搜索引擎抓取AJAX内容？
如何让搜索引擎抓取AJAX内容？作者： 阮一峰日期： 2013年7月16日越来越多的网站，开始采用"单页面结构"（Single-page application）。整个网站只有一张网页，采用Ajax技术，根据用户的输入，加载不同的内容。这种做法的好处是用户体验好、节省流量，缺点是AJAX内容无法被搜索引擎抓取。转载 2014-04-16 09:02:43 · 507 阅读 · 0 评论 -
JavaScript 跨域总结与解决办法
什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：U原创 2013-12-21 12:47:54 · 661 阅读 · 0 评论 -
Web Workers 的基本信息
http://www.html5rocks.com/zh/tutorials/workers/basics/原创 2014-01-04 08:55:33 · 514 阅读 · 0 评论 -
阮一峰js文章列表
http://www.ruanyifeng.com/blog/2011/06/birth_of_javascript.html http://www.ruanyifeng.com/blog/2008/01/javascript_book_recommendation.html http://www.ruanyifeng.com/blog/2011/06/10_design_defect原创 2013-02-17 15:11:43 · 518 阅读 · 0 评论 -
聊聊JSON和JSONP
前言： 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者原创 2013-11-22 14:52:31 · 664 阅读 · 0 评论 -
HTTP请求状态码
HTTP请求状态码标签：请求状态码http如果向您的服务器发出了某项请求要求显示您网站上的某个网页（例如，当用户通过浏览器访问您的网页或在 Googlebot 抓取该网页时），那么，您的服务器会返回 HTTP 状态代码以响应该请求。此状态代码提供了有关请求状态的信息，且为 Googlebot 提供了有关您网站和请求的网页的信息。一些常见的状态代码为：200 - 服务器成功返原创 2012-05-10 12:34:58 · 618 阅读 · 0 评论 -
ajax下插入html，里面的元素无法添加事件
今天要做一个母亲节专题，一个页面里面有很多弹出层，弹出层里面显示详细内容，于是，想到了用ajax异步加载，但对加载过来的元素添加事件的时候 却出现问题了，事件无效，这是不是使用ajax的一个限制呢？？于是换了中思路，即把作用事件的元素单独放在一个层里，不让他用ajax传过来，解决。。。 for(var i=0,l=as.length;i as[i].i=i;原创 2012-05-10 13:04:01 · 498 阅读 · 0 评论 -
优秀的JavaScript模块是怎样炼成的
引言：如今的JavaScript已经是Web上最流行的语言，没有之一。从Github上的语言排行榜https://github.com/languages上即可看出，也是如今最为活跃的开源社区。随着Node的加入，JavaScript开枝散叶进入服务器领域，为这个语言榜的占比，也贡献了几分热度。尽管经历了Web2.0的洗礼 ，但在国内谈及开源，开源人士似乎都当这门语言并不存在，这也意味着国内的开发转载 2012-11-23 15:19:01 · 455 阅读 · 0 评论 -
javascript高级程序设计笔记(三)
1、Object实例创建方式两种A、使用new Object() B、使用对象字面量表示法var persion = {"name":"Nicholas","age":29};在age属性的值29的后面不能添加逗号，因为age是这个对象的最后一个属性。在最后一个属性后面添加逗号，会在IE及Opera中导致错误。2、function displayInfo(args) {原创 2012-12-07 10:55:34 · 396 阅读 · 0 评论 -
javascript高级程序设计笔记(四)
1、var now=new Date()新创建的对象自动获取当前日期和时间。如果要根据特定的日期和时间创建日期对象，必须传入表示该日期的毫秒数(即从UTC时间 1970年1月1日午夜至该日期止所经过的毫秒数。) 注意是毫秒数！！！Date.parse()---接收一个表示日期的字符串参数，然后尝试根据这个字符串返回相应日期的毫秒数。年/月/日 小时:分:秒 0000/00/00原创 2012-12-07 10:58:12 · 419 阅读 · 0 评论 -
jQuery 如何写插件 - 第一步
最近在看HTML5 CSS3，上面不少提到solve fallbacks，所以写JS的地方不少。嗯，常用jQuery但是还没有动手写过插件，这次学习尝试下。这篇文章引自iteye，是老帖子了~~ 国外优秀的文也有，今天就看这位仁兄的吧，写的很到位啊,通俗易懂。jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加原创 2012-12-07 15:37:03 · 398 阅读 · 0 评论 -
前端移动开发框架
http://www.jqmapi.com/原创 2013-08-29 15:27:48 · 621 阅读 · 0 评论 -
谈谈前端安全规范
简单分析一下前端安全相关的知识。 以下内容整理之淘宝UED相关资料 1、XSS （Cross Site Script）跨站攻击脚本 方式主要有： 在Web页面插入恶意的html代码 用户浏览网页，嵌入在页面里面的代码会被执行 种类主要有： 基于DOM的XSS 产生的原原创 2013-09-04 16:03:49 · 749 阅读 · 0 评论 -
聊聊undefined 和 undeclared
一、undefined在Js中，有两个表示‘空’的值undefined和null，其中比较有用的是 undefined。undefined 是一个值为 undefined 的类型。JavaScript语言也定义了一个全局变量，它的值是 undefined，这个变量也被称为undefined。 但是这个变量不是一个常量，也不是一个关键字。这意味着它的值可以轻易被覆盖。为了避免可能对 unde原创 2013-11-15 16:02:21 · 1730 阅读 · 0 评论 -
JavaScript游戏中的面向对象的设计
简介： 从程序角度考虑，许多 JavaScript 都基于循环和大量的 if/else 语句。在本文中，我们可了解一种更聪明的做法 — 在 JavaScript 游戏中使用面向对象来设计。本文将概述原型继承和使用 JavaScript 实现基本的面向对象的编程 (OOP)。学习如何在 JavaScript 中使用基于经典继承的库从 OOP 中获得更多的好处。本文还将介绍架构式设计模式，来展示了如何转载 2013-01-15 16:46:03 · 537 阅读 · 0 评论 -
HTTP 协议详解
当今web程序的开发技术真是百家争鸣，ASP.NET, PHP, JSP，Perl, AJAX 等等。 无论Web技术在未来如何发展，理解Web程序之间通信的基本协议相当重要， 因为它让我们理解了Web应用程序的内部工作. 本文将对HTTP协议进行详细的实例讲解，内容较多，希望大家耐心看。也希望对大家的开发工作或者测试工作有所帮助。使用Fiddler工具非常方便地捕获HTTP Request和HT转载 2013-01-15 16:53:41 · 319 阅读 · 0 评论 -
JavaScript 操作 Cookie
什么是 Cookie “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。” - w3school cookie 是访问过的网站创建的文件，用于存储浏览信息，例如个人资料信息。 从JavaScript的角度看，cookie 就是一些字符串信原创 2013-02-05 13:42:49 · 291 阅读 · 0 评论 -
javascript设计模式
了解JavaScript设计模式我们需要知道的一些必要知识点：（内容相对基础，高手请跳过） 闭包：关于闭包这个月在园子里有几篇不错的分享了，在这我也从最实际的地方出发，说说我的理解。 1.闭包最常用的方式就是返回一个内联函数（何为内联函数？就是在函数内部声明的函数）； 2.在JavaScript中有作用域和执行环境的问题，在函数内部的变量在函数外部是无法访问的转载 2013-02-05 15:47:46 · 513 阅读 · 0 评论 -
移动端开发小结
1. viewportviewport：除去所有工具栏、状态栏、滚动条等之后用于查看网页的区域，打个比方，现在有一张报纸摆在你面前，但是这张报纸被一本书压住了，所以你只能看到报纸的一部分，这部分可以查看到的区域就是可视区域，这就是viewport。在进行webapp开发时，允许你更改这个viewport，你可以让你的页面宽高恰好等于浏览器的viewport，这样你进行的设计就可以转转载 2013-08-22 09:30:19 · 661 阅读 · 0 评论 -
【HTML5】'data-'属性简单记录
data-为前端开发者提供自定义的属性，这些属性集可以通过对象的dataset属性获取，不支持该属性的浏览器可以通过 getAttribute方法获取。example: html:读取自定义属性：js：var ele = document.getElementById('js_test');console.log(ele.dataset.name); // mayan原创 2013-11-15 14:47:55 · 880 阅读 · 0 评论 -
sessionStorage 、localStorage 跟 cookie 之间的区别
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。sessi转载 2013-11-15 14:55:03 · 887 阅读 · 0 评论 -
Http协议中的各种长度限制总结
刚才无事网上瞎逛的时候看到有同学总结自己最近去面试时被问到的面试题，看到有人被问到URL的最大长度、Cookie的最大长度之类的问题，如果平时不是很注意http细节的话这些问题还真是不好回答，另外除了面试,知道这些长度限制，有时候开发时碰到问题心里也能有个数，想到自己对这些问题也不是特别熟悉，于是就在这里总结下——Http协议当中的各种长度限制。 1. URL长度限制 在Htt转载 2013-01-15 16:48:41 · 562 阅读 · 0 评论 -
理解JavaScript中的设计模式
简介：可靠的设计模式是可维护软件的基石，如果你曾参与技术面试，很有可能被问到关于设计模式的这类东西。下面这个指南中，我们将学习一些今天就可以用得着的设计模式。 什么是设计模式？ 简单来说，设计模式就是对特定类型问题重用的软件解决方案，这些问题在软件开发的时候经常会碰到，通过很多年的实践，专家对一些相似地问题总结出一些方法，这些方法就封装成为一种设计模式，所以： 模式是转载 2013-01-15 16:23:42 · 359 阅读 · 0 评论 -
【Frontend Knowlodge Chart】 学习之安全相关
安全相关考查前端及系统安全方面的知识，需要对各种攻击手段和防范措施有基本的了解。知识点HTML转义符号、脚本转义符号。参见百度百科：http://baike.baidu.com/view/73.htm常见的XSS漏洞，及其避免方式。Xss（跨站脚本攻击），简单来说，就是让不支持富文本的区域支持了富文本的执行，例如blog的标题是不支持富文本的，但由于原创 2013-01-05 11:15:09 · 404 阅读 · 0 评论