BlogJava-liuyf8688-文章分类-Javascript

JS中最简单的HashMap实现

liuyf8688 — Wed, 27 Jan 2016 11:00:00 GMT

liuyf8688 2016-01-27 19:00 发表评论

Json String解析

liuyf8688 — Mon, 03 Aug 2015 10:33:00 GMT

背景

1.后台发布API，返回结果为JSON。
2.前端采用AJAX异步请求。

通常我们会碰到后台API返回单个返回值，类型为string的情况。
但是我们查看浏览器控制台或通过alter直接打印结果时，通常该值是被包裹在双引号中。
例如，"http://www.baidu.com"

＝＝＝＝＝＝＝＝＝＝＝＝＝割割割割割割割割===================

我们很困惑，
前端说：后端应该返回string，不带双引号。
后端说：我们返回的是标准JSON格式，不能去掉双引号。
前端说：标准JSON格式为什么不带大括号（{}）。

如果我们细心的去查询JSON官方站点(http://json.org)的话，我们会发现JSON拥有一个单独的类型为String。
定义如下：

A string is a sequence of zero or more Unicode characters, wrapped in double quotes, using backslash escapes. A character is represented as a single character string. A string is very much like a C or Java string

String是由0个或多个Unicode字符组成的序列，被包裹在双引号中。可以使用斜杠（\）来逃逸关键字或特殊字符。字符表示单个的字符串。
字符串与C或JAVA中的字符串非常相似。

现在我们明白了，原来这是一种标准的JSON格式。
那么我们怎么解析他呢。

其实非常简单，我们把他当作普通的JSON来解析就可以了。

liuyf8688 2015-08-03 18:33 发表评论

jQuery插件开发注意事项

liuyf8688 — Thu, 21 Jul 2011 04:33:00 GMT

Always wrap your plugin in (function( $ ){ // plugin goes here })( jQuery );
Don't redundantly wrap the this keyword in the immediate scope of your plugin's function
Unless you're returning an intrinsic value from your plugin, always have your plugin's function return the this keyword to maintain chainability.
Rather than requiring a lengthy amount of arguments, pass your plugin settings in an object literal that can be extended over the plugin's defaults.
Don't clutter the jQuery.fn object with more than one namespace per plugin.
Always namespace your methods, events and data.

liuyf8688 2011-07-21 12:33 发表评论

验证输入的文本长度，区分全角和半角

liuyf8688 — Mon, 08 Mar 2010 03:30:00 GMT

1 <script type="text/javascript">
2 /**
3 * 字符串求长度(全角)
4 */
5 String.prototype._getLength = function() {
6     var str = this;
7     var len = str.length;
8     var reLen = 0;
9     for (var i = 0; i < len; i++) {
10         if (str.charCodeAt(i) < 27 || str.charCodeAt(i) > 126) {
11             // 全角
12             reLen += 2;
13         } else {
14             reLen++;
15         }
16     }
17     return reLen;
18 }
19 function test(){
20     alert(document.getElementById("inputDemo").value._getLength());
21 }
22 script>
23
24 <input type="text" id="inputDemo" />
25 <input type="button" value="click me!" onclick="test()"/>

liuyf8688 2010-03-08 11:30 发表评论

js中实现trim方法

liuyf8688 — Sat, 20 Feb 2010 05:47:00 GMT

1     String.prototype.Trim = function(){
2         return this.replace(/(^\s*)|(\s*$)/g, "");
3     }
4
5     String.prototype.LTrim = function(){
6         return this.replace(/(^\s*)/g, "");
7     }
8     String.prototype.RTrim = function(){
9         return this.replace(/(\s*$)/g, "");
10
11     }

liuyf8688 2010-02-20 13:47 发表评论