为您找到相关文章29篇
  • JavaScript将数组字符串转数组对象的方法

    2017-12-27 在JavaScript,如何将数组字符串转数组对象呢?可以利用强大的eval函数可以实现。如有一个数组字符串 [7,9,16,5] ,使用eval就可以将该字符串转换为数据。具体实现如下:var arrayText = "[7,9,16,5]"; console.log( arrayText );// 打印数组字符串 var array = eval( "(" + arrayText + ")" ) console.log( array );// 打印数组对象可以从控制台看出, [7,9,16,5]数组字符串已经被转换为一个数组对象,并具有了数组的特性,如果长度、方法等。 
    前端 - 去评论 - 600人浏览
  • Jquery圣诞节特效

    2017-12-25 为了庆祝圣诞节(其实是为了悼念我这毫无收获的一年),自己手动给博客换了一个圣诞节的特效。该特效需要依赖Jquery和Jquery snow插件。不废话,直接上代码了:<!-- 引入jquery snow插件 --> <script type="text/javascript" src="/js/jquery.snow.js"></script> <script type="text/javascript"> var snowEffectInterval = jQuery.fn.snow({ // min size of el...
    前端 - 去评论 - 494人浏览
  • WebSocket 简单示例

    2017-09-21 一、WebSocket简介WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字,使用ws或wss协议,可用于任意的客户端和服务器程序。WebSocket目前由W3C进行标准化。WebSocket已经受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等浏览器的支持。WebSocket API最伟大之处在于服务器和客户端可以在给定的时间范围内的任意时刻,相互推送信息。WebSocket并不限于以Ajax(或XHR)方式通信,因为Ajax技术需要客户端发起请求,而WebSocket服务器和客户端可以彼此相互推送信息;X...
    后端 - 去评论 - 521人浏览
  • Javascript实现Map

    2017-08-11 在Javascript开发中,在使用数组时无法满足开发需求。下面这是一个手动实现的简单Map()。Array.prototype.remove = function(s) { for (var i = 0; i < this.length; i++) { if (s == this[i]) this.splice(i, 1); } } /** * Simple Map * * * var m = new Map(); * m.put('key','value'); * ... * v...
    前端 - 去评论 - 499人浏览
  • Javascript设计模式之Module(模块)模式

    2017-05-24 模块化是任何强大的应用程序架构中不可或缺的一部分,它通常能帮助我们清晰的分离和组织项目中的代码单元。在Javascript中,实现模块的方式包括:1、对象字面量表示法2、Module模式3、AMD模式4、CommonJS模式5、ECMAScript Harmony模式1、对象字面表示法:一个对象被描述为一组包含在大括号({})中,以逗号分割的键值(name/value) 对。对象名称可以是字符串或标识符,名称和值直接用冒号连接。对象中最后一个键值(name/value) 对后面不用加逗号,加逗号会导致报错。对象字面量不需要使用new运算符来进行实例化。下面是一个使用对象字面量表示法定义的...
    前端 - 去评论 - 760人浏览
  • Google地图实现路线规划(JavaScript)

    2017-05-19 关于谷歌地图实现地图路线规划的功能,具体实现代码如下:Html代码:<body onload="initMap()"> <div id="map_canvas" style="height:90%;top:30px"></div> </body>JS代码:<script language="javascript" type="text/javascript"> function initMap() { var initAddr = {lat: 31.230416, lng: 121.473701...
    前端 - 去评论 - 634人浏览
  • JavaScript中Error对象的详解

    2017-03-07 Error:一个一般性的异常。Error的构造:     new Error();     new Error(message);参数:     message:一条可选的错误消息,用于提供关于该异常的细节。返回:     一个新构建的Error对象。如果指定message参数,则该Error对象将它用做它的message属性值。其他情况下,它将使用一个预定于的默认字符串作为该属性的值。当不使用new 操作符,直接将Error()构造函数像一个函数一样调用时,它的行为和带new操作符调用时一样。属性:     message:提供关于该异常的细节的一条错误消息。这个属性的值为传给构造函数...
    前端 - 去评论 - 590人浏览
  • JavaScript 检查属性是否是继承

    2017-03-03 Object.hasOwnProperty() :检查一个属性是否是继承的使用方法:Object.hasOwnProperty(propname)参数:propname:包含对象的属性名的字符串返回:如果对象有一个指定名字的 非继承的属性 则返回true;如果该对象没有指定名字的属性,或者 这个属性是从它的原型对象继承而来则返回false。JavaScript对象可以有自己的属性,也可以从它们的原型对象那里继承属性。hasOwnProperty()方法提供一个识别继承属性和非继承的本地属性的方法。下面用一个Demo来演示一下:var obj = new Object();// 创建一个对...
    前端 - 去评论 - 415人浏览
  • 基于npm scripts的前端构建工具

    2017-02-27 在前端开发工作中,为了避免重复的工作,我们通常会借助一些任务运行器去完成常见的前端任务,例如文件合并,脚本压缩,生成sprite图。世面上有很多这样的工具,比较成熟的有 grunt,gulp,webpack,shell,ant。使用这些工具可以大大的提高我们的日常产出,让我们把开发的重心放在项目本身的业务上,而不必在常见任务上浪费过多的时间。我们不去讨论这些工具之间的优势和差异,一千个读者就有一千个哈姆雷特。在工作中,我使用过的前端任务工具包括但不限于 grunt,gulp,他们的确给我带来了很多的帮助,当我发现 npm scripts 命令就能很好的完成这些任务时,我不得不跟他们告别。...
    前端 - 去评论 - 525人浏览
  • 关于SpringMVC返回字符串(JSON)乱码问题

    2016-02-24 最近在工作中,又遇到了以前出现的一个编码问题。在使用前端Ajax向SpringMVC请求JSON数据,用来获得ztree的数据。返回的数据中有中文,当树渲染出来时,发现树的各个节点上全是"???"这样的。脑海中第一反应,数据乱码了。那么在地方乱的呢?前端和后端都是UTF-8的编码格式,会是什么地方出了问题呢?经过跟踪代码,发现SpringMVC在return之前获取的数据都是正常的中文,到Ajax请求得到的数据就乱了。也就是说,数据在Spring 返回向前端的时候乱码了。 以前在遇到过这个问题,今天又遇到了,这只能怪自己编码不够严谨。所以就将该问题的解决方案贴出来,给自己做个备忘,空的时...
    后端 - 去评论 - 453人浏览
  • JavaScript的对象创建及属性设置

    2016-01-15 在JavaScript中,创建新对象的方法有两种方法:方法一:var newObject = {};方法二:// object构造器的简洁记法 var newObject = new Object();在Object构造器为特定的值创建对象封装,或者没有传递值时,它将创建一个空的对象并返回给它。 有四种方法可以将键值赋值给一个对象:ECMAScript 3兼容方法1. "点" 语法// 设置属性 newObject.someKey = "Hello World"; // 获取属性 var key = newObject.someKey;2.中括号语法// 设置属性 ...
    前端 - 去评论 - 548人浏览
  • JQuery禁用回车键表单提交

    2014-11-30 JQuery禁用回车键表单提交$("#form").keypress(function(e) { if (e.which == 13) { return false; } });  
    前端 - 10人评论 - 2485人浏览