效果 汽车three js
【vue】记录收缩展开的动画效果
前言 项目里有时候使用到类似于收缩展开的功能，不设置动画会显得过程很生硬，记录下项目里有使用过的收缩展开的动画实现方式。 方式一：element UI 的折叠动画 如果项目使用到 element UI 可以引入如下组件，实现动画效果： 1、引入组件 import 'element-ui/lib/th ......
js的forEach()方法，获取索引值index
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。用法： 1、forEach有3个参数： 第一个参数可以获取循环一遍的值； 第二个参数可以获取当前元素的索引值（下标）； 第三个参数可以获取当前数组； 例： var arr=[1,2,3,4] arr.forEach(functi ......
记录-JS简单实现购物车图片局部放大预览效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、实现效果 二、代码实现 代码不多，先看一下 HTML 里面结构很简单，初始化 MagnifyingGlass 对象来关联一个 IMG 标签来实现放大。 <!DOCTYPE html> <html> <head> <meta chars ......
页面间的js方法调用
问题描述 在页面A的方法中调用layer.open打开了一个新页面（页面B） 页面B中有一个iframe标签，iframe标签链接了另一个页面（页面C） 页面A需要调用页面C的某个方法 解决方案 一级一级的来，先解决然后调用页面B，然后再解决如何调用页面C 页面C中添加一个方法 function t ......
Day 26 26.1 JS进阶之JS对象
JS进阶之JS对象 【一】、字符串对象 字符串创建(两种方式) 变量 = “字符串” 字串对象名称 = new String (字符串) var str1="hello world"; //推荐 var str1= new String("hello word"); // 字符串对象的操作 var ......
node.js使用Nodemailer发送邮件
引言 -- 常常看到一些网站有邮箱获取验证码验证注册或者修改密码等，今天也来了解一下在nodejs + express怎么发送电子邮件。使用模块Nodemailer。这里以qq邮箱举例子。 安装模块 -- npm install Nodemailer --save 创建一个SMTP客户端配置 -- ......
【原创】实验验证 -fstack-protector 编译选项效果
使用 -fstack-protector 选项的编译脚本 [root@Betty stack_smash_test]# cat mk.sh #!/bin/bash g++ -O2 -Wall -m32 -shared -Wl,-fpic captureexception.cpp -o libcapt ......
js中===和==的区别
JS 中 == 是相同的意思， 严格相同 （1）操作数1 == 操作数2：也就是进行双等号比较时，先检查两个操作数的数据类型，如果相同，就进行 的比较，如果不同，则进行一次类型转换，转为相同类型后再进行比较 比较过程： a）如果两个值类型相同，再进行三个等号的比较 b）如果两个值类型不同，这样也还是 ......
Vue3，使用 JS 调用弹窗组件，并实现关闭弹窗组件时销毁组件
需要对一个弹窗组件进行改造，使其能用 JS 调用，并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......
a标签onclick事件传值(传递属性值)，js接值读取
1、layui模板书写的a标签 <a href="#" onclick="downloadf(this)" type="{{d}}" bakname={{d.bakname}} bakurl={{d.bakurl}}> <i class="us-icon"></i>下载 </a> 2 ......
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 ......
视频直播源码，Android TextView设置跑马灯效果
视频直播源码，Android TextView设置跑马灯效果 1、先在xml中给Textview设置好对应的属性 <TextView android:id="@+id/tv" android:layout_width="200dp" android:layout_height="wrap_conte ......
【备忘录设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 备忘录模式（Memento Pattern）是一种结构型设计模式。这种模式就是在不破坏封装的条件下，将一个对象的状态捕捉(Capture)住，并放在外部存储起来，从而可以在将来合适的时候把这个对象还原到存储起来的状态。备忘录模式常常与命令模式和迭代子模式一同使用。 备忘录模式的角色有三个：备忘 ......
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 单击窗口 ......
JS触发浏览器下载文件
原生JS实现Ajax下载文件 /** * url 下载url （相对路径也可\dbbak\wsew.2023-04-20_09:19:52_6835.sql） * filename 下载文件名称 */ function download(url, filename) { var xhr = new ......
vuejs实现文字逐个显示效果且可以换行
实现方式：开始文字设置为空 ，然后通过添加定时器截取content字符串来实现。 效果展示如下： 具体实现如下： <template> <div> <div v-html=“showText ”></div> </div></template><script>export default { dat ......
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 ......
js-DOM事件
1、介绍 事件，也可以说是信号，绑定到js代码。当事件发生时，对应的js代码将被执行。 HTML DOM 事件对象 | 菜鸟教程 (runoob.com) 2、三种声明方式 （1）在html元素中声明 <button onclick="alert(/xss/)">点击弹窗</button> （2）j ......
js-DOM元素操作
注意，html从上往下解析，如果script在html元素之前，并且是直接执行，将获取不到元素，为null。需要使用window.onload事件声明，或者将js写在html元素后面 1、innerText和innerHTML属性 html元素调用innerText属性，可以获取元素内部的文本内容， ......
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 可以多种请求方法 可以设置请求头部， ......
js-BOM
1、介绍 BOM，browser object model浏览器对象模型，虽然没有正式标准，但几乎所有浏览器都实现了与js的交互，且方法和属性相同。 window对象表示浏览器，所有js全局对象、函数以及变量自动成为window对象的成员。 window直接调用的全局变量和方法可以直接使用属性和方法 ......
js-DOM
1、介绍 DOM，document object model文档对象模型，向上属于window对象的属性，向下可以管理html元素及cookie。 2、获取元素 //基于元素id获取 document.getElementById('id') //基于标签名的所有html元素 document.ge ......
js错误处理
JavaScript 错误 – Throw、Try 和 Catch | 菜鸟教程 (runoob.com) 1、介绍 当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。 可能是语法错误，通常是程序员造成的编码错误或错别字。 可能是拼写错误或语言中缺少的功能（可能由于浏 ......
js介绍
1、介绍 javascript，简称为js，是一种解释型脚本语言，一般在浏览器运行，被所有现代浏览器支持，在h5中，默认脚本就是js。当然，也可以在其他支持js解析的环境中允许，比如服务端的node.js。 js主要可以分为四个部分： 基本语法，与es强烈相关，提供支持。包括语法规范、数据类型、运算 ......