
web前端-js篇
文章平均质量分 90
zqjflash
这个作者很懒,什么都没留下…
展开
-
js面向对象实践
编写可重用的代码 当与其它程序员共同开发代码时(这里对大多数合作或团队项目来说是很常见的),为了保持你们的清醒而维护良好的编程惯例将会变得极其重要。随着今年来JavaScript已经开始得到认可,专业程序员所编写的JavaScript代码量急剧增加。这种观念上的转变和JavaScript的使用导致围绕它的开发惯例得到了长足的发展。标准化面向对象代码编写可重用代码的第一个也原创 2014-01-21 12:08:54 · 1020 阅读 · 0 评论 -
javascript继承机制
javascript继承可以通过call、apply、prototype实现。一、call:在子类中,用父类.call(this, arg0, arg1, arg2..)可以继承父类。注意call的位置,尽量在子类的第一行(js按顺序执行,放在后面可能对子类的其它属性、方法有影响。比如子类和父类有相同名字的方法,后面的覆盖前面的)。马上代码: ca转载 2014-03-21 13:57:50 · 894 阅读 · 0 评论 -
jquery事件绑定详解
jquery事件绑定有三类,分别如下:.bind()、live()、delegate() 三者之间没有的区别不是很明显,但是理解它们的具体使用场景,有助于我们写出简洁的代码,并防止我们的交互程序出现没有预料的bug。事件绑定首先先看来dom树结构下面提供一个示例图:事件冒泡(也称作事件传递)(Event bubbling aka event propagat翻译 2014-03-22 19:46:42 · 1174 阅读 · 0 评论 -
JavaScript使用正则表达式
2.0 简介正则表达式是可以用来查找与给定模式匹配的文本的搜索模式。例如,在上一章中,我们在一个较长的字符串中查找子字符串Cookbook:var testValue = "This is the Cookbook's test string";var subsValue = "Cookbook";var iValue = testValue.indexOf(subsVal翻译 2014-05-11 18:49:55 · 1484 阅读 · 0 评论 -
grunt模块化配置
一、简介 构建工具的作用: 在项目部署上线前,通常要将源文件压缩,合并,并拷贝到bch或trunk中。 在将js模块化后,又多了一个分析,提取业务代码中所依赖模块的工作。 解决这一系列繁重工作的自动化工具,称之为构建工具。 任务流程: task:clean原创 2014-08-29 09:32:55 · 3845 阅读 · 0 评论 -
Zepto源码分析之二~三个API
由于时间关系:本次只对这三个API($.camelCase、$.contains、$.each)方法进行分析第一个方法变量转驼峰:$.camelCase('hello-world-welcome');源码:var camelize;/** * 字符串替换 * 使用replace第二个参数带回调 */camelize = function(str) {原创 2014-11-02 17:49:10 · 1750 阅读 · 0 评论 -
Zepto源码分析一~核心方法
今天抽空复习了一下Zepto的源码,按照自己的理解进行注释。欢迎大家拍砖。源码版本:v1.1.4源码下载地址:http://zeptojs.com/分析整体代码之后,整理出架构图:本次只针对获取核心方法$()进行拨离,并用demo测试api。var Zepto = (function() { // 变量初始化 var $;原创 2014-10-12 21:47:29 · 3151 阅读 · 0 评论 -
前端跨域杂谈
前端跨域之post方式原创 2015-02-25 21:22:07 · 981 阅读 · 0 评论 -
下一代javascript
javascript-future下一代javascript同步。异步!协作程?同步与异步(同步编码代码量小(简单),符合人类理解方式(好写))同步XHR示例代码: var xhr = new XMLHttpRequest(); xhr.open('get', '/', false); try { xhr.send(); } catch (e) {原创 2015-11-09 22:50:27 · 787 阅读 · 0 评论 -
javascript闭包详解
概念:闭包是指在JavaScript中,内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回了之后,这意味着当前作用域总是能够访问外部作用域中的变量。因为函数是javascript中唯一拥有自身作用域的结构,因此闭包的创建依赖于函数。接下来我们开始进行分析,上代码:function init() { var name = "Hello转载 2014-05-03 11:04:43 · 785 阅读 · 0 评论 -
nodejs详解
目录javascript与node.js javascript与你 由于javascript真正意义上有两种,甚至可以说是三种形态(从最早的作为DHTML进行增强的小工具,到像jQuery那样严格意义上的前端技术,再到现在的服务端技术),因此,比较难找到一个”正确“的方式来学习JavaScript,使得让你书写Node.js应用的时候感觉自己是在真正开发它而不仅仅是使用它。翻译 2014-05-01 13:04:40 · 2238 阅读 · 1 评论 -
基于原型的JavaScript面向对象
1、前言从JavaScript开始流行到今天,学习它的人都会有个疑惑——JavaScript是不是面向对象语言?其实,ECMA-262早就给出了答案,在ECMAScript的第一个版本中就明确指出,ECMAScript是一种面向对象的语言,从JavaScript开始流行到今天,学习它的人都会有个疑惑——JavaScript是不是面向对象语言?其实,ECMA-262早就给出了答案,在ECMASc转载 2014-03-30 12:28:10 · 1327 阅读 · 0 评论 -
iframe跨域解决方案
一、背景在web开发中,跨域问题是经常遇到的,但是由于浏览器同源策略的限制,不同域之间属性和操作是无法直接交互的。本次讨论iframe和父页面的消息通信。二、现状对高端浏览器来说,直接使用原生的postMessage API就可以生效,更多的处理焦点在于IE6、7低版本浏览器。服务器代理涉及多方协作,成本较高。三、方案1、现代浏览器:使用postMessage API2、I转载 2014-01-19 15:52:22 · 1894 阅读 · 0 评论 -
js面向对象方法介绍
一、对象 "面向对象的javascript"这一说法多少有些冗余,因为javascript语言本就是完全面向对象的,不可能有另外的用法。但是,初学编程者(包括javascript编程者)共有的一个缺点就是,功能性地编写代码而不使用任何上下文或分组。要完全理解怎么编写优化的javascript代码,你必须理解javascript的对象是怎样工作的,它们与其它语言有怎样的不同,以及怎样让它们原创 2014-02-07 15:55:12 · 848 阅读 · 0 评论 -
http状态码详解
1、什么是HTTP状态码http状态码的作用是:web服务器告诉客户端的一种行为状态状态码位于HTTP Response的第一行中,会返回一个"三位数字的状态码"和一个状态消息,状态码便于程序处理,状态消息便于人理解。示例:当客户端请求一个不存在的URL时,Web服务器会返回"HTTP/1.1 404 Not Found"告诉浏览器客户端。无法找到所请求的URL。转载 2014-02-18 13:43:37 · 749 阅读 · 0 评论 -
iframe高度自适应
在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此。 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固定而显示出来的滚动条,不仅影响美观,还会对用户操作带来不便。于是自动调整iframe高度就成为本文的重点。 采用javascript来控制iframe元素的高度是i转载 2014-03-02 15:43:25 · 1319 阅读 · 0 评论 -
ajax交互原理
ajax:异步javascript和xml,是指一种创建交互式网页应用的网页开发技术,ajax技术的核心操作是用xmlHttpRequest(简称XHR)对象进行异步数据处理,所谓异步,即通过ajax,javascript无需等待服务器的响应,而是在等待服务器响应时执行其它脚本,当响应就绪后对响应进行处理作用:在ajax中主要利用javascript的XHR对象来传递用户界面上的数据到服务端并转载 2014-02-19 18:32:39 · 5597 阅读 · 0 评论 -
addEventListener详解
addEventListener是一个侦听事件并处理相应的函数。原型: public override function addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false)翻译 2014-03-06 11:40:06 · 4192 阅读 · 0 评论 -
Web浏览器中的JavaScript
第二部分包括第13章到第23章的内容,描述了Web浏览器中实现的JavaScript。在这些章节中引入了大量可脚本化的对象,这些对象用于表示Web浏览器和HTML及XML文档的内容。 第13章,Web浏览器中的JavaScript 第14章,脚本化浏览器窗口 第15章,脚本化文档 第16章,层叠样式表和动态HTML翻译 2011-11-29 19:28:35 · 4704 阅读 · 1 评论 -
JavaScript原型面向对象构造
1 封装先使用构造函数声明一个类,在构造函数中给this添加本地属性,并实例化一个对象,这种方式可以为对象声明一个公共的本地属性:function Animal(name) { this.name = name; this.sleep = function() { alert(this.name + ' sleep'); };}转载 2014-03-30 12:30:56 · 741 阅读 · 0 评论 -
nodejs-异步I/O
为什么要异步I/O 在跨网络结构下,I/O具体到实处可以从用户体验和资源分配两方面说起。用户体验采用异步请求,在下载资源期间,JavaScript和UI的执行都不会处于等待状态,可以继续响应用户的交互行为。同步与异步时间消耗对比,前者时间为M+N,后者为max(M+N)同步代码如下:// 消耗时间为MgetData('from_db');// 消耗时间为NgetData('from_r转载 2015-12-25 09:55:44 · 1524 阅读 · 0 评论