
javascript
Inuyasha1121
这个作者很懒,什么都没留下…
展开
-
JS几种变量交换方式以及性能分析对比
JS变量交换的几种方式其实关于JS的变量交换,使用最广泛的几种方式基本已经是前端人员必备的技能了,本文正好借此分析研究的契机,列举了本次分析中用到的几种交换方式:第一种:普通临时变量交换方式适用性: 适用于所有类型代码如下:tmp = a;a = b;b = tmp; 简要说明: 这是用到的最广泛的一种方式,经实战测试分析,性能也很高(在JS中,这种方式效率确实很高,而且就算是其它语言中,只要...转载 2018-06-14 22:13:49 · 755 阅读 · 0 评论 -
js中createTextRange用法(focus)
转载自:http://wing123.iteye.com/blog/420022createtextrange createrange区别:对象或元素不同,虽然都是返回TextRange。例如: var r=document.body.createTextRange() var r=document.createRange() doc转载 2016-04-18 16:57:56 · 6176 阅读 · 1 评论 -
js复制到剪切板
方法一:window.clipboardData由window提供的clipboardData对象提供了对于预定义的剪贴板格式的访问。该对象只在IE下有效,传说ie7,与ie8 对网页有个复制的权限,需在“安全”中的“自定义级别”的脚本中设置,在下没有试过。方法描述clearDatas(dataFormat)删除剪贴板原创 2016-04-18 16:35:29 · 6262 阅读 · 0 评论 -
js生成验证码并验证
js导包test var code ; //在全局定义验证码 //产生验证码 window.onload = createCode; function createCode(){ code = "";转载 2016-04-08 15:08:34 · 8673 阅读 · 1 评论 -
js操作cookie:设置、读取、删除
【什么是cookie】“cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。”不同的浏览器可能对cookie的储存方式不同,但是相同的是cookie中的内容都是保存在客户一端的。(session是保存在服务器上的)【cookie的几点注意】说的通俗转载 2016-04-12 16:27:13 · 4783 阅读 · 0 评论 -
js的左移右移计算
转载自:http://blog.youkuaiyun.com/iceryan/article/details/8550875正数的左移和右移以3为例3的二进制为00000011右移2位的时候将最右的11去掉左边补00结果为:00000000 --- >十进是中的0左移2位的时候将最左的00去掉右边补00结果为:00001100 ----->十进是中转载 2016-04-18 08:37:30 · 4518 阅读 · 0 评论 -
js正则表达式之中文验证
http://houfeng0923.iteye.com/blog/1035321 使用js正则表达式匹配中文,需要了解中文字符在unicode编码中所处的区间。这样才能够了解表达式的匹配原理。 首先在正则表达式中使用 Unicode,必须使用\u开头,接着是字符编码的四位16进制表现形式简单转载 2016-05-12 10:52:41 · 3749 阅读 · 0 评论 -
JS中Element与Node的区别,children与childNodes的区别
关于Element跟Node的区别,cilldren跟childNodes的区别很多朋友弄不清楚,本文试图让大家明白这几个概念之间的区别。 Node(节点)是DOM层次结构中的任何类型的对象的通用名称,Node有很多类型,如元素节点,属性节点,文本节点,注释节点等,通过NodeType区分,常见的有:节点类型NodeType元素element1转载 2015-10-15 13:18:02 · 3891 阅读 · 0 评论 -
js进制转换
JS 是一个很神奇的语言,内制的的很多函数可以帮我们进行数(进)制转换;JS中可以直接使用16进制;var a = 0xff; //255将任意进制字符串转换为十进制,如二进制,八进制,十六进制, 第二数数不写即为最常用的转换为整型十进制;parseInt("11", 2); // 3 2进制转10进制 parseInt("77", 8);转载 2016-04-15 16:41:49 · 1235 阅读 · 0 评论 -
window.setTimeout() 和 window.setInterval() 使用说明
setTimeout (表达式,延时时间)setInterval(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s), setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次 setInterval在执行时,它从载入后,每隔指定的时间就执行一次表达式转载 2014-10-20 13:15:42 · 5548 阅读 · 0 评论 -
js 字符串转换成数字的三种方法
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全转载 2014-10-17 10:32:29 · 44498 阅读 · 0 评论 -
JS实现加密
1、base64加密 在页面中引入base64.js文件,调用方法为:base64加密 var b = new Base64(); var str = b.encode("admin:admin"); alert("base64 encode:" + str); //解密 str转载 2016-04-12 16:18:02 · 3297 阅读 · 0 评论 -
JS获取当前页面页面URL信息
URL即:统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成:scheme://host:port/path?query#fragmentscheme:通信协议常用的http,ftp,maito等 设置或获取url从头到端口号部分。url = http://192.168.12.13:8000/aaa/bbbwindo...转载 2015-07-15 08:23:35 · 4052 阅读 · 0 评论 -
js文件中引用其他js文件
在a.js中需要用到b.js中的方法,所以需要在a.js中引用b.js文件,js不提供类似java中import的导包语句所以只能添加元素到html文档,方法如下:在a.js文件中写方法一:document.write("");方法二:原创 2016-04-08 13:25:34 · 62112 阅读 · 5 评论 -
js中substring和substr的用法
substring 方法用于提取字符串中介于两个指定下标之间的字符substring(start , end)开始和结束的位置,从零开始的索引参数 描述start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多转载 2015-05-20 08:54:49 · 582 阅读 · 0 评论 -
js替换所有的回车换行符
//替换所有的回车换行 function TransferString(content) { var string = content; try{ string=string.replace(/\r\n/g,"") string=string.replace(/\n/g,""); }catch(e) {转载 2016-04-06 08:32:43 · 48127 阅读 · 4 评论 -
js正则对象RegExp的$1...$9 属性
返回在模式匹配期间找到的,所存储的最近的九个部分。 只读。RegExp.$n 参数RegExp 始终为全局 RegExp 对象。 n 1 至 9 之间的任意整数。 备注每当产生一个带括号的成功匹配时,$1...$9 属性的值就被修改。转载 2015-06-25 13:07:07 · 3766 阅读 · 0 评论 -
js常用数组操作方法简明总结
//javascript 中的数组分割 var colors = ["red","green","blue"]; //alert(colors.toString()); alert(colors.join("|")); //返回结果是red|green|blue var colors = ["red","green","blue",null]; alert(colors.join("|"));//转载 2014-10-17 10:17:06 · 1039 阅读 · 0 评论 -
JS编码解码
一、定义和用法encodeURI() 函数可把字符串作为 URI 进行编码。语法encodeURI(URIstring)参数描述URIstring必需。一个字符串,含有 URI 或其他要编码的文本。返回值URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。说明该转载 2016-06-24 16:16:39 · 500 阅读 · 0 评论 -
JavaScript的toString()和valueOf()区别到底是什么
从《JavaScript高级程序设计》这本书里面[javascript] view plain copy var colors = ["red", "blue", "green"]; // 创建一个包含3 个字符串的数组 alert(colors.toString()); // red,blue,green alert(color转载 2016-07-26 19:20:23 · 3618 阅读 · 0 评论 -
JS几种数组遍历方式以及性能分析对比
JS几种数组遍历方式以及性能分析对比前言这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列,本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比起由在上一次分析了JS几种常用变量交换方式以及各自性能后,觉得这种方式挺好的,于是抽取了核心逻辑,封装成了模板,打算拓展成一个系列,本文则是系列中的第二篇,JS数组遍历方式的分析对比JS数组遍历的几种方式JS数组遍历,基本就是for...转载 2018-06-14 21:58:58 · 1200 阅读 · 0 评论 -
数组获取指定元素、对象元素属性值索引
对于原始类型元素的数组,可以直接使用indexOf()神器,会返回数组中元素的下标,若没找到则返回-1:var arr = [1,2,3,4,5];var index = arr.indexOf(3); //2对于以对象为元素的数组,没有直接的函数可以使用,但是有一个filter() 方法,创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素,这样至少可以筛选出符合条件的数组...原创 2018-04-03 14:53:46 · 13544 阅读 · 0 评论 -
js获取当前月的第一天和最后一天
var firstDate = new Date();firstDate.setDate(1); //第一天var endDate = new Date(firstDate);endDate.setMonth(firstDate.getMonth()+1);endDate.setDate(0);alert("第一天:"+new XDate(firstDate).toString('yyy转载 2017-08-02 14:03:58 · 3753 阅读 · 0 评论 -
javascript,检测对象中是否存在某个属性
检测对象中属性的存在与否可以通过几种方法来判断。1.使用in关键字。该方法可以判断对象的自有属性和继承来的属性是否存在。var o={x:1};"x" in o; //true,自有属性存在"y" in o; //false"toString" in o; //true,是一个继承属性 2.使用对转载 2017-06-12 13:42:08 · 4122 阅读 · 0 评论 -
js实现sleep
function sleep(d){ console.log(Date.now()); for(var t = Date.now();Date.now() - t <= d;) { }}sleep(9123); //时间以毫秒为单位转自:http://www.cnblogs.com/yjf512/p/3469820.html转载 2016-12-28 14:03:51 · 833 阅读 · 0 评论 -
js 模拟表单post方式提交
即使js给form对象提供了submit()方法原创 2014-11-07 10:05:17 · 19644 阅读 · 0 评论 -
js对象Object
var data = {"length1":76,"length2":155,"length3":76,"length4":155,"length5":76}for(var i in data ){alert(i);alert(data[i]);}原创 2014-11-07 11:15:35 · 789 阅读 · 0 评论 -
js动态引入的四种方式
index.html[html] view plain copy> html> head> meta content="text/html;charset=utf-8" http-equiv="content-type"> title> title> script src='' id="s1转载 2016-09-23 16:55:30 · 4316 阅读 · 0 评论 -
最小化渲染组件
这篇文章我们主要聚焦在组件的渲染方法上,在上篇文章中,我们采用了innerHTML渲染组件,但是频繁更新组件的话,由于reflow,repaint等原因,页面的性能会下降,同时输入框的焦点也会丢失。最理想的方式就是哪些数据变化,我们更新哪块view,并且从外表上看还是整个区域全部更新。目前解决这个问题的方式有Virtual Dom和MVVM.Virtual DomMVVMVirtual转载 2016-08-11 15:18:42 · 387 阅读 · 0 评论 -
使用VirtualView渲染的前端UI组件开发模式
在上篇文章中,我讲到我们的组件开发模式解决了以下几个问题渲染逻辑,业务逻辑,事件分发,控制器彻底分离组件内部只有一个状态渲染逻辑只有一处只绑定一次事件没有任何学习成本下面来看我们具体我们是通过什么方式解决的渲染逻辑,业务逻辑,事件分发,控制器彻底分离,易于维护和重用我们在原来的开发中一般都是把这些代码都写在同一个文件中,整个文件上千行是常有的事。在维护代码或转载 2016-08-11 15:20:04 · 1093 阅读 · 0 评论 -
理解javascript中的MVVM开发模式
MVVM的全称是Model View ViewModel,这种架构模式最初是由微软的MartinFowler作为微软软件的展现层设计模式的规范提出,它是MVC模式的衍生物,MVVM模式的关注点在能够支持事件驱动的UI开发平台,例如HTML5,[2][3] WindowsPresentation Foundation (WPF), Silverlight 和 t ZK framework,A转载 2016-08-11 15:14:00 · 432 阅读 · 0 评论 -
深入理解JavaScript MVC 框架
Model–View–Controller (MVC)是一种把信息展现逻辑和用户交互分离的计算机用户界面开发模式;Model包含应用的数据和业务逻辑;Controller负责把用户的输入,转换为命令传递给Model和View;这是维基百科的解释; 这种模式最初是由Trygve Reenskaug在使用Smalltalk-80(1979)工作时设计的,刚开始叫做Mode转载 2016-08-11 15:11:57 · 609 阅读 · 0 评论 -
你是否应该使用一个Javascript MVC框架?
本文摘自 smashingmagazine 的 Journey Through The JavaScript MVC Jungle 部分内容,希望对大家有帮助,如果你觉得不过瘾,可以阅读原文。 什么时候需要使用 Javascript MVC 框架? 如果你开发的程序可能需要和 API 或者服务通讯,而且要求大量的视图操作或者数据操作,你将发现使用一个成熟的框架非常有帮助转载 2016-08-10 19:04:10 · 809 阅读 · 0 评论 -
JavaScript中的原型和继承
有关对象和类 JavaScript 中全是对象,这指的是传统意义上的对象,也就是“一个包含了状态和行为的单一实体”。例如,JavaScript 中的数组是含有数个值,并且包含 push、reverse 和 pop 方法的对象。var myArray = [1, 2];myArray.push(3);myArray.reverse();转载 2016-08-09 09:38:35 · 321 阅读 · 0 评论 -
ie下js判断本地office版本
使用JavaScript判断office版本,在项目开发中非常有用,由其是在OA系统的在线office编辑,我们需要让office在线编辑工具同时支持office的多个版本,例如office2003、2007。office在安装的时候,会在注册表中写入键值,具体位置为HKEY_CURRENT_USER/Software/Microsoft/Office。我们打开注册表就可以看到office转载 2016-07-21 13:10:38 · 1219 阅读 · 0 评论 -
a 中调用js的几种方法整理及使用推荐
我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行转载 2016-07-19 11:11:20 · 569 阅读 · 0 评论 -
AJAX——核心XMLHttpRequest对象
AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,HTML,jQuery,Css……)重新融合的一个新的知识框架。而,XMLHttpRequest对象则是其中的重重之中。这篇博客重点总结一下这个对象的使用。当然还是按照经典的五步法来学习,以后在实践中有更多更好的想法,会拿出来分享的! 首先,需转载 2016-07-07 14:10:30 · 497 阅读 · 0 评论 -
js的延迟函数self.setInterval()
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 window.clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作window.clearInterval() 方法的参数。例子一:在内部终止var i = 0;var interv原创 2016-01-26 15:52:37 · 4763 阅读 · 0 评论 -
CSS中调用JS函数和变量
在CSS来调用JS程序。 这个技术是网络安全里的,叫做CSS跨站。 我们知道CSS里是可以控制某些HTML元素的属性的,譬如background-image等等,而在URL里添加Javascript:alert()等等类似的代码就可以用来执行代码。 我用的CSS代码如下: body{height:200px;background:url(javascript:aler转载 2016-01-25 14:30:39 · 10794 阅读 · 1 评论 -
http几种请求方式调用
首先本文涉及的http发送请求有:‘get’,‘post’,‘put’,’delete‘。一、表单方式一般的form表单支持两种请求方式:‘get’,和‘post’,写法如下:get:method="get"> name="name" type="text"/> post:method="post">原创 2015-11-24 09:56:35 · 5143 阅读 · 0 评论