本文实例讲述了JS实现水平遍历和嵌套递归操作。分享给大家供大家参考,具体如下: 程序中存在着一些有意思的逻辑,比如多层嵌套可以用递归遍历,比如同层的if else可以用数组遍历。 下面举例说明,多层嵌套的if else想要递归遍历需要写成下面的形式,以及用特定形式的递归遍历: 多层嵌套的if else转写成的函数 let p1 = false, p2 = true, p3 = false; let test = function() {if (p1) {return 终止1;} else {return function() ...
本文实例讲述了原生JS 实现的input输入时表格过滤操作。分享给大家供大家参考,具体如下: 需求:对input框进行键盘输入后根据输入的内容去匹配表格中指定的数据项,若存在相匹配的则只显示匹配的数据项; 细节处理:监听键盘输入后给一定的缓冲时间避免发生频繁的请求; 解决思路:给个定时器,当键盘开始输入时启动定时器,倘若在指定的时间内都不在进行输入操作,则执行匹配操作,否则取消操作,同时限定输入的字符串大于等于2位...
本文实例讲述了JavaScript遍历数组和对象的元素。分享给大家供大家参考,具体如下: 博主最近一直在学习JavaScript,今天给大家分享如何遍历JavaScript中的数组和对象的元素,这篇文章相当于做一篇小的笔记,希望能帮助到大家! 遍历数组 <script> var arr = [关羽,张飞,赵云,马超,黄忠];//定义数组 //遍历数组 for(var i = 0;i<arr.length;i++){console.log(arr[i]); } </script> 运行结果:遍历对象 <script> var obj = {name:we...
本文实例讲述了javascript系统时间设置操作。分享给大家供大家参考,具体如下: <script>//myTime typeof //objectwindow.onload = function() {var obody = document.body;//设置一个定时器,每过一秒钟,自动加一秒setInterval(fnTime, 1000)//如果不执行这个函数,第一次打开时,会过一秒钟才出来fnTime();function fnTime() {var myTime = new Date();var iYear = myTime.getFullYear();var iMonth = myTime.getMonth() + 1;va...
本文实例讲述了javascript实现的字符串转换成数组操作。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>www.gxlcms.com 字符串转换成数组</title><script>var str="abcdefg"//1、将字符串转成数组形式:split()var arr=str.split("")console.log(arr)//["a", "b", "c", "d", "e", "f", "g"]//2、将数组转成字符串形式:join()var strings=arr.join("")//console.log(stri...
本文实例讲述了JS数组中对象去重操作。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>www.gxlcms.com js数组中对象去重</title> </head> <body> <script>var tmp =[{"id": 1,"magicId": "111111111111111111","username": "longzhoufeng",},{"id": 2,"magicId": "333333333333333333","username": "longzhoufeng",},{"id": 3,"magicId": "555555555555555555","username...
本文实例讲述了JS使用cookie保存用户登录信息。分享给大家供大家参考,具体如下: 通常cookie和session,是web开发中用于存储信息的对象,session存在于服务器的内存中,而cookie则是存在客户端,所以js可以直接操作cookie进行信息的存储和读取。 js存放cookie一般的写法,如:document.cookie="userName=admin";,如果是多个键值对:document.cookie="userName=admin; userPass=123"; 下面是js操作cookie保存用户的登录信息: <!D...
本文实例讲述了node读写文件与开启第一个web服务器操作。分享给大家供大家参考,具体如下: 读取文件 Node中的js 具有文件操作的能力 使用require 方法加载fs核心模块* require是一个方法 * 他的作用就是用来加载模块的 * 在Node中,模块有三种: * 具名的核心模块,列如 fs、http * 用户自己编写的文件模块 * 相对路径必须加./ * 在Node中 ,没有核心作用域,只有模块作用域 * 外部访问不到内部 ...
本文实例讲述了js打开word文档预览操作。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script>function openmydoc(path) {var doc = new ActiveXObject("Word.Application");doc.visible = true;doc.Documents.Open(path);}</script> </head> <body> <a onclick="openmydoc(D:\\word\\go.doc);" type="activxobject(word.application)">点击我!!!打开...
本文实例讲述了JS简单数组排序操作。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>www.gxlcms.com 数组排序</title> </head> <body> <script>window.onload = function() {var arr = [1, 7, 10, 4, 6];function compare(val1, val2) {if(val1 < val2) {return -1;} else if(val1 > val2) {return 1;} else {return 0;}};arr.sort(compare);console.log(arr);} </script...
本文实例讲述了Vue2.0实现组件之间数据交互和通信操作。分享给大家供大家参考,具体如下: Vue2.0组件之间数据交互和通信。 Vue2.0废弃了dispatch 和 $broadcast,如何在实现组件之间的数据交互和通信?下面是一个简单的demo解决了这个问题。 事件中心(evengtHub.js): //定义事件中心,在模板通信是使用。 import Vue from vue; export default {bus: new Vue() }父组件: <div><!--msg必须跟子组件的msg参数一致,@msg是子组件...
本文实例讲述了JS正则表达式封装与使用操作。分享给大家供大家参考,具体如下: 对一些简单的输入进行正则判断的整理,待优化 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title>正则表达式封装</title> </head> <body> <script>//邮箱var emailReg = /^([a-z0-9A-Z_]+[-|\.]?)+[a-z0-9A-Z]@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\.)+[a-zA-Z]{2,}$/;//手机号var mobileReg = /^0?1(3|4|5|7|8)\d{9}$/;//电话号码var ...
本文实例讲述了JQuery特殊效果和链式调用操作。分享给大家供大家参考,具体如下: JQuery的特殊效果fadeOut()淡入 fadeToggle()切换淡入淡出 hide() 隐藏元素 show() 现实元素 toggle() 切换元素的可见状态 slideDown() 向下展开 slideUp() 向上卷起 slideToggle()依次展开或者卷起某个元素<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style type="text/css">.box{width: 300px;height: 3...
本文实例讲述了nodejs搭建本地服务器并访问文件操作。分享给大家供大家参考,具体如下: 安装node:https://nodejs.org/en/download/ 在本地建立目录:f:/nodetest,在该目录下新建index.html作为我们将要访问的内容。新建server.js作为node开启的入口: $ cd f:/nodetest $ mkdir index.html $ mkdir server.jsindex.html文件里简单写一点东西: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>node Test</...
本文实例讲述了JS原型与继承操作。分享给大家供大家参考,具体如下: <script> var Beverage = function(){}; Beverage.prototype.boilWater = function(){console.log("把水煮沸"); }; Beverage.prototype.brew = function(){throw new Error("子类必须重写该方法"); }; Beverage.prototype.pourInCup = function(){throw new Error("子类必须重写该方法"); }; Beverage.prototype.addCondiments = function(){throw new Error("子...