详解JavaScript对象序列化_javascript技巧 2
一.什么是对象序列化？ 对象序列化是指将对象的状态转换为字符串（来自我这菜鸟的理解，好像有些书上也是这么说的，浅显易懂！）； 序列化(Serialization)是将对象的状态信息转换为可以存储或传输的形式的过程（来自“百度百科—序列化“，学术性强，略显高端）； 二.为什么会有对象序列化？ 世间万物，都有其存在的原因。为什么会有对象序列化呢？因为程序猿们需要它。既然是对象序列化，那我们...
Javascript的表单验证-揭开正则表达式的面纱_javascript技巧
推荐阅读：Javascript的表单验证长度 Javascript的表单验证-提交表单 Javascript的表单验证-初识正则表达式 在上篇文章给大家介绍了javascript的表单验证-初识正则表达式，本文给大家介绍Javascript的表单验证-揭开正则表达式的面纱，具体详情请看全文。 用元字符匹配相应的字符类型 创建正则表达式有点像创建字符串字面量，只不过正则表达式出现在一对”/”里 正则...
深入探究JavaScript中for循环的效率问题及相关优化_javascript技巧
Underscore.js库 你一天（一周）内写了多少个循环了？ var i; for(i = 0; i < someArray.length; i++) { var someThing = someArray[i]; doSomeWorkOn(someThing); } 这当然无害，但这种写法非常丑而且奇怪，这也不是真正需要抱怨的。但这种写法太平庸了。 var i, j; for(i = ...
JavaScript下的时间格式处理函数Date.prototype.format_javascript技巧
实例一： 一个全的js时间处理函数，虽然我没有仔细去研究里面的正则，但是我经过了测试，是非常好用的，你可以根据你自己的需求设置想要的时间格式的字符串输出，我应用到的格式为：MM/dd/yyyy hh:mm TT和yyyy-MM-dd HH:mm:ss。 Date.prototype.format = function (mask) { var d = this; var zeroize = fun...
JavaScript学习笔记之创建对象_javascript技巧
JavaScript 有Date、Array、String等这样的内置对象，功能强大使用简单，人见人爱，但在处理一些复杂的逻辑的时候，内置对象就很无力了，往往需要开发者自定义对象。 从JavaScript定义上讲对象是无序属性的集合，其属性可以包含基本值、对象或函数。也就是说对象是一组没有特定顺序的属性，每个属性会映射到一个值上，是一组键值对，值可以是数据或对象。 对象是JavaScript的基本...
JavaScript保存并运算页面中数字类型变量的写法_javascript技巧
之前在html页面嵌入一段如下javascript片段，但是在单击一个按钮的时候会对i值加一，但是两次单击之后，i的初始值没变。 复制代码 代码如下: var i=2; 后来把变量声明在一个test对象里面，如下代码。这样每次变更test.i之后，test.i的值就可以保存下来 复制代码 代码如下: var test={}; test.i=2;
jQuery unbind()方法实例详解_jquery
本文实例讲述了jQuery unbind()方法使用方法。分享给大家供大家参考，具体如下： jQuery 中的 unbind() 方法是 bind() 方法的反向操作，从每一个匹配的元素中删除绑定的事件。 语法结构： 复制代码 代码如下:unbind([type][, data]); type是事件类型，data为将要移除的事件。具体说明如下： 1、如果没有参数，则删除所有的绑定事件； 2、如果提...
JavaScript入门系列之知识点总结_javascript技巧
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 一、准备工作： 1、为什么学习JavaScript 所有的主流浏览器都只是Javascript 大部分网页都使用Javascr...
JavaScript中Cookies的相关使用教程_基础知识
Cookies是什么 ? Web浏览器和服务器使用HTTP协议进行通信，并且HTTP是一种无状态协议。但对于一个商业网站它需要保持不同的页面间的会话信息。例如在完成多页后，一个用户注册结束。但是，如何保持所有网页用户的会话信息。 在许多情况下，使用Cookie来记忆和跟踪的喜好，采购，佣金，并要求更好的访问体验或网站的统计数据等信息的最有效的方法。 它是如何工作的 ? 服务器发...
JS中setTimeout的巧妙用法前端函数节流_javascript技巧
什么是函数节流？ 函数节流简单的来说就是不想让该函数在很短的时间内连续被调用，比如我们最常见的是窗口缩放的时候，经常会执行一些其他的操作函数，比如发一个ajax请求等等事情，那么这时候窗口缩放的时候，有可能连续发多个请求，这并不是我们想要的，或者是说我们常见的鼠标移入移出tab切换效果，有时候连续且移动的很快的时候，会有闪烁的效果，这时候我们就可以使用函数节流来操作。大家都知道，DOM的操作会很消...
AngularJS模块管理问题的非常规处理方法_AngularJS
1.起因 自己一直做winform，有幸从某个大神手里接了一个node.js,express,angularJS等集众多开源框架的一个项目，赶鸭子上架，于是一边学习，一边用自己以往的思中去整理，重构代码； 2.问题 在某几个环境下，需要用BootStrap的模态框，咱是学win的么。。 自然而然的想到将boosStrp的模态框整成一个通用的东西，四处调用 。。。 于是用patial引用对话框文件，...
javascript组合使用构造函数模式和原型模式实例_javascript技巧
本文实例讲述了javascript组合使用构造函数模式和原型模式的方法。分享给大家供大家参考。具体如下： function testPrototype2(){ function Person3(name, age, job){ this.name=name; this.age=age; this.job=job; this.friends =["shelb", "court"]; } Person...
时钟Jquery+html5特效代码分享（可设置闹钟并且语音提醒）_jquery
本文实例讲述了Jquery+html5可设置闹钟并且会语音提醒的时钟特效。分享给大家供大家参考。具体如下： 这是一款基于Jquery+html5实现可设置闹钟并且会语音提醒的时钟特效代码，超逼真的模拟时钟，最大的特点还可以语音提醒，感兴趣的小伙伴们快来研究研究。 运行效果图：-------------------查看效果 下载源码------------------- 小提示：浏览器中如果不能正常...
jquery中添加属性和删除属性_jquery
jquery中添加属性和删除属性： 复制代码 代码如下: $("#2args").attr("disabled",'disabled'); $("#2args").removeAttr("disabled"); 问题背景： 选择“选项1”是，“两个参数”这个单选按钮有效。 选择“选项2”时，让“两个参数”的这个单选按钮无效。 代码： demo .control-group{ margin-bott...
Windows系统下Node.js的简单入门教程_node.js
随着近日Paypal和Netflix宣告 迁移到Node.js, 服务器端Javascript平台已经证明其自身在企业领域的价值. 这对于Node来说是一小步，对于Javascript而言却是一大跨越啊! 来自.NET, Java, PHP, Ruby on Rails和更多技术领域的程序员, 所有游走于服务器端的编码者都会聚集到这个平台上. 作为像 Yahoo, Walmart, 和 Oracl...
详解JavaScript中数组的相关知识_JavaScript
创建数组 js中数组的声明可以有如下几种方式： var arr = []; // 简写模式 var arr = new Array(); // new一个array对象 var arr = new Array(arrayLength); // new一个确定长度的array对象 要说明的是： 虽然第三种方法声明了数组的长度，但是实际上数组长度是可变的。也就是说，即使指定了长度为5，仍然可以将元素存...
JS绘制生成花瓣效果的方法_javascript技巧 2
本文实例讲述了JS绘制生成花瓣效果的方法。分享给大家供大家参考。具体如下： 这里使用JS绘制生成花瓣效果，纯JS生成的图形绘制效果，想研究一下JavaScript图形绘画方面知识的，不妨参考一下这个小程序，我觉得还是挺不错的。 运行效果如下图所示： 具体代码如下： Js绘制生成花瓣效果 function a(x,y,color) {document.write("")} for(t=1;t<...
jquery实现选中单选按钮下拉伸缩效果_jquery 2
本文实例讲述了jquery实现选中单选按钮下拉伸缩效果的方法。分享给大家供大家参考。具体如下： 这是一个使用jQuery插件实现的伸缩效果，在网页上，单击单选按钮，也就是Radio元素后，所属的对应内容向下拉出，伸展开来，平时是不显示的，可用在发票打印快递单查询等场合。 运行效果如下图所示： 具体代码如下： 下拉伸缩效果 body,ul,li,h1,h2,h3{margin:0px; paddin...
jquery实现Li滚动时滚动条自动添加样式的方法_jquery
本文实例讲述了jquery实现Li滚动时滚动条自动添加样式的方法。分享给大家供大家参考。具体如下： 这里使用jquery实现当拖动滚动条的时候，Li滚动列表中的内容会自动随滚动条变化而下移，并自动添加样式。 运行效果截图如下： 具体代码如下： scroll滚动，LI随滚动条自动变化 .sub_menu_frame { position: fixed; top: 50px; width: 280; ...
简介可以自动完成UI的AngularJS工具angular-smarty_AngularJS
我们最近为我们的论坛增加了一个自动完成功能（称为Smarty），在要求专业人员简介的主页上。这是一个超有用的功能，因为它有助于我们将用户导航到他们真正想去的地方。它很有意思，也是用AngularJS构建的！ 我们希望Smarty能够: 通过用户的给定输入 (一个前缀)，通过一个HTTP请求后自动提供建议 显示一个建议的下拉列表 当用户输入时更新 足够快，能够跟得上用户的输入 导航直观且能够关闭 可...
JavaScript对象属性检查、增加、删除、访问操作实例_javascript技巧
检查属性 var mouse = { "name": "betta", "age": 3, "varieties": "milaoshu" } mouse.hasOwnProperty("name"); // true mouse.hasOwnProperty("sex"); //false 增加属性 定义个对象 dog，然后赋予各种特性，再赋予 color特性，最后遍历所有的属性以及值 var ...
JavaScript实现向OL列表内动态添加LI元素的方法_javascript技巧
本文实例讲述了JavaScript实现向OL列表内动态添加LI元素的方法。分享给大家供大家参考。具体分析如下： JavaScript向OL列表内动态添加LI元素的方法，下面JS代码每次点击按钮都会想OL列表中动态添加一个LI function addItem() { var myitem = document.getElementById("ItemToAdd").value; var mylis...
JS实现点击按钮控制Div变宽、增高及调整背景色的方法_javascript技巧
本文实例讲述了JS实现点击按钮控制Div变宽、增高及调整背景色的方法。分享给大家供大家参考。具体如下： 这里使用JavaScript实现点击按钮后改变DiV的高度、宽度和背景色等，点击对应按钮，Div调整高度、调整宽度、调整背景色等。实现方面主要是使用JS来控制点击按钮后改变CSS样式文件，这一切都是在JS的动态控制下，比如无刷新切换网页风格的实现，可以以此为基础来扩展。 运行效果如下图所示： 具...
JavaScript中原型和原型链详解_基础知识 4
javascript中的每个对象都有一个内置的属性prototype，Javascript中对象的prototype属性的解释是：返回对象类型原型的引用。意思是是prototype属性保存着对另一个JavaScript对象的引用，这个对象作为当前对象的父对象。 复制代码 代码如下: A.prototype = new B(); 理解prototype不应把它和继承混淆。A的prototype为B的...