随笔分类 - Javascript
摘要：ES6 Generators系列： 如果你已经读过这个系列的前三篇文章，那么你肯定对ES6 generators非常了解了。希望你能从中有所收获并让generator发挥它真正的作用。最后我们要探讨的这个主题可能会让你血脉喷张，让你绞尽脑汁（说实话，写这篇文章让我很费脑子）。花点时间看下文章中的这些
阅读全文
摘要：ES6 Generators系列： 通过前面两篇文章，我们已经对ES6 generators有了一些初步的了解，是时候来看看如何在实际应用中发挥它的作用了。 Generators最主要的特点就是单线程执行，同步风格的代码编写，同时又允许你将代码的异步特性隐藏在程序的实现细节中。这使得我们可以用非常自
阅读全文
摘要：ES6 Generators系列： 如果你还不知道什么是ES6 generators，请看我的前一篇文章“ES6 Generators基本概念” 。如果你已经对它有所了解，本文将带你深入了解ES6 generators的一些细节。 错误处理 ES6 generators设计中最牛逼的部分之一就是ge
阅读全文
摘要：ES6 Generators系列： 在JavaScript ES6提供的诸多令人兴奋的新特性中，有一个新函数类型，叫generator。名字听起来很怪（我们姑且将它称之为生成器函数），而且行为更加让人觉得怪异。本文旨在解释generator函数的一些基本知识，用来说明它是如何工作的，并帮助你了解为什
阅读全文
摘要：通常情况下，在Node.js中我们可以通过underscore的extend或者lodash的merge来合并两个对象，但是对于像下面这种复杂的对象，要如何来应对呢？ 例如我有以下两个object： 希望合并之后的结果输出成下面这样： 通过underscore或者lodash现有的方法我们无法实现上
阅读全文
摘要：使用JQuery对多个ajax请求串行执行。 HTML代码： JS: 方法类似于Node.js中的q，使用promise defer模式将所有的ajax请求放到一个数组里，然后通过$.when.apply().done()将所有ajax请求依次执行。
阅读全文
摘要：HTML5 History API提供了一种功能，能让开发人员在不刷新整个页面的情况下修改站点的URL。这个功能很有用，例如通过一段JavaScript代码局部加载页面的内容，你希望通过改变当前页面的URL来反应出页面内容的变化，这时该功能可以派上用场。 举个例子，当用户从首页进入帮助页面时，我们通
阅读全文
摘要：在使用JQuery的Ajax从服务器请求数据或者向服务器发送数据时常常会遇到跨域无法请求的错误，常用的解决办法就是在Ajax中使用JSONP。基于安全性考虑，浏览器会存在同源策略，然而<script/>标签却具有跨域访问数据的能力，这就是JSONP工作的基本原理。有关同源策略以及什么是JSONP，可
阅读全文
摘要：前端JS中使用XMLHttpRequest 2上传图片到服务器，PC端和大部分手机上都正常，但在少部分安卓手机上上传失败，服务器上查看图片，显示字节数为0。下面是上传图片的核心代码： HTML JavaScript 上述代码使用FormData来实现表单数据提交。FormData是一种针对XHR2设
阅读全文
摘要：在JavaScript中对字符串进行转义和反转义操作，常用的方法莫过于使用encodeURI (decodeURI)、encodeURIComponent (decodeURIComponent)这几个方法，具体使用方法和区别可以参考这篇文章http://qianduanblog.com/post/
阅读全文
摘要：我们知道，MongoDB属于文档型数据库，其存储的文档类型都是JSON对象。正是由于这一特性，我们在Node.js中会经常使用MongoDB进行数据的存取。但由于Node.js是异步执行的，这就导致我们无法保证每一次的数据库save操作都是原子型的。也就是说，如果客户端连续两次发起同一事件将数据...
阅读全文
摘要：想通过JQuery来check或者uncheck页面上的checkbox控件，我们可能会想到用下面的代码：$('#chk-all').on('click', function(){ var checked = $(this).is(':checked'); $("input[type...
阅读全文
摘要：通过JavaScript的Math.random()方法可以获取0到1之间的任意随机数，那如何获取任意给定的两个数之间的随机数呢？如获取2和5之间的随机数，5和10之间的随机数等。 由于Math.random()函数总是返回0到1之间的一个随机数，我们可以把0看成最小数，把1看成最大数。假设最小数是
阅读全文
摘要：使用绝对定位元素，让元素A完全盖住元素B时，如何通过元素A来响应元素B的事件呢？ 上图可以用下面的SVG代码来实现： 第一个rect被第二个rect完全盖住，因此无法响应onclick事件。在传统解决办法中，我们需要编写JavaScript代码来实现事件穿透，即首先响应第二个...
阅读全文
摘要：在SVG中，我们无法给Text元素设置Width和Height属性，因此无法直接获取Text元素的高和宽。如果想要给Text元素添加背景色，最简单的办法就是在Text元素的下面添加Rect，然后给Rect设置fill属性。如下面的代码：2014-09-11 显示效果 但是如果Text元素的字...
阅读全文
摘要：原文地址：http://www.cnblogs.com/zhangpengshou/archive/2012/07/19/2599053.html 结合meizz的代码做了适当调整。Date.prototype.Format = function (fmt) { var that = t...
阅读全文
摘要：当从网页上将内容粘贴到Kindeditor编辑器中时，其中包含的图片会被自动识别出来同时上传到服务器，并将图片的地址修改为本地相对地址。
阅读全文
摘要：本文描述了如何通过jQuery来对ASP.NET CheckBoxList控件进行一些基本操作，如通过value/text/index check/uncheck CheckBoxList，最小/最大选择限制等。 例如在ASP.NET页面中有如下CheckBoxList控件定义： Serve...
阅读全文
摘要：介绍一个JQuery的插件，用来在页面上高亮显示匹配到的字符串。Demo 点击下面的两个链接以查看效果：highlightjavascript 点击Remove highlights移除高亮显示。用法Add highlight 下载jquery.highlight-4.js然后添加到页面上，注意前提是页面上已经添加了JQuery的引用。Closure Compiler compressed version (1KB)也可以用。Style the highlight class 在CSS中添加你想要高亮显示的效果，如.highlight { background-color: yel...
阅读全文
摘要：本文旨在介绍如果通过C#将获取到的XML文档转换成对应的JSON格式字符串，然后将其输出到页面前端，以供JavaScript代码解析使用。或许你可以直接利用JavaScript代码通过Ajax的方式来读取XML，然后直接对其中的内容进行解析，这样或许更直接一些。但本文中给出的代码旨在说明如何通过原生的C#代码来完成这一转换。除此之外，你仍然可以借用一些第三方类库或者更高级一些的.NET库对象来实施转换。我们来看看这里介绍的一些较为简单的方法，但前提是你必须拥有可支持的类库和对象以备使用。使用Json.NET类库 前提是需要首先下载和安装Json.NET类库，在这里可以找到http://j...
阅读全文