幻灯片 幻灯impress js

js中===和==的区别

JS 中 == 是相同的意思, 严格相同 (1)操作数1 == 操作数2:也就是进行双等号比较时,先检查两个操作数的数据类型,如果相同,就进行 的比较,如果不同,则进行一次类型转换,转为相同类型后再进行比较 比较过程: a)如果两个值类型相同,再进行三个等号的比较 b)如果两个值类型不同,这样也还是 ......

Vue3,使用 JS 调用弹窗组件,并实现关闭弹窗组件时销毁组件

需要对一个弹窗组件进行改造,使其能用 JS 调用,并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......
组件 Vue3 Vue JS

a标签onclick事件传值(传递属性值),js接值读取

1、layui模板书写的a标签 <a href="#" onclick="downloadf(this)" type="{{d}}" bakname={{d.bakname}} bakurl={{d.bakurl}}> <i class="us-icon">&#xe710;</i>下载 </a> 2 ......
属性 onclick 事件 标签

Module not found: Error: Can‘t resolve ‘js-cookie‘

Module not found: Error: Can‘t resolve ‘js-cookie‘ 原因:没有安装js-cookie 解决:npm install -save js-cookie ......
js-cookie resolve Module cookie Error

【备忘录设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介 备忘录模式(Memento Pattern)是一种结构型设计模式。这种模式就是在不破坏封装的条件下,将一个对象的状态捕捉(Capture)住,并放在外部存储起来,从而可以在将来合适的时候把这个对象还原到存储起来的状态。备忘录模式常常与命令模式和迭代子模式一同使用。 备忘录模式的角色有三个:备忘 ......
设计模式 备忘录 语言 模式 Python

js千分位带小数显示处理

// 参照Elmenent ui statistic组件 function dispose(value = '', precision = null, groupSeparator = '', rate = 1000 ) { if (!isNumber(value)) return false; l ......
小数

python+playwright 学习-54 结合 gremlins.js 实现web 网页的mokey测试

前言 在 Android 应用测试里面有个 mokey测试可以对app 做稳定性的测试,在app里面随机乱点发送一些事件,看app会不会异常。 这种做法,也称为 Monkey测试 或 Fuzz 测试,在移动应用程序开发中非常常见。 Gremlins.js 模拟随机用户操作:gremlins 单击窗口 ......
playwright gremlins 网页 python mokey

JS触发浏览器下载文件

