javascript闭包、原型链
原型/构造函数/实例原型(prototype):一个简单的对象,用于实现对象的属性继承。可以简单的理解成对象的爹。在Firefox和Chrome中,每个JavaScript对象中都包含一个_proto_(非标准)的属性指向他爹(该对象的原型),可obj._proto_进行访问 构造函数:可以通过new来新建一个对象的函数 实例:通过构造函数和new创建出来的对象,便是实例。实例通过proto指向原型,通过constructor指向构造函数 <!-- 实例 --> const instance = new Object() <!-- 原型 --> const prototype = Object.prototype 三者关系 实例._proto_ === 原型 原型.contr..
更多javascript中的拖拽
drag拖拽1.给标签添加拖拽属性draggable<div class="box" draggadle></div> 2.关于拖拽事件a.被拖拽的事件1.ondragstart 开始拖拽事件 box.ondragstart = function(e) { ... } 2.ondrag 拖拽中的事件 3.ondragend 拖拽结束事件 b.拖拽目标容器事件1.ondragenter 进入目标容器事件 2.ondragover 在目标容器内悬浮事件 3.ondrop 在目标容器内松手事件 目标容器.ondrop = function(e) { ... } 4.ondragleave 离开目标容器事件 关于..
更多javascript 服务器推送
SSE 服务器主动向客户端推送消息实例index.html var source = new EventSource(url路径); source.onmeaasge = function(res) { console.log(res.data); } 服务器(node) 1. 必须设置响应头信息 res.setHeader('Content-Type','text/event-stream'); 2.设置推送消息 setInterval(function(){ res.write('data:推送内容\n\n'); },1000); 3.不用res.end() 应用场景 站内信息 通告 短消息…
更多javascript中的本地存储
本地存储1.localStorage特点1. 域名独享(a.com 设置 b.com 无法读取) 2. 永久保存, 除非手动删除 3. 仅在客户端保存 4. 存储空间一般为 5M 5. 写入数据的时候 只支持字符串. 应用场景1. 统计页面浏览次数. 2. 浏览历史的保存. 3. 购物车功能. 4. 验证令牌保存(afdajlkdsfajlk).( /songs?name=林依晨&page=1&num=20&sign=1231141osdjalkjflas) //写数据 localStorage.setItem('name','张三'); //删数据 localStorage.removeItem('name'); //读数据 localStorage.getItem('nam..
更多javascript中的多线程
Web worker 客户端多线程实例index.html *************************************** var worker = new Worker('访问文件地址'); //发送数据 worker.postMessage(向访问文件发送的数据); //回调函数 worker.onmessage = function(res) { console.log(res.data) } //?? worker.terminate(); 访问文件 //访问文件导入外部数据(importScripts) importScripts("https://unpkg.com/axios/dist/axios.min.js"); //接收传递的数据 onmessage = fu..
更多javascript中的位运算
位运算符使用32位有符号数使用&判断奇偶性&:与 作用: 1.2&1 => 10&01 => 00 => 0 2.5&6 => 101&110 => 100 => 4 利用&可以做奇偶性判断 偶数&1=0 奇数&1=1 |或运算&:或 作用: 1.2|1 => 0010|0001 => 11 => 3 2.5|6 => 0101|0110 => 111 => 7 ~非运算负数的二进制是正数的二进制反码加一 ~:非(取反) 作用: 1.~5 => ~000...000101 => 111...111010(负数) => -6 2.~7 ..
更多