摘要：在C#中，有可变长参数params[]，但是在js中，如何实现这种可变参数呢？ 一、可变长参数 arguments是非常好的解决方法，一直不知道javascript有这个东西。 先来看看应用场景，使用arguments传入任意个数的参数到js函数里的写法。 输出 1 2 3; 当然，你也可以在jav
阅读全文
|
|
随笔分类 - 前端：javascript笔记
此系列文章乃本人学习javascript的笔记总结。
摘要：在C#中，有可变长参数params[]，但是在js中，如何实现这种可变参数呢？ 一、可变长参数 arguments是非常好的解决方法，一直不知道javascript有这个东西。 先来看看应用场景，使用arguments传入任意个数的参数到js函数里的写法。 输出 1 2 3; 当然，你也可以在jav
阅读全文
摘要：Bootstrap 提供了下列类型的表单布局： 垂直表单（默认） -> 这个不好看，都是手机版了，PC版占一排不好看； 内联表单 -> 我相信这个才是你想要的，PC版响应横排，手机版响应竖排。 水平表单 -> 用栅格系统控制显示 一、垂直表单 垂直表单使用的标准步骤 二、内联布局 内联布局与垂直布局
阅读全文
摘要：jQuery.fn如何扩展。 jQuery插件 $.fn(object)与$.extend(object) jQuery提供了两个方法帮助开发插件 $.extend(object);扩展jQuery类本身； $.fn.extend(object);扩展jQuery对象； 一、$.fn $.fn 等于
阅读全文
摘要：在之前写代码的经历中，常常试过写着写着this就莫名其妙的不知道指向到哪里去了。今天看了曾探的javascript设计模式，里面特别谈到了this在不同情况下指代的对象，非常有意思。 this指代的情况 this有以下4种情况： 1、对象.函数的形式调用：object.function(); 2、普
阅读全文
摘要：apply接受两个参数。第一个参数指定函数体内this对象的指向，第二个参数为一个带下标的集合。 call则是apply的语法糖，如果参数数量固定，则可以不用带下标的集合传第二个参数。 1 2 3 4 5 6 var func = function(a,b,c) { alert(a + b + c)
阅读全文
摘要：首先说3点与闭包有关系的东西。 一、变量的作用域 变量的作用域不难理解。 1.函数内部可以访问函数外部的变量，而函数外部不能访问函数内部的变量。 2.如果在函数内定义变量的时候，不加var，那么是全局变量(当然函数要被调用过一次，未调用过则报错：变量未定义)。加var，就是局部变量。 一个示例说明上
阅读全文
摘要：前两天开发一个新功能，用'on'函数为一个新增加的按钮绑定了一个事件，后来测试发现，这个事件有可能会触发多次。 <html> <head> <meta name="viewport" content="width=device-width" /> <title>码上飘</title> <script
阅读全文
摘要：百度编辑器Ueditor其实蛮好用的，后来使用了一段时间发现，每次打开后又保存，发现都会往内容的前后都增加一个空白的<p></p>。刚开始以后是百度编辑器的问题，找了很长时间也没办法解决。后来经过排查，发现居然是自己代码的问题。 如果代码是这样写的： 哈哈，缩进挺漂亮的嘛。但是前后有了回车啊，回车，
阅读全文
摘要：其实,javascript计算时间差的方式非常简单，如果是默认的Date()类型，直接相减就是相差的毫秒数。 输出如下： 如果，拿到的不是日期类型，而是"2016-03-28 10:27:00"这种的字符串格式呢，那么就需要先将字符串转换为日期类型。 以上得到的date1就是一个日期类型了。就可以计
阅读全文
摘要：javascript自定义事件的方式分为4个步骤； 一、谷歌、火狐自定义JavaScript事件 1、创建事件； 参数是字符串类型，表示要创建的事件类型。 uievents； mutationevents； htmlevents； 2、初始化事件； 参数说明： eventType：事件名称； can
阅读全文
摘要：一、javascript哈希表简介javascript里面是没有哈希表的,一直在java,C#中有时候用到了这一种数据结构,javascript里面若没有,感觉非常不顺手。细细看来，其实javascript的object的属性其实与哈希表非常类似。如:var person = {};person["...
阅读全文
摘要：今天，发现了一个之前从未注意的角落，相信能够大大提高自己写JS的速度。能够迅速发现错误。 例如，今天的加班中调试一个js错误发现的一个例子。 1、Google浏览器报的错 以上是google浏览器报的错误，只报一个错误文件，相信是什么地方由null调用了length属性导致的。由于这是一个已经维护了几年的系统，人来人往，不知道经历了几个人之手。而且业务逻辑极其复杂，js文件都上千行。要一个length一个length的排除，显然是不切实际的。 2014.3.18 今天才知道，唉，原来google浏览器也有错误调用堆栈: 2、IE中报的错 在IE中调试JS犹如在VS中调...
阅读全文
摘要：location.href这个东西常常用于跳转，location既是window对象的属性，又是document对象的属性。JavaScript hash 属性 -- 返回URL中#符号后面的内容JavaScript host 属性 -- 返回域名JavaScript hostname 属性 -...
阅读全文
摘要：JS扩展方法与C#的扩展方法非常相似，也是可以链式调用的，也是通过对某个类的扩展写法来实现。这个东西非常好用，如果将预先写好的方法放到一个js里面引用的话，那么后面写js将非常有趣。 下面给出一个例子： 测试JS扩展方法 好像只是告诉自己有这样一个东西而已； 下面给出找到的一个非常不错的js扩展：// 清除两边的空格 String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ''); }; // 合并多个空白为一个空白 String.prototype.Rese...
阅读全文
摘要：当页面中引用template.js文件之后，脚本将创建一个TrimPath对象供你使用。parseDOMTemplate(elementId,optionalDocument) //获得模板字符串代码 得到页面中Id为elementId的DOM组件的InnerHTML，将其解析成一个模板，这个返回一个templateObject对象，解析出错时将抛出一个异常。 optionalDocument一个可选参数，在使用iframe,frameset或者默认多文档时会有用，通常用来做模板的DOM元素师一个隐藏的。 以上方法的到的模板(字符串)再经过process()方法进一步解析就得到了最...
阅读全文
摘要：1、闭包改变了变量的作用域，使得函数内的变量，能在函数外部调用； 2、闭包改变了函数内变量的生命周期。本来函数内的变量在函数结束之后就销毁了，但闭包使得函数内的变量一直存在，直到页面关闭； 3、 闭包是一个什么概念呢？先来看下面一段代码： 如果要改为弹出正确的序号(从0开始)则js要改为如下这样：
阅读全文
摘要：关于JavaSctipt的兼容性，最懒的办法就是用jQuery的工具函数。尽量不要用那些什么ECMAScript之类的函数，因为很多浏览器都会报找不到函数的错误。下面列出一些在开发过程中碰到过的javascript问题。1、参数列表多个逗号。 $.ajax({})方法，非常熟悉了吧，但是在IE...
阅读全文
摘要：JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。JSON语法规则:数据在 名称/值 对仲数据由逗号分隔花括号保存对象方括号保存数组JSON 名称/值 对介绍"name":"张飞","age":23Json的值可以是：数字(整数或浮点数)字符串(要包括在双引号中)逻辑值(true或false)数组(在方括号中)对象(在花括号中)Json转javascript对象的方
阅读全文
摘要：JavaScriptSerializer 类由异步通信层内部使用，用于序列化和反序列化在浏览器和 Web 服务器之间传递的数据。说白了就是能够直接将一个C#对象传送到前台页面成为javascript对象。要添加System.Web.Extensions.dll的引用。该类位于System.Web.Script.Serialization命名空间下。一、属性MaxJsonLength 获取或设置 JavaScriptSerializer 类接受的 JSON 字符串的最大长度。 RecursionLimit 获取或设置用于约束要处理的对象级别的数目的限制。二、方法 ConvertToType)&g
阅读全文
摘要：一、javascript中，变量定义的位置与写在哪个<script></script>标签对内无关，只分前后顺序，写在前面的后面就能够访问，写在后面的前面会提示“未定义”。 例如：在页面顶部<head>标签对内定义的变量，在页面任意地方都能用。但是在页面<body>内部定义的变量，就只能在其后面的地方的能够使用。<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <style type=&quo
阅读全文
|