原生JS实现Ajax下载文件 /** * url 下载url (相对路径也可\dbbak\wsew.2023-04-20_09:19:52_6835.sql) * filename 下载文件名称 */ function download(url, filename) { var xhr = new ......
浏览器 文件

JS执行机制--同步与异步

单线程JavaScript语言具有单线程的特点,同一个时间只能做一件事情。这是因为JavaScript脚本语言是为了处理页面中用户的交互,以及操作DOM而诞生的。如果对某个DOM元素进行添加和删除,不同同时进行。应该是先添加,再删除,事件有序。 单线程的特点是所有任务都需要排队进行,前一个任务结束, ......
机制

js全局属性和函数

1、js全局属性 Infinity:代表正无穷大的数值 NaN:指示某个值不是数字 undefined:指示未定义的值 2、eval函数 eval("x=10;y=20;document.write(x*y)") 如果参数是一个表达式,eval() 函数将执行表达式。如果参数是Javascript语 ......
全局 函数 属性

js编码和base64

js内部支持三组编码和解码函数,都是全局函数,可以直接使用。 内部没有html编码和解码,一般是自行编写函数。也没有md5等加密解密函数,需要引入响应的工具js。另外支持base64的编码和解码,window.btoa()和window.atob函数完成。 1、escape函数 escape('ab ......
编码 base 64

js-DOM事件

1、介绍 事件,也可以说是信号,绑定到js代码。当事件发生时,对应的js代码将被执行。 HTML DOM 事件对象 | 菜鸟教程 (runoob.com) 2、三种声明方式 (1)在html元素中声明 <button onclick="alert(/xss/)">点击弹窗</button> (2)j ......
事件 js-DOM DOM js

js-DOM元素操作

注意,html从上往下解析,如果script在html元素之前,并且是直接执行,将获取不到元素,为null。需要使用window.onload事件声明,或者将js写在html元素后面 1、innerText和innerHTML属性 html元素调用innerText属性,可以获取元素内部的文本内容, ......
元素 js-DOM DOM js

js正则

JavaScript RegExp 对象 | 菜鸟教程 (runoob.com) JavaScript RegExp 对象 | 菜鸟教程 (runoob.com) 1、re语法 /正则表达式主体/修饰符(可选) 例如: var patt = /runoob/i (1)主体 [abc] 由范围内字符组 ......
正则

js变量

1、基本的变量声明 var a='abc' var lastname="Doe", age=30, job="carpenter"; 可以单独为一个变量声明,也可以直接为多个变量声明,之间使用,分隔 只声明未赋值的变量为undefined 完全未声明的变量不能使用,会报错 2、作用域 分为全局变量和 ......
变量

ajax-js

1、介绍 ajax,asynchronous javascript and xml异步的js和xml。不重新加载整个页面的情况下,与服务器交互数据并更新部分页面。 优点:交互友好,节约资源,不需要插件直接使用。 分为同步和异步 目前主要是json格式,替代xml 可以多种请求方法 可以设置请求头部, ......
ajax-js ajax js

js-BOM

1、介绍 BOM,browser object model浏览器对象模型,虽然没有正式标准,但几乎所有浏览器都实现了与js的交互,且方法和属性相同。 window对象表示浏览器,所有js全局对象、函数以及变量自动成为window对象的成员。 window直接调用的全局变量和方法可以直接使用属性和方法 ......
js-BOM BOM js

js-DOM

1、介绍 DOM,document object model文档对象模型,向上属于window对象的属性,向下可以管理html元素及cookie。 2、获取元素 //基于元素id获取 document.getElementById('id') //基于标签名的所有html元素 document.ge ......
js-DOM DOM js

js错误处理

JavaScript 错误 – Throw、Try 和 Catch | 菜鸟教程 (runoob.com) 1、介绍 当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误。 可能是语法错误,通常是程序员造成的编码错误或错别字。 可能是拼写错误或语言中缺少的功能(可能由于浏 ......
错误

js介绍

1、介绍 javascript,简称为js,是一种解释型脚本语言,一般在浏览器运行,被所有现代浏览器支持,在h5中,默认脚本就是js。当然,也可以在其他支持js解析的环境中允许,比如服务端的node.js。 js主要可以分为四个部分: 基本语法,与es强烈相关,提供支持。包括语法规范、数据类型、运算 ......

js数据类型

1、介绍 js是弱类型语言。 2、数值 var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写 var y=123e5; // 12300000 3、字符串 s = 'abc' s1 = "abc" s2 = /xss/ //输出/xss/,连同/字符 4、布尔 ......
类型 数据

js控制结构

1、if … else if … else … if(15){ alert('abc') } js存在强转bool类型 其他与java语法相同 2、switch 3、while 4、do while 5、for var list = [12,22,'abc','ddd'] for(let i=0;i ......
结构

js函数

1、介绍 js函数是通过关键字function进行定义。 function functionName(parameters) { 执行的代码 } 2、匿名函数 函数作为一个变量使用。 var x = function (a, b) {return a * b}; var z = x(4, 3); 3 ......
函数

js语法

1、注释 //单行注释 /* 多行注释 */ 2、关键字 3、标识符 由数字、字母和下划线组成,首字符不能是数字 4、代码分行 使用()包围结构控制提交,使用{}控制代码块 5、文本分行 不存在/分行,必须使用+ ......
语法

js类

1、介绍 js中具有和java类似的类声明和创建对象。 class Runoob { constructor(name, url) { this.name = name; this.url = url; } } let site = new Runoob("菜鸟教程", "https://www.r ......

浏览器执行js脚本

1、四种基本的形式 (1)script内部 <script>alert('xss')</script> (2)script引入外部js文件 <script src='check.js'></script> <script src=https://www.freebuf.com/freebuf/2.1 ......
脚本 浏览器

JS中三个点(...)是什么?

我们在看js代码时经常会出现(...)三个点的东西,它究竟是什么意思?又有何用处?下面我就给大家分享一下三个点的那些事 什么意思? 三个点(...)真名叫扩展运算符,是在ES6中新增加的内容,它可以在函数调用/数组构造时,将数组表达式或者string在语法层面展开;还可以在构造字面量对象时将对象表达 ......
三个

Js数组过滤的方法

方法一:使用forEach遍历 let list = ['a','b','c','d','e'] list.forEach((item,index)=>{ if(item == 'c'){ list.splice(index,1) } }) console.log('forEach',list) 方 ......
数组 方法

web页面播放spine动画及播放相关使用及总结spine-player.js

1.官方git,里面有些例子可以参考。 https://github.com/EsotericSoftware/spine-runtimes.git 2.官方播放器: http://zh.esotericsoftware.com/spine-player 目前测试4.0以上的js支持动画模型透明 3 ......
spine spine-player 页面 动画 player

【中介者设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

* 中介者模式是一种行为型设计模式,它可以用来减少类之间的直接依赖关系, * 将对象之间的通信封装到一个中介者对象中,从而使得各个对象之间的关系更加松散。 * 在中介者模式中,对象之间不再直接相互交互,而是通过中介者来中转消息。 ......
中介者 设计模式 中介 语言 模式