
js
文章平均质量分 71
luckyPian
这个作者很懒,什么都没留下…
展开
-
WebSocket
WebSocket聊天室一.Socket1.1应用1.2介绍1.2.1socket的通讯流程1.2.2示例二.webSocket2.1webSocket对象介绍2.1.1 属性2.1.2事件2.1.3方法2.2使用步骤:三.socket.io3.1介绍:3.2思路:3.3步骤:一.Socketsocket在哪里呢?1.1应用 Web领域的实时推送技术,也被称作Realtime技术。这种技术要达到的目的是用户不用刷新浏览器就可以获得实时更新。它有着广泛的应用场景。eg:WebIM原创 2021-08-28 11:46:21 · 1888 阅读 · 0 评论 -
揭开原型的面纱
原型一.原型1.1定义1.2 new关键字执行过程1.3名词解释一.原型1.1定义任何对象都有一个原型对象,这个原型对象由对象的内置属性__proto__指向它的构造函数的prototyoe指向的对象,即任何对象都是由一个构造函数创建的,被创建的对象都可以获得构造函数的prototype属性,这个构造函数就是原型。 var str = new String("a"); console.log("str", str);好奇的宝宝有么有发现这个小箭头,是不是想动手点击一下呢?这个小原创 2021-08-28 09:50:56 · 511 阅读 · 3 评论 -
对象的深拷贝和浅拷贝
目录一.浅拷贝二.深拷贝一.浅拷贝1.定义: 只拷贝了对象(引用类型)的地址。 var obj = { name: "张三疯", sex: "男" } var obj2 = obj; obj2.sex = "女"; console.log("obj", obj); console.log("obj2", obj2);二.深拷贝1.定义将对象(引用类型 )数据...原创 2021-08-11 20:30:19 · 205 阅读 · 0 评论 -
Node初体验
目录一.了解node二.命令行常用操作三.node运行js文件四.node开发一.了解node1.官方:基于chrome v8引擎的,是javascript的运行环境。v8引擎:专用解析javascript 解析引擎。2.私人:一个“软件”,能运行js代码。3.node与其他常用软件的区别:图标node没有图标顺序①其他如那件可以预先打开软件,然后在选择文件;②node不可以...原创 2021-07-20 16:41:48 · 222 阅读 · 0 评论 -
设计模式
一.概念设计模式(Designpattern)是一套被反复使用、思想成熟、经过分类和无数实战设计经验的总结的。使用设计模式是为了让系统代码可重用、可扩展、可解耦、更容易被人理解且能保证代码可靠性。二.特点设计模式使代码开发真正工程化; 设计模式是软件工程的基石脉络,如同大厦的结构一样。设计模式并不是一种固定的公式,而是一种思想,是一种解决问题的思路;恰当的使用设计模式,可以实现代码的复用和提高可维护性;三.设计原则高内聚、低耦合。总体原则:开闭原...原创 2021-07-16 15:54:25 · 174 阅读 · 0 评论 -
[案列]Tab选项卡、购物车[简易版]、全选与反选
一.Tab选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {原创 2021-07-15 17:26:03 · 274 阅读 · 0 评论 -
Node节点、NodeList节点列表
一.NOde节点属性 className 设置/返回元素的class属性的属性值 innerHTML设置/返回元素的开始标签与结束标签之间的内容 value设置/返回文本框与文本域的内容 nextElementSibling 返回下一个紧邻的兄弟节点 previousElementSibling 返回上一个紧邻的兄弟节点 parentNode 返回父级节点 children找子级元素 style设置/获取一个...原创 2021-07-14 18:49:10 · 2724 阅读 · 0 评论 -
事件
帮助用户触发某个元素的事件:Node.去掉on的事件名。一.组成事件类型、事件源、事件处理函数。二.事件对象定义:当触发事件以后,对该事件的一些描述信息。三.事件类型鼠标事件 click:点击事件 dblclick:双击事件 contextmenu:右键点击事件 onmousedown:鼠标按下(左键) onmouseup:鼠标弹起(左键) onmousemove:鼠标移动 onmouseenter:鼠标移上 .原创 2021-07-13 16:27:54 · 120 阅读 · 0 评论 -
函数,箭头函数和构造函数
A.函数一.定义一段可以被高度复用的代码段。二.定义方式声明式——有提升(整个声明都会提升) fn1("先调用——我是乖哦bug");function fn1(str) { console.log("hi,我是声明的方式定义的 " + str);}fn1("后调用——我是乖哦bug");表达式/赋值式——没有提升(变量名提升,赋值没有提升)fn2("先调用——我是乖哦bug");var fn2 = function(str) { console.lo.原创 2021-07-12 16:48:17 · 516 阅读 · 0 评论 -
匿名函数、闭包
一.匿名函数1.定义没有名字的函数。function(num1,num2){ return num1 + num2}2.IIFE定义:自调用函数,生出来就被调用。var a = (function(num1,num2){ return num1 + num2})(1,5) console.log(a)二.闭包1.定义官方定义:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的原创 2021-07-12 13:13:07 · 585 阅读 · 0 评论 -
Promise
1.定义promise是一个对象,可以获取异步操作的消息。解决回调地域问题。//回调地狱function getHotpot(callback) { setTimeout(function() { callback("吃火锅"); }, 5000)}function getTea(callback) { setTimeout(function() { callback("喝奶茶"); }, 1000)}g...原创 2021-07-09 20:17:48 · 89 阅读 · 0 评论 -
HTTP协议
1.定义:http是一种无状态面向连接。是基于TCP的面向连接的一种协议。是一种基于请求/响应模式的、无状态的协议。即我们通常所说的Request/Response。2.前端向后端发请求,需要建立连接(三次握手)如果数据传输完成,就需要断开连接(四次挥手) ①和服务器建立链接(三次握手) ② 建立链接后,发送一个请求给服务器(请求) ③服务器接受到请求以后进行相应的处理并给出一个回应(响应) ④断开与服务器的链接3.数据传输:先连接(三次握手)--...原创 2021-07-09 08:50:11 · 240 阅读 · 0 评论