javascript将数组插入到另一个数组中的代码

2017年02月06日 19 阅读

将数组arr2插入到数组arr1的index位置： 复制代码 代码如下: var arr1 = ["a", "b", "c"]; var arr2 = ["1", "2", "3"]; var index = 1; arr2.unshift（index, 0）;Array.prototype.splice.apply（arr1, arr2）; console.log（arr1）; 显示结果： 复制代码 代码如下: ["a", "1", "2", "3",...

javascript使用中为什么10..toString（）正常而10.toString（）出错呢

2017年02月06日 21 阅读

这个问题是在著名的问答网站——stackoverflow上看到的。 之前也看到过JavaScript的这个问题，但是没有深入了解，今天在StackOverflow上看到了答案，感觉不错，记下来分享给大家。问题的描述是这样的： 复制代码 代码如下: console.log（10..toString（））;//10 console.log（10.toString（））;//SyntaxError: Unexpected token ILLEGAL 为什么前者...

不用构造函数（Constructor）new关键字也能实现JavaScript的面向对象

2017年02月06日 22 阅读

JavaScript中的对象模型（object model）并不广为人知。我曾写过一篇关于他们的博客。之所以不被人所熟知，原因之一就是JavaScript是这些被人广泛使用的语言中唯一一个通过原型（prototype）来实现继承的。但是，我认为另一个原因就是这种对象模型非常复杂，难于解释。它为什么这么复杂并且又令人困惑呢？那是因为JavaScript试图去隐藏它传统的面向对象的特性——最终导致了它的双重人格（译者注：作者意思是JavaScript既有面向过...

关于JavaScript的面向对象和继承有利新手学习

2017年02月06日 23 阅读

这是一篇关于JavaScript的面向对象和继承的文章，写于1年前，作者循序渐进，对想学习JavaScript中面向对象的同学来说是很有帮助的，因此试着翻译一下，不妥之处，请指正。原文链接Objects and Inheritance in Javascript 虽然一些Javascript用户可能永远也不需要知道原型或面向对象语言的性质，但是那些来自传统面向对象的语言的开发者使用的时候会发现JavaScript的继承模型非常的奇怪。而不同的JS框架提供了...

javascript当中的代码嗅探扩展原生对象和原型（prototype）

2017年02月06日 20 阅读

注：翻译之中有什么不恰当的地方，欢迎大家指正，祝大家双节快乐！ 如果不是有特殊需要而去扩展原生对象和原型（prototype）的做法是不好的 复制代码 代码如下: //不要这样做 Array.prototype.map = function（） { // 一些代码 }; 除非这样做是值得的，例如，向一些旧的浏览器中添加一些ECMAScript5中的方法。 在这种情况下，我们一般这样做： 复制代码 代码如下: if （！Array.prototype.ma...

解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题

2017年02月06日 20 阅读

用ExtJS开发将近一年了，也遇到了很多奇怪的问题，印象最深的要算是ExtJS在ie中显示的问题了。由于开发过程中大多用chrome来调试，很少在ie中调试（现在两者都要兼顾），导致最后在ie中页面不能正常加载，当时那个囧啊，看到ie报的错，我都想哭，连出错的堆栈信息都没有（这一点，ie做的真不好），无从下手啊。尝试过N多方法，最后发现导致出现这种问题的原因（90%以上的可能性）是js的数组中多了一个英文的逗号","，而这种在chrome和火狐中是没有问题...

解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题

2017年02月06日 22 阅读

Extjs的Panel和Window等组件在默认情况下是带边框的，通常情况下，单独使用没有什么关系，但是将Panel作为Window组件的子组件时就会出现双重边框的现象，如果Window组件中含有两个或者两个以上的Panel，那么Panel和Panel组件之间的边框会重复累加，也就是说会变成双重边框。实际上双重边框并不是很影响外观，但多少看上去会有些不太令人满意，因此我们就得想办法将两重边框去掉，变成单边框。下面是前后两张对比图，大家仔细观察一下两个win...

实用的JS正则表达式（手机号码/IP正则/邮编正则/电话等）

2017年02月06日 22 阅读

//校验是否全由数字组成 复制代码 代码如下: function isDigit（s） { var patrn=/^[0-9]{1,20}$/; if （！patrn.exec（s）） return false return true } //校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 复制代码 代码如下: function isRegisterUserName（s） { var patrn=/^[a-zA-Z]{1}（[a...

jquery post方式传递多个参数值后台以数组的方式进行接收

2017年02月06日 19 阅读

在用jquery的post方式传递多个值时，在后台页面可以用数组形式接收 如下所示 复制代码 代码如下:<script type="text/javascript"> $（function （） { timestamp = 0; $（"#chatform"）.submit（function （） { var message = $（"#msg"）.val（）; var name = $（"#author"）.val（）; var action ...

jQuery Pagination Ajax分页插件（分页切换时无刷新与延迟）中文翻译版

2017年02月06日 21 阅读

原项目地址：http://plugins.jquery.com/project/pagination版本：v1.2源文件下载：英文原版 或中文翻译修改版一、相关demo 基本demo页面 Ajax demo页面 参数可编辑demo页面 二、简介与说明 此jQuery插件为Ajax分页插件，一次性加载，故分页切换时无刷新与延迟，如果数据量较大不建议用此方法，因为加载会比较慢。 原插件CSS不太合理，使用浮动，故无法方便实现左右方向的定位，且未清除浮动，在中文...

jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误

2017年02月06日 19 阅读

jquery.bgiframe.js在IE9下的错误 复制代码 代码如下: SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR （5） jquery.bgiframe.js, 行8 字符976 错误代码 复制代码 代码如下: 1 {if（！$（"iframe.bgiframe",this）[0]）this.insertBefore（document.createElement（html）,this.first...

jquery延迟加载外部js实现代码

2017年02月06日 19 阅读

复制代码 代码如下:var gaJsHost = （（"https:" == document.location.protocol） ？ "https://ssl." : "http://www."）; $.getScript（gaJsHost + "google-analytics.com/ga.js",function（）{ try { var pageTracker = _gat._getTracker（"UA-123456-16"）; pageTr...

关于全局变量和局部变量的那些事

2017年02月06日 19 阅读

变量对于学习js，学习编程语言的同学在熟悉不过了，在这里就不在阐述官方的定义了，网上太多了，今天我们就从生活中来理解他 1.什么是变量？ 比如： 一个水杯里面装了水，这个水杯就是变量； 一瓶啤酒，这个啤酒瓶就是变量； 变量就是一个载体，一个媒介 2.定义变量 var a=12；//typeof a=Numer var a=‘aaa" //typeof a =string 由此可见 变量的类型取决于给他付了什么值 例如，一个杯子，装了水就是水杯，装了酒就是酒...

ie6下png图片背景不透明的解决办法使用js实现

2017年02月06日 20 阅读

我们时常在使用png图片的时候，在ie6下发生背景不透明的问题，下面给大家介绍下一个js解决的方式。 首先我们要用到一个js，代码如下： 复制代码 代码如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: drew.diller@gmail.com...

js模仿html5 placeholder适应于不支持的浏览器

2017年02月06日 19 阅读

html5原生支持placeholder，对于不支持的浏览器（ie），可用js模拟实现。 js代码 复制代码 代码如下: （function（）{ //判断是否支持placeholder function isPlaceholer（）{ var input = document.createElement（"input"）; return "placeholder" in input; } //不支持的代码 if（！isPlaceholer（））{ //创...

jQuery实现用方向键控制层的上下左右移动

2017年02月06日 22 阅读

题目：按下方向键时，使层向相应的方向平滑移动20像素；四个方向键的键码分别是37（左）、38（上）、39（右）和40（下）。然后我写了下面的代码：$div就是要移动的层，且它的position已在CSS中设为relative。瞄一眼好像没什么问题，运行之后发现下面的问题：1.按了向下之后，再按向上没有反应。2.按了向右之后，再按向左没有反应。后来经一网友点拨，恍然大悟：当按了向下的时候，top值为20px，这时候再按向上，从Firebug可以看出此时的bo...

jquery获取div宽度的实现思路与代码

2017年02月06日 20 阅读

jquery 获取 DIV的width的语句： 复制代码 代码如下: $（"#keleyi_com"）.width（）; 其中keleyi_com为DIV的id。 完整示例代码： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...

window.requestAnimationFrame是什么意思,怎么用

2017年02月06日 19 阅读

再看别人实现粒子效果的时候会有以下代码： 复制代码 代码如下: window.requestAnimationFrame || （window.requestAnimationFrame = window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFra...

javascript函数以及基础写法100多条实用整理

2017年02月06日 19 阅读

1.document.write（""）;为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->（head,body） 4.一个浏览器窗口中的DOM顺序是:window->（navigator,screen,history,location,document） 5.得到表单中元素的名称和值:document.getElementById（"表单中元素的ID号"）.name（或value） 6....

javascript图像处理—边缘梯度计算函数

2017年02月06日 18 阅读

前言 上一篇文章，我们讲解了图像处理中的膨胀和腐蚀函数，这篇文章将做边缘梯度计算函数。图像的边缘图像的边缘从数学上是如何表示的呢？图像的边缘上，邻近的像素值应当显著地改变了。而在数学上，导数是表示改变快慢的一种方法。梯度值的大变预示着图像中内容的显著变化了。用更加形象的图像来解释,假设我们有一张一维图形。下图中灰度值的“跃升”表示边缘的存在： 使用一阶微分求导我们可以更加清晰的看到边缘“跃升”的存在（这里显示为高峰值）： 由此我们可以得出：边缘...