#Javascript实用效果整理

javascript正则表达式(regular expression)

一种字符串匹配的模式,用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。注意:在javascript中正则表达式也是一种对象1:创建正则表达式两种方式:隐式创建(文字量方法)和显示创建(使用构造函数)eg:文字量方法:varregExp=/pattern/flags;将文字量的正则...

javascript常见的数组方法

1:Array对象用于在单个变量中存储多个值typeof(arrArr)'object'vararr1=[];//创建一个空数组eg:数组是个引用类型vara=[1,2,3];varb=[1,2,3];console.log(a==b);//false构造函数创建vararr1=newArray();//创建空数组va...

javascript函数,构造函数。js对象和json的区别。js中this指向问题

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。好处:在出现大量程序相同的时候,可以封装为一个function,这样只用调用一次,就能执行很多语句。(1)语法:函数就是包裹在花括号中的代码块,前面使用了关键词function:eg:functionmyFunction(){  //执行的代码}//调用。my...

javascript 对象属性的添加,删除,json对象和字符串转换方法等

varobj=newObject();console.log(obj.username);obj.username="haha";console.log(obj.username);//undefined//haha用“[]”表示。写成obj["username"]="haha"; v...

JavaScript 数组遍历方法的对比

JavaScript发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较:for语句代码:vararr=[1,2,4,6]for(vari=0,len=arr.length;i<len;i++){console.log(arr[i])}复制代码这...

浅谈JavaScript 命名空间

Javascript只有函数作用域,什么块儿啊、神马文件啊统统都认为是一个命名空间的,有时候因为一些重名问题导致的错误让人莫名其妙,难以调试解决。在JavaScript中全局变量经常会引起命名冲突,甚至有时侯重写变量也不是按照你想像中的顺序来的,可以看看下面的例子:varsayHello=function(){retu...

纯CSS实现吸顶效果

position的属性有哪些?{  position:static;  position:relative;  position:absolute;  position:fixed; position:inherit; ...
代码星球 ·2020-04-08

JavaScript阻止冒泡事件

事件兼容event=event?event:window.event;js停止冒泡·window.event?window.event.cancelBubble=true:event.stopPropagation();js阻止默认行为window.event?window.event.returnVal...

JavaScript显式类型转换与隐式类型转换

 隐式类型转换四则运算判断语句toString在JavaScript中声明变量不需指定类型,对变量赋值也没有类型检查,同时还允许隐式类型转换。这些特征说明JavaScript属于弱类型的语言。在强类型的C++中,多数情况下构造函数需要声明为 explicit 来禁止隐式类型转换,避免误用(...

JavaScript 中 apply 、call 的详解

ECMAScript规范给所有函数都定义了call与apply两个方法,它们的应用非常广泛,它们的作用也是一模一样,只是传参的形式有区别而已。apply()apply方法传入两个参数:一个是作为函数上下文的对象,另外一个是作为函数参数所组成的数组。varobj={name:'linxin'}functionfunc(f...
代码星球 ·2020-04-08

vue-router路由高亮效果

审查代码,查看激活类名   (1)设置激活类名样式    (2)也可以在路由文件里配置激活类名的别名    (3)配置别名后再次审查,如下所示     此时可以直接配置active类名样式即可  此时便可以实现路由高亮效果 &nb...

vue工程化:返回顶部和底部的动画效果

    .<template><div><divclass="scroll":class="{show:isActive}"><divid="toTop"@click="toTop(step)">&lt;</div&g...

浅谈JS之text/javascript和application/javascript

问题描述:  JS在IE8以下浏览器运行异常 代码:<script>标签是这样子写的:<scripttype="application/javascript">//执行语句</script>这是书写的时候Dreamweaver自动补全的。但是在自己运行的...

关于URL编码/javascript/js url 编码/url的三个js编码函数

关于URL编码/javascript/jsurl编码/url的三个js编码函数escape(),encodeURI(),encodeURIComponent()本文为您讲述关于js(javascript)编码url的相关问题。(js中url编码&符号后传值给其它页面,多参数网址作为整体编码后传值。如:http:...
代码星球 ·2020-04-08

用Javascript实现回到顶部效果

经常看到网页中有回到顶部的效果,今天也研究一下回到顶部有哪些方法。众所周知,用锚链接是实现回到最简单的方法,但是从用户体验效果来说,并不是最好的。(锚链接回到顶部时太快了,而且用户可能在看到某个感兴趣的东西想停下来,却停不下来),针对上面的缺点,我们试着用Javascript的方法来得到实现。思路是这个样子的:1、首先...
首页上一页...137138139140141...下一页尾页