代码改变世界

随笔分类 -  [53] JQuery & KnockoutJS

使用 jQuery.TypeAhead 让文本框自动完成 (四)(自定义模板)

2019-04-30 22:24 by 音乐让我说, 506 阅读, 收藏, 编辑
摘要: 项目地址:https://github.com/twitter/typeahead.js 直接贴代码了: UCjQueryTypeAheadJsScript.cshtml(注意:多个一个JS) Controller.cs examples.css 运行效果 谢谢浏览! 阅读全文

使用 jQuery.TypeAhead 让文本框自动完成 (三)(服务器返回 JSON 复杂对象数组)

2019-04-30 22:19 by 音乐让我说, 296 阅读, 收藏, 编辑
摘要: 项目地址:https://github.com/twitter/typeahead.js 直接贴代码了: UCjQueryTypeAheadJsScript.cshtml Controller.cs examples.css 运行后 谢谢浏览! 阅读全文

使用 jQuery.TypeAhead 让文本框自动完成 (二)(访问远程数据)

2019-04-30 22:12 by 音乐让我说, 242 阅读, 收藏, 编辑
摘要: 项目地址:https://github.com/twitter/typeahead.js 直接贴代码了: UCjQueryTypeAheadJsScript.cshtml Controller.cs examples.css 谢谢浏览! 阅读全文

使用 jQuery.TypeAhead 让文本框自动完成 (一)(最简单的用法)

2019-04-30 22:08 by 音乐让我说, 1179 阅读, 收藏, 编辑
摘要: 项目地址:https://github.com/twitter/typeahead.js 直接贴代码了: UCjQueryTypeAheadJsScript.cshtml Controller.cs examples.css 谢谢浏览! 阅读全文

使用 jQuery.AutoComplete 让文本框自动完成

2019-04-30 21:52 by 音乐让我说, 959 阅读, 收藏, 编辑
摘要: 直接贴代码了。 UCJQueryAutocompleteScript.cshtml Controller.cs jquery.auto-complete.js jquery.auto-complete.css 谢谢浏览! 阅读全文

小记编程语言的设计

2019-04-30 21:08 by 音乐让我说, 371 阅读, 收藏, 编辑
摘要: 前言 首先我们知道,不同的语言的设计思想是相互借鉴的。ASP.NET Core 随着微软的全面开放,导致它有机会重新设计 HTTP 请求、响应管道,老旧的 ASP.NET 已经不能很好地满足人们对新时代 Web 3.0 的期待,故重新设计意味着微软可以弯道超车,用及其优美的语言、框架设计,赢得开发者 阅读全文

一款回到顶部的 jQuery 插件,支持 Div 中的滚动条回到顶部

2019-04-29 14:42 by 音乐让我说, 639 阅读, 收藏, 编辑
摘要: 前言 今天在网上搜索“回到顶部”的 jQuery 插件,网上有很多,但是大部分都不支持让 Div 中的滚动条回到顶部。于是乎,不放弃,自己参考 Github 上的一个 jQuery 插件,经过自己的修改,终于让它支持了。 运行效果 口说无凭,写贴效果图: 这是当滚动条处于最顶部时,会自动隐藏“回到顶 阅读全文

一个简单的 ASP.NET MVC 例子演示如何在 Knockout JS 的配合下,使用 TypeScript 。

2014-05-29 18:15 by 音乐让我说, 2626 阅读, 收藏, 编辑
摘要: 前言 TypeScript 是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构师,已工作于TypeScript的开发。TypeScript扩展了 JavaScript 的句法, 阅读全文

代码演示用 KnockoutJS 和 Web API 对一个表格(Gird)进行 CRUD 操作,在 MVC 5 下

