随笔分类 -  Javascript

摘要：JS中的phototype是JS中比较难理解的一个部分本文基于下面几个知识点:1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。2 javascript的方法可以分为三类：... 阅读全文

摘要：如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多... 阅读全文

摘要：语法：background-position:length||lengthbackground-position:position||position取值：length:百分数|由浮点数字和单位标识符组成的长度值。请参阅长度单位position:top|center|bottom|left|center|right说明：设置或检索对象的背景图像位置。必须先指定background-image属性。该属性定位不受对象的补丁属性(padding)设置影响。默认值为：0%0%。此时背景图片将被定位于对象不包括补丁(padding)的内容区域的左上角。如果只指定了一个值，该值将用于横坐标。纵坐标将默认 阅读全文

摘要：网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.scrollHeight;网页被卷去的高： document.body.scrollTop;网页被卷去的左： document.body.scrollLeft;网页 阅读全文

摘要：1 Javascript数组转换为CSV格式 首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件。则我们可以使用如下的小技巧，代码如下：12var fruits = ['apple', 'peaches', 'oranges', 'mangoes'];var str = fruits.valueOf(); 输出：apple,peaches,oranges,mangoes 其中，valueOf()方法会将Javascript数组转变为逗号隔开的字符串。要注意的是，如果 阅读全文

摘要：chart: { type: 'area', ignoreHiddenSeries: false, //如果true,一旦一个系列被隐藏，轴将会扩展剩余的可见系列 }, 这是设置的两个纵坐标轴： yAxis : [{ title : { text : '参数值' }, plotLines : [{ value : 0, width : 1, ... 阅读全文

摘要：在jQuery中如何使用.siblings()来选择同辈元素// 不这样做 $('#nav li').click(function(){ $('#nav li').removeClass('active'); $(this).addClass('active'); });//替代做法是 $('#nav li').click(function(){ $(this).addClass('active').siblings().removeClass('active'); });如何把一个 阅读全文

摘要：最近看几个朋友都在研究node.js，今天自己也安装个测试测试。安装环境为：Vmware虚拟的CentOs6.0, 安装步骤：1.安装Gccyum install gcc-c++ openssl-devel wget --no-check-certificate https://github.com/joyent/node/tarball/v0.3.3 2.下载node.js,从官网找最新到版本下载，我下载的版本是：wget http://nodejs.org/dist/v0.6.14/node-v0.6.14.tar.gz3.解压编译安装tar -zxvf node-v0.6.14.ta.. 阅读全文

摘要：js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。例如：退出2、 进行url跳转时可以整体使用encodeURI例如：Location.href=encodeURI(”http://cang.baidu.com/do/s?word=百度&ct=21″);3、 js使用数据时可以使用escape[Huoho.Com编辑]例如：搜藏中histo 阅读全文

摘要：用键盘输入日期数字快，还是用鼠标操作javascript日期选择器进行选择快呢？似乎并没有人进行这样无聊的统计。但在表单中需输入日期的地方增加一个Javascript日期选择器被认为是一项提升用户体验的良好设计，毕竟，这是增加，而不是替换。让各种不同操作习惯的用户都有自己的选择。17个Javascript日期选择器，也许在你下一次要优化你的网站设计时能用到:)1.Aeron Calendar一个强大、漂亮，基于Mootools开发的日期选择控件。2.PBBDatePicker一个功能强大，灵活的DatePicker。3.Jason’s Date Input Calendar(演示地址)一个简单 阅读全文

摘要：如何通过Jquery简单又快速的获取一组radio的取值呢?Jquery老的版本var_name = $(“input[@name='radio_name']:checked”).val();Jquery 1.3以后的版本var_name = $(“input[name='radio_name']:checked”).val();区别是老版本有个@. 阅读全文

摘要：今天在开发一个 异步更新 select下拉列表时，遇到了一些问题，现记录下，以备以后遇到时可以查阅。首先是：出现 非法标签错误，其原因是，在 eval json数据的时候，左右没有加括号，正确的格式应该是：eval(“(“+jsondata+”)”);其次是在访问json数据时，采用jsondata.length想来遍历数据，但是每次都是显示undefined,查了很多原因，一开始一直以为是jquery的版本问题，后来才知道 json格式有两种 表示方法，第一种：{“k1″:”v1″,”k2″:”v2″} ，这种数据格式返回的是 objcet对象，没有length属性第二种：[["k 阅读全文

摘要：shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefinedvar a = [1,2,3,4,5]; var b = a.shift(); //a：[2,3,4,5] b：1unshift：将参数添加到原数组开头，并返回数组的长度var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7 注：在IE6.0下测试返回值总为undefined，FF2.0下测试返回值为7，所以这个方法的返回值不可靠，需要用返回值时可用splice代替本方法来使用。pop：删除原数组最后一项，并返回删除元素 阅读全文