一.概念websocket定义WebSocket是html5提供的一种在单个TCP连接上进行双向通信的协议，解决了客户端和服务端之间的实时通信问题。浏览器和服务器只需完成一次握手，两者之间就可以创建一个持久性的TCP连接，此后服务器和客户端通过此TCP连接进行双向实时通信。websocket优点很多网站为了实现数据推送，所用的技术都是ajax轮询。轮询是在特定的时间间隔，由浏览器主动发起请求，将服务器的数据拉回来。轮询需要不断的向服务器发送请...
for循环遍历let array = [‘a‘,‘b‘,‘c‘]; for (let i = 0;i < array.length;i++){console.log(array1[i]); // a b c } 用for in的方遍历数组for(let index in array) { console.log(index,array[index]); }; JavaScript 提供了 foreach() map() 两个可遍历 Array对象的方 forEach和map用法类似，都可以遍历到数组的每个元素，而且参数一致； array.forEach(v=>{ console.log(v); }); array.forEach...
this的用法【this,正在使用的对象。】（1）【纯粹的函数调用】它代表函数运行时，自动生成的一个内部对象（这种情况只能在函数内部使用）function test1(){this.x=1;alert(this.x);//alert(this.x);} test1();//1（2）【纯粹的函数调用】全局对象，this代表全局对象Global【window】var x=2; function test2(){alert(this.x); } test2(this.x);//2var x=1; function test3(){this.x=0; } test3(); alert(this.x);//0,当执行test3()...
Javascript的面向对象使用方法简单介绍如下: //声明构造Person类。使用function作为构造方法。 function Person(){ } //Person类的公共属性。使用.prototype声明。 Person.prototype = {name:"张三",age:22,gender:"男",eat:function(s){alert("我吃:" + s);} }; //构造对象。 var p = new Person(); alert(p.eat("apple"))//输出："我吃:apple" functi...
游戏中很多需要用到ScrollView的情况，也就是需要滚动一片区域。这里有两种实现方法，一种是使用cocos studio的方式，第二种是手写代码。先看第一种第一种记得在设置滚动区域时选取裁剪项。 var size = cc.winSize;//读取json文件var root = ccs.uiReader.widgetFromJsonFile(res.listJson);this.addChild(root);//获取在cocos studio里面设定好的scrollViewvar missionlist = ccui.helper.seekWidgetByName(root, "Mission...
主要用来跑一些定时任务，比如获取某些服务配置schedule写法（官网中有两种写法）:// app/schedule/setting.jsexport default {schedule: {interval: ‘10s‘, // 每10 秒 执行一次type: ‘all‘, // specify all `workers` need to execute }, //这个task是约定好的，而且必须是async函数async task(ctx) {const settings = await ctx.service.ducc.getSetting()//具体的数据格式是自己决定的if (settings && settings.data...
appendChild 学过的都知道，appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。 如果对它理解不深，经常会犯一些错误。我以前就是哈哈。 下面我们来分析一下。 var myDiv = document.createElement_x("div"); var text = document.createTextNode("sichaoyun"); myDiv.appendChild(text); alert(myDiv.childNodes[0].nodeValue); text 就会添加到div节点里面。 我们用的时候一定要注意，text一定要是节点。不能直接添加...
我们接着上文，那么在上篇文章的最后，写到了css-loader的用法，如果你用心发现，就能看到我在style.css样式文件中写了一个这样的样式：div {transition: all ease 1s;}一、这是一个css3的过渡样式，我们知道，写css3的时候，需要加上浏览器前缀. 那么我们着这里就需要安装postcss-loader和autoprefixer插件安装postcss-loader: npm install postcss-loader --save-dev安装autoprefixer: npm install autoprefixer --save-dev 在de...
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法"window.location.href"、"location.href"是本页面跳转."parent.location.href" 是上一层页面跳转."top.location.href" 是最外层的页面跳转.举例说明： 如果A,B,C,D都是html，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 "window.location.href"、"location.href"：D页面跳转 "parent.location.href"：C页面跳转...
JS中数组Array的用法{转载}js数组元素的添加和删除一直比较迷惑，今天终于找到详细说明的资料了，先给个我测试的代码^-^var arr = new Array();arr[0] = "aaa";arr[1] = "bbb";arr[2] = "ccc";//alert(arr.length);//3arr.pop();//alert(arr.length);//2//alert(arr[arr.length-1]);//bbbarr.pop();//alert(arr[arr.length-1]);//aaa//alert(arr.length);//1var arr2 = new Array();//alert(arr2.length);//0arr2[0] = "aaa";...
今天在写一个todolist待办事项项目，需要单击编辑待办事项的内容，百度搜了一下这几个方法的用法，总结一下focus()方法：获得键盘焦点，单击之后就调用绑定的js方法，在span标签里面加一个输入框，然后进行编辑onblur()方法：失去键盘焦点，编辑结束之后，随意鼠标单击任意地方更新编辑的内容setSelectionRange():js控制输入框光标位置这三个方法组合起来可以用做鼠标点击事件，然后进行内容编辑，内容编辑时使用setSelectionRange...
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。screenY 设置或获取...
首先看到 www.w3school.cn上的解释:http://www.w3school.com.cn/jsref/jsref_slice_array.asp定义和用法slice() 方法可从已有的数组中返回选定的元素。语法arrayObject.slice(start,end)参数描述start必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数...
js的offsetParent属性用法详解:此属性是javascript中较为常用的属性，对于它的良好掌握也是非常有必要的，下面就通过代码实例介绍一下它的用法，希望能够给需要的朋友带来一定的帮助。一.基本介绍:此属性可以返回距离指定元素最近的采用定位（position属性值为fixed、relative或者absolute）父级元素，如果父级元素中没有采用定位的元素，则返回body对象的引用。语法结构:obj.offsetParent二.代码实例:<!DOCTYPE html> <html> <hea...
本文实例讲述了JS设计模式之访问者模式定义与用法。分享给大家供大家参考，具体如下： 在访问者模式中，主要包括下面几个角色 1、抽象访问者：抽象类或者接口，声明访问者可以访问哪些元素，具体到程序中就是visit方法中的参数定义哪些对象是可以被访问的。 2、访问者：实现抽象访问者所声明的方法，它影响到访问者访问到一个类后该干什么，要做什么事情。 3、抽象元素类：接口或者抽象类，声明接受哪一类访问者访问，程序上是通过...