代码改变世界

随笔分类 -  [52] Javascript

在 Javascript 端利用 windows.location.hash 来路由的简单示例

2021-04-28 21:44 by 音乐让我说, 319 阅读, 收藏, 编辑
摘要: 直接贴代码了: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=ed 阅读全文

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

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

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

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

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

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

利用 Javascript 让 DIV 自适应屏幕的分辨率,从而决定是否显示滚动条

2019-03-22 22:39 by 音乐让我说, 1090 阅读, 收藏, 编辑
摘要: 直接贴代码了: 下面是 Javascript 脚本: 运行效果: 谢谢浏览! 阅读全文

JavaScript 的 this 原理

2018-08-25 10:44 by 音乐让我说, 189 阅读, 收藏, 编辑
摘要: 一、问题的由来 学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果。 上面代码中,虽然obj.foo和foo指向同一个函数,但是执行结果可能不一样。请看下面的例子。 这种差异的原因,就在于函数体内部使用了this关键字。很多教科书会告诉你,this指的是函数运行时所在 阅读全文

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

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

实例演示 kino.razor (前端 Javascript 模板工具,Razor 风格)的使用

2014-04-09 18:16 by 音乐让我说, 3895 阅读, 收藏, 编辑
摘要: 前言对于习惯了 ASP.NET MVC Razor 模板引擎的人来说,比如我,一直在寻找前端 Javascript 端的 Razor 模板工具。这之前,我也了解到很多Javascript 端的模板工具,比如:jquery.tmpl、Knockout、front.js等等。园子里很多大牛推荐 Knockout,比如:蒋金楠(Artech)老师、汤姆大叔(TomXu)。个人觉得Knockout太强大了,强大到入门都是那么的困难,我看了官网上的几个例子,最后还是放弃了,觉得太复杂了,杀鸡还需要用牛刀吗?且并不是所有的“绑定”都要交给前端的,比如 Hello World 那个例子,FirstName、 阅读全文

在 Javascript 中,为什么给 form 添加了 onsubmit 事件,为什么 IE7/8 还是会提交表单?

2013-12-23 14:37 by 音乐让我说, 314 阅读, 收藏, 编辑
摘要: 参考地址:http://stackoverflow.com/questions/4078245/onsubmit-return-false-has-no-effect-on-internet-explorer-7-8-form-is-still-su我添加的代码是(取消在 form 里面写的 onsubmit):$("form[name=myform]").bind('submit',function(){ alert('handled'); return false;});谢谢浏览! 阅读全文

如何在点击 a 标签的 onclick 时间时,不触发 window.onbeforeunload 事件

2013-09-17 18:15 by 音乐让我说, 732 阅读, 收藏, 编辑
摘要: 如题!直接贴代码了: 点击看看运行截图:关闭浏览器时:点击链接后:谢谢浏览! 阅读全文

Javascript 实现倒计时效果

2013-06-28 15:58 by 音乐让我说, 330 阅读, 收藏, 编辑
摘要: 代码来自于网上。 Jquery实现倒计时效果 3600 效果图谢谢浏览! 阅读全文

一个轻量级 Javascript 模板引擎 front.js【二】

2013-05-21 23:49 by 音乐让我说, 1908 阅读, 收藏, 编辑
摘要: 项目地址:https://github.com/myst729/front.js主要代码:front.jsvar front = function(source, target, template) { var data = Array.isArray(source) ? source : [source]; var html = ""; data.forEach(function(el) { var tmpl = template.replace(/@if\{\{(\w+)\}\}([\s\S]+?)(@else([\s\S]+?))?@endif/g, function 阅读全文

扩展原生js的Array类[转]

2013-04-08 17:40 by 音乐让我说, 196 阅读, 收藏, 编辑
摘要: 直接贴代码了:/**************** 数组扩展 ********************/Array.prototype.add = function(item) { this.push(item);}Array.prototype.addRange = function(items) { var length = items.length; if (length != 0) { for (var index = 0; index < length; index++) { this.push(items[index]); ... 阅读全文

自定义 Javascript 模板规则,打造轻量级模板引擎

2013-03-11 19:24 by 音乐让我说, 981 阅读, 收藏, 编辑
摘要: 直接贴 TemplateHelper 代码了:var TemplateHelper = { englishChars: "ABCDEFGHIJKLMNOPQRSTUVWXYZ", beginForeachChars: "{$foreach begin$}", endForeachChars: "{$foreach end$}", beginIfChars: "{$if begin$}", endIfChars: "{$if end$}", validateBeginEndTagGrammar: 阅读全文

一个简单的 Javascript 方法,验证上传的图片文件的扩展名是否正确

2012-08-23 15:37 by 音乐让我说, 298 阅读, 收藏, 编辑
摘要: 注意:经过优化以后,推荐下面的版本。 /** * 检查上传的文件的扩展名是否正确 * @param {string} filePath * @param {boolean} isAllowEmpty * @param {Array} allowFileExtensions */ function c 阅读全文

给 Javascript 的 日期(Date)对象扩展一个格式化(format)方法

2012-07-26 08:50 by 音乐让我说, 1009 阅读, 收藏, 编辑
摘要: 直接贴代码了:<!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 type="text/javascript"> 阅读全文