随笔分类 - [10]JS
-
Javascript(js)分页程序
摘要:发一个昨天晚上新鲜出炉的Javascript(js)分页程序,带详解,业余水平。。。。 不用任何jquery 之类的库发一个昨天晚上刚写好的js分页程序。较早之前写过一个,不过后来发现有问题,不好用,所以在端午节前夜,我把它重新写了一遍。下面开始正题:目标:写一个JS分页函数,函数能够根据给出的总页数和当前页自动生成相应的html代码并且插入的到给定的父容器中。实现: 分页原理:分页就是将很长的内容按规定长度分开,在PHP中是通过 mysql数据库语言中 LIMIT来实现获取指定部分的数据。LIMIT的用法简要在这简要介绍下,详细用法 请见 MySQL 5.5 Reference Manual 阅读全文
-
通用后台模板
摘要:大小:910KB 下载:kudy_admin_template.rar 这个模板是基于网上一个模板修改的,其实只有用了里面的一些图片,代码都是自己重新写的了,下发一下效果图给大家看,如果喜欢就下载拿去用吧。最近在创业的事件不顺利,又到一个游戏公司工作了,这了模板也是为了开发运营系统用了3天完成的,没有处理IE6下的样式,我放弃IE6了- - 补充一下,登录的验证码生成,引用了我的一个类库,需要安装vs2010 sp1才能显示验证码。 如果想看在线小demo请进:http://demos.kudystudio.com/kudyadmin/index.html作者:Kudy出处:http:... 阅读全文
-
web插件化
摘要:jaws.从事web前端js开发4year+.业余做.net开发,老实说写C#代码比js代码要多出好几倍,且很少去写一个完整的web程序. 最早做个人站长,做些小网站.会点asp和php.工作后,一直围绕在我脑子里的一个想法就是如何能构建一个快速网站开发系统. 中途做过很多次尝试,都未能如愿,感觉不是我要的结果.4年来经过知识的积累和一些思想的转变,最终孕育出现在的一个web插件化框架构想. 目前快速建站的话,一般人都能想到的是自助建站,这样的平台现在很多.而我从最底层就以开放式插件为核心的构架来实现,网站的所有功能都是以插件的方式来扩展.最终 web框架+插件s=web site,插件由专有 阅读全文
-
分享简单实用的jQuery图片播放实例和源码
摘要:分享简单实用的jQuery图片播放实例和源码2012-06-21 08:36 by HTML5中文网站, 185 阅读,0评论,收藏,编辑1、jQuery水平5屏图片播放器这是一款基于jQuery的图片播放插件,一共分5屏,有JS代码基础的朋友也可以根据自己的需求修改需要展示的图片数量,这个jQuery图片播放插件整体滑动比较流畅,兼容所有主流浏览器。2、jQuery图片水平播放插件这是一个非常简洁但又十分实用的jQuery图片水平播放插件,这个jQuery图片播放插件允许你自己定义同时滚动几张图片,并且滑动很平滑。3、jQuery仿苹果图片播放器这是一款基于jQuery的仿苹果样式的图片播放 阅读全文
-
jQuery Easy UI实例(二)
摘要:小小吐糟一下,呵呵,相信一部分读者看博客,上来就所要源码,当年自己也这样过,其实,在博客这个地方,重要的是看大家的思路及与大家交流,源码都是其次的,否则你永远只会照葫芦画瓢,而不会产生自己的思维。另外其实我是一直都不提倡开源的,在天朝这个地方大家都知道的,现在大家都不敢创新,记住不是不会而是不敢,你的创新可能被别人很快的复制甚至超越(当别人资源优越于你时),所以程序猿很悲催,吃着青春饭,还要马不停蹄。好了,继续昨天的实例:不过只有简单的用户管理模块:列表、增加、修改、删除。主要是给大家提供个方法。下面我就直接贴图和代码了,相信也是大家最想看到的。列表:增加:修改:删除:大家可以写个通用JS把. 阅读全文
-
knockout.js的学习笔记4
摘要:本节对第三节的代码进行重构一下。我们发现$.computed其实也是一种$.observable,因此可以写成这样:var validValueType = $.oneObject("Null,NaN,Undefined,Boolean,Number,String")$.dependencyChain = (function () {var _frames = [];return {begin: function (ret) {_frames.push(ret);},end: function () {_frames.pop();},collect: function (s 阅读全文
-
jQuery EasyUI 实例
摘要:jQuery EasyUI就不用介绍了,一款轻量级UI框架,现在对于这方面的资源网上也不少,但是真正的实例却也很少,尤其是.Net方面的,不过现在孙宇一直在发布一些EasyUI的视频,对大家的帮助可能很大,我呢,仅通过一个实例给广大小白们介绍怎样使用EasyUI(其实自己也是小白,嘿嘿)。在这里借助疯狂秀才的界面框架,大家都感觉挺不错的。大家也都知道.Net服务器端控件的弊端,因此咱们完全放弃服务器端控件,全部用客户端控件。下面做一些准备工作。以下所用文件及资料随后会一并上传,供大家下载!这里用的是jquery-easyui-1.2.6和疯狂秀才的网站界面,秀才里面jQuery 和 jQuer 阅读全文
-
knockout.js的学习笔记3
摘要:上一节主要是说viewModel各个域中相互通知,本节开始介绍viewModel与节点的相互通知。我们在body上添加如下HTML片断:The name is <span data-bind="text: fullName" id="node"></span>然后将第一节提到的$.applyBindings疯狂删减到这样:$.applyBindings = function(model, node){var str = node.getAttribute("data-bind");str = "{&q 阅读全文
-
knockout.js的学习笔记2
摘要:本节换一种方式解读,把我消化过的东西反刍出来可能这样大家容易理解些,knockout.js大量使用闭包,非常难读。我们从viewModel看起:function MyViewModel() {this.firstName = $.observable('Planet');this.lastName = $.observable('Earth');this.fullName = $.computed({getter: function () {return this.firstName() + " " + this.lastName();},s 阅读全文
-
knockout.js的学习笔记
摘要:knockout.js试图将微软历经验证的成功方案MVVM解决方案引进JS,因此很有必要学习下。MVVM是专门为解决富交互频变动的界面开发而生,这与web开发非常相似。产经经理与测试与什么主管,他们看不懂后端的东西,也只能对前端的看得到的东西指手划脚了,因此变动是非常频繁的,每次变动,但伴随着痛若的事件重新绑定与代理,以及与它们相关的业务代码的调整,在JS这种调试特喝别痛苦的语言中,情况就更严重了。每次改版都加剧前端离职的决心,前端换了几波人才把项目做出来。jQuery号称是改变人们写JS的方式,但只是提供了更好的砖瓦而已(原生API是沙石)。想获得后端那样开发效率,必须有Struts2, S 阅读全文
-
Javascript 钩子机制
摘要:介绍今天大家开会共同解决了一些javascript方面的问题,大家一起想办法,最终大家选择了钩子机制。我把整个过程与大家分享一下,如果有误,请大家指正。问题 是这样的:我们的代码已经历史很久了,就这一套框架已经快5年了,在这中间大家也没有标准的代码规范,很随意的进行了代码编写,所以出现了很多问题: 1、如制造了很多重复的轮子。一套方法在多个文件中出现,大家调用的也五花八门,所以同事在一个方法(登录)中添加逻辑的时候发现,多个地方都有这样登录操作,修改起来非常麻烦。 2、代码结构混乱,分工不明确,本来公共类做的事情,导航类也做了类似的操作。 3、回调函数的使用,出现多个回调函数,从而出现... 阅读全文
-
基于nodejs开发的简单书籍音乐搜索网站优克斯(youkes.com)
摘要:优克斯youkes.com(推荐chrome浏览器,现阶段仅用该浏览器进行了目测)该网站的定位:轻量级书籍音乐搜索引擎。目前状态,索引了:http://youkes.com/site/book.360buy.com(京东书),http://youkes.com/site/www.top100.cn(巨鲸音乐网),http://youkes.com/site/data.movie.xunlei.com(迅雷的影视资料),现在开始测试,欢迎大家充当测试者。用到的技术有nodejs, solr,mongodb.据我所知,nodejs的编程模型更容易整个网站崩溃(不知园子里的有没有人是nodejs,s 阅读全文
-
中文web工程师工具
摘要:我们的目标,做最好的中文web工程师工具,提高前端开发者的工作效率 利用业余时间跟朋友一起做了一个网站:http://www.chinacxy.com,这是一个工具性的网站,主要针对web开发工程师。经过断断续续的改进,现在终于可以向大家介绍推荐了。我们的目标,做最好的中文web工程师工具,提高前端开发者的工作效率。 因为自己也是web开发者,有时要用到一些工具,但在网上总是找不到满意的,并且很分散,满屏的广告,因此产生了自己开发的想法,于是遂跟一位朋友一起开发了此站。对于网站上放广告问题,我不反对,因为网站毕竟有运营成本,但一定要有个度,不能让广告影响到了用户的使用。 另外,这此工具都... 阅读全文
-
【jquery模仿net控件】简单分页控件1.0,附上gridview使用测试
摘要:前言最近项目需求需要用到jquery的分页功能,所以就自己模仿着其它地方的写了一个,现在配合着原来写的gridview一起使用看看效果。我们项目有个地方有点痛苦,他不能返回数据的总记录数,这个bug不修复我这边都只能动态附初始值,另外首页尾页等因为刚刚写起皆暂时未实现,等后面点调整后,有必要便一起发出来。截图分页代码使用示例<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 阅读全文
-
Javascript MVVM模式前端框架—Knockout 2.1.0系列
摘要:2012-06-06 10:44 by 刺客之家, 794 visits,收藏,编辑*本文已经同步至索引目录:http://www.cnblogs.com/wbpmrck/archive/2012/05/16/Knockout-introduction.html前言&基础大家好,通过前面的一系列介绍和demo,相信大家已经对knockout的绑定有了感性的认识,通过内置的绑定,我们已经可以在页面上展示文本、html,并且与我们的viewModel对象实现双向更新了。今天我们继续介绍其他的几个重要的文本和样式相关的内置绑定,他们分别是:css绑定style绑定attr绑定CSS Bind 阅读全文
-
中文前端UI框架Kit
摘要:demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#shakehead发现没有晃动效果的同学记得清下缓存,因为kit.anim对象的js文件有更新,3Q3Q今天听群里面兄弟在讨论一个摇头的动画效果,类似登陆验证时候,窗口晃动的效果,结合之前说过的kitjs的anim类,我们可以很轻松的实现类似的组件晃动效果代码如下:function a1() { $kit.anim.motion({ duration : 1000,//持续时间 el : "#test1", fx : $kit.anim.fx('swin 阅读全文
-
Javascript 页面模板化
摘要:介绍今天遇到一个问题,这个问题也是我以前遇到的问题,以前的方式,也是大多数人使用的方式。大家可以看看我的文章。从前的方式——我估计也是大多数人使用的方式比如以下的代码——摘自新浪首页的一段js代码,这种方式也是大多数人使用的方式。上面的代码,你看完有什么反应?你也许会把+=这种形式改成数组的push形式,有人说push比这种字符链接要快,但是也快不了多少。如果这种嵌入的html代码很多,你也要这样处理吗?如果修改(添加或者删除)某个html,那么你就要不断的翻代码,找对应的标签,然后在找结束标签,你不觉得麻烦吗?也许有人会这样写(这个是我早期写的,也是我最惯于使用的方式)。 ... 阅读全文
-
通过Jquery ajax 静态分页
摘要:本分页功能主要是实现了:通过Jquery ajax 静态分页要建立一个分页类,实现分页控件的显示,注意该类应该放在包 namespace System.Web.Mvc 下由于我用的是mvc 3 所以在分页类方法调用时返回的是MvcHtmlString 这个在mvc 2 下也是同样支持的看下分页类的代码吧: /// <summary> /// 分页插件 /// </summary> /// <param name="helper"></param> /// <param name="urlPrefix" 阅读全文
-
Ember源码学习
摘要:ember.js是当今最强大的javascript MVC框架。当一把胡子拉碴的大牛人跑进JS界搞这东西时,昭示了JS全盛时期的到来。可能你听说过javascriptmvc.js这个时期在jQuery支援下赫赫有名的框架,或者现在更为流行的backbone,但相对于ember.js,它们就黯然失色了。不过正由于看上去非常高端,也吓跑了不少人。在富应用日益流行的今天,越来越多工作转到前端了,JS的代码变得非常庞大,如此组织它们是一个难题。如果公司是使用EXT这样的强大UI框架,这可免谈了。但许多公司只能摆弄一下jQuery,jQuery可是堆代码的利器。堆得快,倒得快,这也是其特色。jQuery 阅读全文
-
nodejs ,json数组的序列化和反序列化json数组的序列化和反序列化
摘要:自己写nodejs也有一段时间,踩过很多坑(而且大部分是自己给自己埋),也见过很多别人踩过的坑,原因其实也很简单,要么是对这个知识点理解不够深入,要么就是编码的习惯不好。这段响应朋春大牛的号召,打算陆陆续续整理下这些坑,算是给自己一个备忘,同时也希望能对大家有所帮助。 1. callback 事件回调是nodejs非常常见的一个应用场景,那大家先来看看以下这段代码是否存在什么问题?get(params, function(err, data) { if (err) { callback(err); } //对data进行操作 var row = data[0];}); 看出来... 阅读全文