浏览器 事件js ie
事件绑定-事件修饰符
# 事件修饰符 在事件处理函数中调用`event.preventDefault()`或`event.stopPropagation()`是非常常见的需求。因此，vue提供了`事件修饰符`的概念，来辅助程序员更方便的`对事件的触发进行控制`。常用的5个事件修饰符如下： | 事件修饰符 | 说明 | | ......
JS中创建对象的几种常见的方式
# 创建对象方式 ```js // 方式1 var obj1 = {"name": "方式1"} // 方式2 var obj2 = {name: "方式2"} // 方式3 var obj3 = new Object({"name": "方式3"}); // 方式4 var obj4 = new ......
JS闭包原理与三方库实现原理
# 一、闭包 原理：外层匿名函数自调用返回其内部作用域某个成员的引用（变量访问权限私有化） 条件： （1）最外层必须要是匿名函数 + 匿名函数自调用 （2）自调用必须返回外层匿名函数作用域中的某个对象(函数/匿名函数/对象)的引用 （3）将这个引用保存到一个全局变量中，对外提供顶层访问入口 作用： ......
浏览器JS环境与Node.js环境
# 区别 浏览器环境和Node.js环境是两种不同的 JS 代码运行环境，它们在以下几个方面有所区别： 1. 运行平台：`JS浏览器环境` 指的是 JS 代码运行在用户电脑上的 Web浏览器中，而 `Node.js环境` 指的是 JS 代码运行在服务器或本地计算机上。 2. JavaScript A ......
JS中的异步编程
[toc] # 前言 fetch 是用来替代传统的`XMLHttpRequest`的。 fetch 的优点很多，包括链式调用的语法、返回promise等。 # 什么是Promise？ 当在开发中需要处理异步操作时，Promise是一个常用的工具。Promise是一个表示异步操作最终完成或失败的对象。 ......
Linux的I/O复用之epoll：EPOLLONESHOT事件
即使我们使用ET模式，一个socket上的某个事件还是可能被触发多次，这在并发程序中就会引起一个问题，比如一个线程在读取某个socket上的数据后开始处理这些数据，而在数据的处理过程中该socket上又有新的数据可读，此时另外一个线程被唤醒来读取这些新的数据，于是就出现两个线程同时操作一个socke ......
Js中var,let,const的区别总结
[toc] > `因为 let 和 const 是es6的新特性, let 和 const 的出现就是为了解决 var 的各种问题,因此在声明变量时能不用var就不用,强烈建议都用let和const声明变量和常量!` # 区别 1、var 声明的变量属于 `函数作用域`，而 let 和 const ......
js逆向
# Javascript基础入门 JavaScript, 是一门能够运行在浏览器上的脚本语言. 简称JS. 首先, Javascript这个名字的由来就很有意思, 不少人认为Javascript和Java貌似很像. 容易想象成Java的脚本. 但其实不然, 两者之间没有任何关系. 纯粹是商业碰瓷 ......
js数组对象转树结构
原始数组对象： ``` let arr = [ { id: 1, name: "节点1", parentId: 0 }, { id: 2, name: "节点2", parentId: 1 }, { id: 3, name: "节点3", parentId: 1 }, { id: 4, name: ......
uniapp中js中的闭包使用
问题： 在uniapp里面，使用闭包函数处理的时候，会导致$this不能全局使用。 解决方案： 第一种代码写法（以循环为例）： const obj = { a:1, b:2, c:3 } var keys = Object.getOwnPropertyNames(obj) keys.forEach( ......
node.js安装及环境配置教程【Windows系统安装包方式】
一、下载安装包： https://nodejs.org/zh-cn/download/ 注：根据自己电脑系统及位数选择，我的电脑是Windows系统、64位、想下载稳定版的.msi（LTS为长期稳定版）这里选择windows64位.msi格式安装包。 .msi和.zip格式区别： .msi是Wind ......
babylon.js 学习笔记(9)
继续学习sprite用法，做为一个游戏引擎，怎能没有Sprite(精灵)，下面是基本示例： const createScene = function () { const scene = new BABYLON.Scene(engine); const camera = new BABYLON.Ar ......
js实现 禁用浏览器后退
1 history.pushState(null, null, document.URL); 2 window.addEventListener('popstate', function () { 3 history.pushState(null, null, document.URL); 4 }) ......
opcenter camstar designer基础知识--事件
1. 事件 1.1 CDO事件 1.2 Field事件 1.3 List Field事件 ......
babylon.js 学习笔记(8)
接上回继续，现在的村庄已经有点象样了，但是远处的背景仍比较单调(如下图），今天来学习如何处理天空背景。 babylon.js中，把整个空间假象成一个巨大的立方体(称为SkyBox)，然后依次给立方体的6个面，贴上天空的背景图(如下图) 在代码中只要指定这6张图的rootUrl即可，babylon.j ......
浏览器的常见 API
# 在 navigator.connection 中查看用户网络状态 # 使用 IntersectionObserver 实现图片懒加载 # 监听 visibility change 事件来暂停标签页逻辑 ......
浏览器的本地存储
唯品会搜索历史记录就是，【浏览器本地存储的一个应用】，就是往你本地缓存点东西 借助了浏览器的本地存储存在了硬盘上 通过浏览器这么去看： local storage里可以看到两个网站，这两个网站都属于唯品会的域名 打开查看：发现 “皮鞋” 给“皮鞋”后增加一个“电脑” 然后鼠标往旁边点下再回来，出现了 ......
打字动画 Typed.js
## 概述 Typed.js 是一个 JavaScript 库，用于在网页上创建打字动画效果。它使您能够模拟打字机或逐字显示文本的效果，从而为用户提供逐渐展示文本的视觉体验。 Typed.js 提供了丰富的选项和配置，可以自定义打字动画的速度、暂停时间、删除效果等。您可以使用 HTML 元素或 Ja ......
Vue.js 状态管理库 Pinia
## 概述 Pinia 是一个用于 Vue.js 应用程序的状态管理库。它是由 Vue Storefront 团队开发的，旨在提供简单、可扩展且高效的状态管理解决方案。 Pinia 基于 Vue 3 的新响应式系统，并通过使用 TypeScript 提供了强类型支持。它提供了一个类似于 Vuex 的 ......
模板引擎 Handlebars.js
## 概述 Handlebars.js 是一个简单而强大的 JavaScript 模板引擎。它允许开发者通过定义模板和数据来生成动态的 HTML 页面。 Handlebars.js 基于 Mustache 模板语法，它提供了一些扩展和增强功能。并且开发者可以创建可重用的模板，并通过将数据传递给模板来 ......
使用 Node.js 连接 MySQL
## 概述 当使用 Node.js 开发 Web 应用程序时，经常需要与数据库进行交互来存储和检索数据。[MySQL](后端/MySQL.md) 是一个流行的关系型数据库管理系统，它提供了强大的功能和性能。本文将介绍如何使用Node.js连接MySQL数据库，并展示一些常见的操作示例。 ## 开始 ......
Vue插值语法，文本指令，事件指令v-on，属性指令v-bind
Vue插值语法： 总结：插值语法使用{{}}传入变量，相当于形参 script中data中传入变量值，相当于实参，vue将data的值传给{{}}中 html中： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl ......
chrome 浏览器插件开发框架
chrome 插件开发时，基于现成的框架，启动起来会快很多，也支持调试 HMR，以下是几个框架介绍。 ## 🍉 Plasmo [PlasmoHQ/plasmo: 🧩 The Browser Extension Framework](https://github.com/PlasmoHQ/plas ......
demo阐述js中let和var 的不同
当我们使用 var 和 let 来声明变量时，它们在作用域和变量提升方面的差异会产生一些不同的结果。下面是一个示例来说明这些差异。 ``` // 使用 var 声明变量 function varExample() { console.log(x); // 输出 undefined var x = 1 ......
在react里面刷新浏览器，不会触发componentWillUnmount事件
今天遇见个小bug发现刷新浏览器，componentWillUnmount竟然不会触发。 搜了一下，可能原因是浏览器刷新的时候，componentQillUnmout来不及触发，就被刷掉了。 使用 onbeforeunload事件可以完美解决这个问题。 ......
面试题:如何理解 JS的异步?
JS是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个而渲染主线程承担着诸多的工作，渲染页面、执行 JS 都在其中运行。如果使用同步的方式，就极有可能导致主线程产生阻塞，从而导致消息队列中的很多其他任务无法得到执行。这样一来，一方面会导致繁忙的主线程白白的消耗时间，另一方 ......
时间戳转化“刚刚”、“几小时前”、“几天前”、“几周前”等形式的js代码片段
代码片段（可用于vue过滤器） function getTimeStr(timestamp) { const now = new Date(); const date = new Date(timestamp); const diff = (now - date) / 1000; // 毫秒转换为秒 ......
JavaScript学习笔记：浏览器事件
## 概念 客户端JavaScript程序使用异步事件驱动的编程模型。 浏览器会在文档、浏览器或某些元素或与之关联的对象发生某些事情时生成事件对象。比如文档加载完成、敲击键盘输入等。 JavaScript程序可以给某些对象绑定监听器函数来监听特定的事件，在该对象上发生指定事件时，这些函数会被执行。 ......