随笔分类 - [10]JS
-
Knockout简单用法
摘要:Knockout简单用法在最近做的一个项目中,页面数据全部通过js ajax调用webapi接口获取,也就是说页面的数据全部使用javascript脚本填充,这就想到了使用一个MVVM模式的js框架来做这件事,在该项目中选择了Knockout.js。下面简单介绍一下Knockout的基本用法,作为备... 阅读全文
-
JQUERY 插件开发——MENU(导航菜单)
摘要:JQUERY 插件开发——MENU(导航菜单)故事背景:由于最近太忙了,已经很久没有写jquery插件开发系列了。但是凭着自己对这方面的爱好,我还是抽了一些时间来过一下插件瘾的。今天的主题是导航菜单,这个我相信不管做B/S还是做C/S都非常熟悉一个功能模块。其实大家有没有发现,我们开发插件的目的是为... 阅读全文
-
Jquery Table 的基本操作
摘要:Jquery Table 的基本操作Jquery 操作 Html Table 是很方便的,这里对表格的基本操作进行一下简单的总结。首先建立一个通用的表格css 和一个 表格Table:table{ border-collapse: collapse; border-spacing: 0;... 阅读全文
-
jQuery对select操作小结
摘要:jQuery对select操作小结//遍历option和添加、移除optionfunction changeShipMethod(shipping){var len = $("select[@name=ISHIPTYPE] option").lengthif(shipping.value != "C... 阅读全文
-
jQuery弹出窗口完整代码
摘要:jQuery弹出窗口完整代码效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/1.htm 1 2 3 4 5 jQuery弹出窗口 - 计划-博客园 6 7 31 32 48 49 50 51 52 ... 阅读全文
-
jquery插件
摘要:jquery插件推荐jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safa... 阅读全文
-
jQuery中开发插件的两种方式
摘要:jQuery中开发插件的两种方式(附Demo)做web开发的基本上都会用到jQuery,jQuery插件开发两种方式:一种是类扩展的方式开发插件,jQuery添加新的全局函数(jQuery的全局函数是属于jQuery命名空间的函数),如果将jQuery看成一个类,那么就相当于给jQuery类本身添加... 阅读全文
-
nodejs+express Mvc站点
摘要:nodejs+express Mvc站点像asp.net Mvc一样开发nodejs+express Mvc站点首先,我是个c#码农。从事Mvc开发已然4个年头了,这两年前端MVC的兴起,我也跟风学了一些,对前端的框架也了解一些,angularJs,requirejs,commonJs,backbo... 阅读全文
-
jQuery.validator 验证规则详解
摘要:jQuery.validator 验证规则详解前言:jQuery.validator是一款非常不错的表单验证插件,验证方式非常简单方便,它还对HTML5做了兼容处理,了解了验证规则,就基本掌握了它的使用,下面就让我一一道来 jQuery.validator 验证规则一、在元素的class属性中添加需... 阅读全文
-
Tabs - 选项卡插件
摘要:接上篇Tabs - 选项卡插件其中12)Yet (E)Another Tab Interface没有依赖任何javascript框架,以作补充 9)Flipping Content Tabs是一款基于jquery的tab插件,该插件特别之处,当切换不同的标签时,它所显示翻转标签的效果,动感十... 阅读全文
-
$.ajax 跨域请求 Web Api
摘要:$.ajax 跨域请求 Web ApiWepApi确实方便好用,没有配置文件,一个apicontroller直接可以干活了。但今天用$.ajax跨域请求的时候总是获取不到数据,用fiddler一看确实抓到了数据,但回到$.ajax函数中,直接触发了error,没有触发success,即使状态码是20... 阅读全文
-
AngularJs ng-repeat
摘要:AngularJs ng-repeat 必须注意的性能问题AngularJs 的 ng-repeat 让我们非常方便的遍历数组生成 Dom 元素,但是使用不当也会有性能问题。在项目中我们使用 ng-repeat 加载完一个列表后,如果再次请求数据,然后过滤列表,代码可能会这么写: 请求新数据 ... 阅读全文
-
AngularJs 双向绑定机制解析
摘要:AngularJs 双向绑定机制解析AngularJs的元素与模型双向绑定依赖于循环检测它们之间的值,这种做法叫做脏检测,这几天研究了一下其源码,将 Angular 的实现分享一下。首先看看如何将 Model 的变更更新到 UIAngular 的 Model 是一个 Scope 的类型,每个 Sco... 阅读全文
-
造出最好的 CMS 轮子
摘要:zerojs! 造出最好的 CMS 轮子zerojs是一个基于nodejs、angularjs、git的CMS。在它之上可以继续开发出博客、论坛、wiki等类似的内容管理型系统。拥抱开发者和社区层次清晰,高度解耦。前后端即使分开也都是完全可独立运行的系统。每一个层次都是用当前业界最流行的工具和方法作... 阅读全文
-
搭建开发框架Express,实现Web网站登录验证
摘要:NodeJS学习笔记(一)——搭建开发框架Express,实现Web网站登录验证 JS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,NodeJS就是一个解析器。每一种解析器都是一个运行环境,不但允许JS定义各种数据结... 阅读全文
-
另类angularjs应用
摘要:另类angularjs应用回顾 上一篇文章主要讲解了创建兼容任意浏览器(主要是ie的一些奇葩问题)的angularjs web应用,但是项目开发中其实更重要的还是在功能的模块化、代码自动压缩上面,这样项目在后期维护或者功能的重复利用上才会更方便,那么今天主要围绕以下几个主题来讲讲如何在不是用其他j... 阅读全文
-
用RequireJS优化Wijmo Web页面
摘要:用RequireJS优化Wijmo Web页面上周Wijmo 2014 V2版本刚刚发布(下载地址), 有网友下载后发现仅仅使用了40个Widgets的一小部分,还需要加载全部的jquery.wijmo-pro.all.3.20142.45.min.js包? 即对仅使用部分的Widget,有无办法优... 阅读全文
-
jQuery百叶窗图片滑块
摘要:超酷的jQuery百叶窗图片滑块实现教程今天我们要来分享一款基于jQuery的百叶窗焦点图插件,也可以说是图片滑块插件。这种jQuery焦点图插件的应用非常广泛,在早些年前,我们需要用flash来完成这种百叶窗的效果。如今我们可以用jQuery来实现这个动画效果。这款jQuery百叶窗焦点图不仅可以... 阅读全文
-
开源框架之TAB控件
摘要:我的开源框架之TAB控件需求(1)支持iframe、html、json格式的tab内容远程请求(2)支持动态添加tab(3)支持远程加载完成监听,支持tab激活事件监听(4)支持reload tab内容【如果是远程加载】(5)支持邮件菜单【未实现】实现图例客户代码 1 2 3 ... 阅读全文
-
.Net程序员的前端优化
摘要:面向.Net程序员的前端优化2014-08-06 17:20 by 熬夜的虫子,1152阅读,9评论,收藏,编辑背景 作为web开发人员大家大多了解一些网站的性能优化方法,其实大部分方法都不复杂,例如针对前端js和css的压缩来减少请求大小,通过合并来减少请求次数。这里站在.Net后端程序员的角度... 阅读全文