刺猬的小站

标签 · javascript

首页

关于

归档

javascript

javascript闭包、原型链

原型/构造函数/实例原型(prototype):一个简单的对象,用于实现对象的属性继承。可以简单的理解成对象的爹。在Firefox和Chrome中,每个JavaScript对象中都包含一个_proto_(非标准)的属性指向他爹(该对象的原型),可obj._proto_进行访问 构造函数:可以通过new来新建一个对象的函数 实例:通过构造函数和new创建出来的对象,便是实例。实例通过proto指向原型,通过constructor指向构造函数 <!-- 实例 --> const instance = new Object() <!-- 原型 --> const prototype = Object.prototype 三者关系 实例._proto_ === 原型 原型.contr..

更多
javascript

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

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

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

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

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 ..

更多