Js单元测试-分块延迟加载
简介: JS的单元测试之前写的不多,应用到项目中的更少,对待单元测试的看法,不同的程序员有不同的观点,个人感觉当项目组大了,人员流动比较频繁的时候,单元测试还是很有必要的,下面是针对前面博客中的分块延迟加载做的单元测试(感觉陌生的朋友可以先看完前面的2篇文章再来看这一篇,关联性比较大),请各位指正。 测试框架: 使用的测试框架是jasmine,一个非常简单易用的测试框架 describe(
http://www.cyqdata.cn/cnblogs/article-detail-38949
.NET 下的 jQuery UI 开源控件 - JQueryElement, 简化 js 脚本编写, 提供更方便的 ajax 调用[1]
jQuery UI 是使用 jQuery 开发的 javascript 脚本, 其中实现了一些简单易用的页面元素, 比如: 按钮, 日期框.
可以参考 http://jqueryui.com/ 查看如何使用 jQuery UI.
JQueryElement 是在 .NET 下使用的 jQuery UI 控件.
JQueryElement 中包含 Accordion, Autocomplete, B
http://www.cyqdata.cn/cnblogs/article-detail-38939
js图片延迟加载如何实现
这里延迟加载的意思是,拖动滚动条时,在图片出现在浏览器显示区域后才加载显示。
大概的实现方式是:
在页面的load没有触发之前,把所有的指定id的元素内的img放入到imgs中,将所有的图片的src值放入到一个新建的_src属性中,把src设置为指定的显示图片。
然后,在document.body的scroll事件触发时,循环计算imgs中的img元素位置是否正好在浏览器显示框范围内,如果是,则将
http://www.cyqdata.cn/cnblogs/article-detail-38905
解决服务器返回JSON数据中文乱码问题
还是编码的问题.
下午试了一下谷歌搜索的 REST 服务, 接口是 "http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=<search item
http://www.cyqdata.cn/cnblogs/article-detail-38879
手把手教你自己写一个js表单验证框架
其实我自己也就能简单用用js而已,但是呢,相对很多初学者来说多懂了点Know How所以斗胆孟浪一下,将一些所得记录下来,以供更多的初学者能够知道一个东西的实现过程,省去在源码里摸索的过程。
在表单程序中,在页面上需要很多的Js代码来验证表单,每一个field是否必须填写,是否只能是数字,是否需要ajax到远程验证,blablabla。如果一个一个单独写势必非常的繁琐,所以我们的第一个目标就是
http://www.cyqdata.cn/cnblogs/article-detail-38838
jQuery于json的结合
通过AJAX异步减少网络内容传输,而JSON则可以把传输内容缩减到纯数据;然后利用jQuery内置的AJAX功能直接获得JSON格式的数据;在客户端直接绑定到数据控件里面,从而达到最优。
1.设计htm页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR
http://www.cyqdata.cn/cnblogs/article-detail-38723
Node.js:网站开发人员请留意!
关于Node.js的传言早已甚嚣尘上。那么Node.js到底是什么呢?为什么你应当关心它呢(这可不是我一个人说的哦!)?
读写网为此特地与JavaScript开发人员、LearnBoost的创始人和CTOGuillermo Rauch进行了一次聊天采访以披露一些深刻的见解。 读写网:到底Node.js是什么呢?
Rauch:Node.js是一个在浏览器外部创建互联网应用程序
http://www.cyqdata.cn/cnblogs/article-detail-38552
ExtJS 4 DirectStore post参数的变化以及应对方法
还是Ext4,还是direct,这次是发送到后台参数的变化问题。
在Ext3中,继承Ext.data.DirectStore需要通过sortInfo属性指定排序字段和排序方法,通过paramOrder指定传入后台参数的顺序,例如:
1 var store = new Ext.data.DirectStore({ 2 remoteSort: true, 3 dir
http://www.cyqdata.cn/cnblogs/article-detail-38509
在.NET使用JSON作为数据交换格式
我们知道在.NET中我们有多种对象序列化的方式,如XML方式序列化、Binary序列化,其中XML序列化是一种比较通用的在各语言之间传递数据的方式。除了这两种序列化方式之外,在.NET中还可以使用JSON序列化。 JSON(JavaScript Object Notation)是一种轻量级轻量级的数据交换格式,并且它独立于编程语言,与XML序列化相比,JSON序列化后产生的数据一般要比XML序列
http://www.cyqdata.cn/cnblogs/article-detail-38324
JSP动态网页程序设计详解
JSP页面从形式上就是在传统的网页HTML文件中加入Java程序片段(Scriptlet)和JSP标签。Servlet/JSP容器收到客户端发出的请求时,首先执行其中的程序片段,然后将执行结果以HTML格式响应给客户端。
基本语法:
注释:
1、客户端可以看到的注释:!-- comment [%=expression%] -- (可以在批注中加上动态的表达式)
2、开发程序员专用的
http://www.cyqdata.cn/cnblogs/article-detail-38323
GC与JS内存泄露
Javascript有没有内存泄露?如果有,如何避免?鉴于最近有好几个人问到我类似的问题,看来大家对这部分内容还没有系统的研究过,因此,打算在这里把个人几年前整理的一些资料和大家分享一下。
首先,可以肯定的说,javascript的一些写法会造成内存泄露的,至少在IE6下如此。因此,在IE6迟迟不肯退休的今天,我们还是有必要了解相关的知识(虽然大部分情况下,js造成的这点内存泄露不是致使电脑运
http://www.cyqdata.cn/cnblogs/article-detail-38314
Asp.Net MVC 3 + ExtJs 4.01做一个Quartz.Net管理平台
在原来的公司曾经用asp.net + extjs 2做过一个Quartz.Net简单管理平台(后来申请了著作权,尽然也可以),随着Asp.Net MVC 3和ExtJs 4的发布,突然有了重新用Asp.Net MVC 3 + ExtJs 4重新做一下的冲动(冲动是魔鬼呀。。。)。本次只实现了显示触发器Trigger的信息。效果图: 1.定义TriggerInfo,这里为了方便起见只列出了
http://www.cyqdata.cn/cnblogs/article-detail-38175
原生JS实现淡入淡出效果
淡入淡出效果,在日常项目中经常用到,可惜原生JS没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装, 有用得着的朋友, 可以直接使用. 代码中另附有一个设置元素透明度的方法, 是按IE规则(0~100)设置, 若改成标准设置方法(0.00~1.00), 下面使用时请考虑浮点精确表达差值. 参数说明: fadeIn()与fadeOut()均有三个参数,第一个
http://www.cyqdata.cn/cnblogs/article-detail-37892
ExtJS 4 组件化编程,动态加载,面向对象,Direct结合成功,目前为止我的最佳实践
ExtJS4中支持组件化编程和Direct,官方实例中分别提供了两种技术的示例,但没有两种方式结合的例子,经多次测试,由于4.0中存在的bug(暂时这么认为,也许是我水平烂),两种方式结合会产生一系列问题,在静态加载、动态加载、Direct结合的过程中(尤其是采用Direct的时候,用url不会出错),经常性的报错。
官方论坛也没有相关资料,中文也没找到。
分析2天源代码+调试+测试各种结合方式(
http://www.cyqdata.cn/cnblogs/article-detail-37876
一个JSON 实例: jQuery 解析JSON数据
JSON 是一种比较方便的数据形式 具体的大家可以参考http://baike.baidu.com/view/136475.htm 还挺详细的。
今天用JQuery 写了一个JSON的东西,用了 $.getJSON方法,获得JSON数据和解析 都挺方便简单的。
从http://api.flickr.com/services/feeds/photos_public.gne?tags=cat
http://www.cyqdata.cn/cnblogs/article-detail-37875
ExtJS 4 组件化编程中Ext.define与Direct的冲突,问题已解决
问题已解决
和上一篇帖子相同,在Ext.define中不能直接指定Direct的api或者directFn,怀疑与Ext.loder有关
这次的问题更奇怪,把Ext.define和Ext.create放在同一个js文件里面时候没有问题,可以在Ext.define中直接指定Direct的api或者directFn,分成两个文件,一个Ext.define另外一个Ext.create就报错。
以今天做的
http://www.cyqdata.cn/cnblogs/article-detail-37837
Javascript学习笔记八——用JSON做原型
本系列文章导航JavaScript学习笔记一——数据类型JavaScript学习笔记二——函数JavaScript学习笔记三——作用域JavaScript学习笔记四——Eval函数JavaScript学习笔记五——类和对象JavaScript学习笔记六:prototype的提出Javascript学习笔记七——原型链的原理Javascript学习笔记八——用JSON做原型Javascript学习笔
http://www.cyqdata.cn/cnblogs/article-detail-37823
WCF以Json格式返回对象,客户端以JS调用显示
很少写东西,但是看到别人写的文章自己又禁不住写点,写了有时候又觉得不好意思给大家看!
今天好不容易鼓起勇气写点……
这几天看了一些WCF的资料
第一感觉是:这玩艺太深了
第二感觉是:这玩艺,挺麻烦的(光配置就搞不明白)
今天调了半天,好不容易把这个返回Json对象,在客户端展示的实例给整理出来了。下面分享给大家
此实例:以IIS为Host承载
1、先建一个WCF Ser
http://www.cyqdata.cn/cnblogs/article-detail-37741
.Net MVC3 中前台异步获取json数据的实例(1)
在mvc3中,最让人称道的当然还是路由的方便与先进之处,类似于java中的mvc,加载每一个页面(包括首页),都要先运行该页面对应的后台controller,处理页面的初始化数据(mvc中的数据传递问题这里不再讲述)、域名读取、权限操作等,然后返回相应的页面。本篇文章讲述如何从mvc的前台页面中异步获取后台的json数据。
1.建一个mvc3的项目,取名叫MVC3Test(事先安装mvc3 ver
http://www.cyqdata.cn/cnblogs/article-detail-37452
上周末Jscex项目介绍的幻灯片
上周末,在风景秀丽的浙江大学校园内,举行了NodeParty杭州站的活动。我在活动上结合Node.js项目对Jscex进行了简单介绍,包括其设计目的,设计原则,使用方式,高级模式,组成部分等等。在场的许多朋友也提出了不少问题,我也一一作了解答或是演示。总体感觉还算不错,毕竟是亲手编写的项目,对其各方面还是了然于胸的。在此发布演讲用的幻灯片,希望能给不在现场的同学带来一些帮助。 Jscex: Wr
http://www.cyqdata.cn/cnblogs/article-detail-37442