2014-05-28 17:58 by 音乐让我说, 839 阅读, 收藏, 编辑
摘要: 实体类: using System; using System.Collections.Generic; public partial class EmployeeInfo { public int EmpNo { get; set; } ... 阅读全文

【转】如何做到 jQuery-free?

2013-05-11 21:31 by 音乐让我说, 687 阅读, 收藏, 编辑
摘要: jQuery是现在最流行的JavaScript工具库。 据统计,目前全世界57.3%的网站使用它。也就是说,10个网站里面,有6个使用jQuery。如果只考察使用工具库的网站,这个比例就会上升到惊人的91.7%。虽然jQuery如此受欢迎,但是它臃肿的体积也让人头痛不已。jQuery 2.0的原始大小为235KB,优化后为81KB;如果是支持IE6、7、8的jQuery 1.8.3,原始大小为261KB,优化后为91KB。这样的体积,即使是宽带环境,完全加载也需要1秒或更长,更不要说移动设备了。这意味着,如果你使用了jQuery,用户至少延迟1秒,才能看到网页效果。考虑到本质上,jQuery只 阅读全文

jQuery 插件之 jQuery.query 的简单示例代码

2013-03-11 18:07 by 音乐让我说, 219 阅读, 收藏, 编辑
摘要: 首先引用jquery.query 插件,比如我这里是:jquery.query-2.1.7.js直接贴代码了: // 当排序下拉框改变时 function onOrderChange(toUrl) { var order = $("#s_order").val(); var queryUrl = $.query.load(toUrl).set("s_order", order).toString(); var resultUrl; var tempIndex = toUrl.indexOf('?'); if... 阅读全文

jQuery 插件 jquery.countdown.js 实现倒计时特效

2012-12-11 19:28 by 音乐让我说, 450 阅读, 收藏, 编辑
摘要: 倒计时我以前读书的时候就自己写过,现在代码不知道去哪里了,急用的话,就搜索到 jquery.countdown.js 还慢好用的!效果如下:谢谢浏览! 阅读全文

我的第二个 jQuery 插件:模仿新浪微博首页“大家正在说”特效

2012-10-20 12:01 by 音乐让我说, 393 阅读, 收藏, 编辑
摘要: 我的 第一个 jQuery 插件:模仿QQ空间好友提示层(DIV)如题,我们今天要实现的效果是模仿新浪微博首页“大家正在说”特效:下面是我的特效展示:怎么样,还是挺相似的吧!下面贴出主要的 jQuery 插件代码:/** 模仿新浪微博首页的“大家都在说”特效,即层自动向下滚动** Copyright (c) Bruce Liu QQ:403350327 新浪微博:http://weibo.com/liuzuliang** 来自:http://www.cnblogs.com/Music/archive/2012/10/20/jquery-weibo-galary.html** 转载请注明,o.. 阅读全文

(原创)简单 jQuery 插件让 Table 中的 Tr 实现光棒效果

2012-07-06 19:05 by 音乐让我说, 638 阅读, 收藏, 编辑
摘要: 该插件是我大约 2 年前在上一家公司时写的,由于时间比较仓促,没有以 jQuery 插件的方式而已,想着等着有时间了,再来完善。后来不知不觉就忘记了,今天由于项目需要,就重新拿出来,完善了一下。PS:本人不是搞前端的,但比较热爱前端,上一家公司由于没有招聘前端开发工程师,一些 Javascript 特效我就代劳了。本插件是一个轻量级插件,很简单,主要是为了让一个 Table 里面的 Tr 实现光棒效果,即鼠标移上去和移出来变换颜色,并且支持全选、选中单个时,颜色保留,不随着鼠标的移出而退色。演示开始(注意:需要网页完全加载!):全选ID标题1Hello World2博客园3音乐让我说 - 博客 阅读全文

一个简单的 jquery.pager 分页的例子

2012-03-18 20:07 by 音乐让我说, 546 阅读, 收藏, 编辑
摘要: 直接贴代码了:///<summary>得到数据,并且显示</summary>///<param name="pageIndex">当前页的页码,最小值为1</param>///<param name="pageSize">每页显示的记录数,最小值为1</param>///<param name="searchText">要搜索的配料标题关键字</param>function GetDataAndShow(pageIndex, pageSiz 阅读全文

Jquery 模板插件 jQuery.tmpl()

2011-12-26 16:28 by 音乐让我说, 660 阅读, 收藏, 编辑
摘要: API:http://api.jquery.com/jquery.tmpl/Description: Render the specified HTML content as a template, using the specified data.version added: 1.4.3jQuery.tmpl( template [, data] [, options] )templateThe HTML markup or text to use as a template.dataThe data to render. This can be any JavaScript type, i 阅读全文

(转)15个强大的jQuery开发提示和技巧

2011-11-20 20:03 by 音乐让我说, 158 阅读, 收藏, 编辑
摘要: 15个强大的jQuery开发提示和技巧收藏!谢谢浏览! 阅读全文

关于 JQuery 的克隆

2011-05-16 16:06 by 音乐让我说, 571 阅读, 收藏, 编辑
摘要: 当一个元素,比如:Div,如果它应用了下面的样式:.hide{display:none;}那么,当以它为模板克隆时,克隆出来的 div 将不会显示在页面中,即使你 移除了 hide 样式,并且手动调用 jquery 的 show 方法也不会显示。完整的例子是:<style type="text/css">.paymentSysTemplate{ display:none;}</style><tr class="paymentSysTemplate"><td>标题</td></tr>& 阅读全文

Jquery实现百度的鼠标移入图片抖动的特效

2011-04-25 12:23 by 音乐让我说, 878 阅读, 收藏, 编辑
摘要: 代码能说明一切:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>实现百度的鼠标移入图片抖动的特效</title> <script src="js/jque 阅读全文

快速使用Jquery的扩展 $.extend

2011-04-22 12:48 by 音乐让我说, 313 阅读, 收藏, 编辑
摘要: 见代码:var fancyboxDefaultConfig = { 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'titlePosition': 'outside', 'hideOnOverlayClick': false, 'overlayColor': '#000000', 'type': 'iframe', 'width': ' 阅读全文