foreach js
js的十种设计模式
01.Abstract Factory Abstract Factory创建由共同主题相关的对象。在面向对象编程中,工厂是创建其他对象的对象。抽象工厂抽象出新创建的对象共享的主题。 02.Builder Builder 模式允许客户端仅通过指定类型和内容来构建复杂对象,细节完全对客户隐藏。 03、F ......
js深拷贝
js深拷贝 在JavaScript中,有多种方法可以实现对象的深拷贝,下面介绍几种常用的方式: 手动遍历对象进行复制 function deepCopy(obj) { if (typeof obj !== 'object' || obj null) { return obj; } let newOb ......
常用JS
替换html str.replace(/<[^>]+>/g, '') 正则替换ALL str.replace(/ /g, '') 正则替换所有空位 str.split(/[\t\r\f\n\s]*/g).join('') ......
webstorm配置了vite.config.js还是识别不了
不是webpack,而是vite 1.根目录新建tsconfig.json,或者jsconfig.json 2.复制代码 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./src/*"] } } } ......
实现一个js平滑滚动到顶部的小功能
// 平滑滚动到顶部 // scrollDom 出现滚动条,要滚动的元素 // speed 平滑滚动的速度 number类型 const scrollToTopSmooth = (scrollDom, speed) => { let scrollTop = scrollDom.scrollTop f ......
页面上的元素无法定位时可以引用js语法
display='block':显示 display='none':隐藏 js = "document.getElementsByClassName(\"del-icon el-icon-delete\")[0].style.display='block';"#调用js脚本self.driver.e ......
用print-js实现打印功能时element table组件打印不全的问题
插件下载: npm install --save print-js 解决方案,修改print.js里面的 getHtml // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this ins ......
js中的this
js中的this指向 首先this是动态的,在函数调用前是无法预知的,只有函数被调用后this才被确定。 函数调用的5种情况 通过对象调用函数,this指向对象 直接调用函数,this指向全局对象 如果通过new调用函数,this指向新创建的对象 如果通过apply、call、bind调用函数,th ......
js基础---date的格式化与exec()正则表达式
exec():获取字符串中符合正则表达式的内容。 正则表达式中的匹配模式:i代表忽略大小写,g代表全局匹配 ......
js方法判断两个数组的交集、并集和超集
下面是JS实现数组交集、并集和超集的方法: 1. 交集:即两个数组中相同的元素。可以通过遍历一个数组,判断另一个数组是否包含该元素来确定。 function intersection(arr1, arr2) { const result = []; for (let i = 0; i < arr1. ......
python+selenium+js操作网页元素
调用JS语法需要用到selenium中的方法 execute_script() ,参数直接填写JS语法。 # 1、通过元素id属性,获取元素 document.getElementById('id'); # 2、通过元素name属性,获取元素列表 document.getElementsByName ......
Mybatis拦截器解决<foreach>列表为空报错问题
在mybatis中使用<foreach>标签时, 如果传入的列表为空, 则解析为sql语句时<foreach>标签所在位置会被解析为空, 最终的sql呈现为in ()或者in后面的内容为空, 从而导致sql语法错误。 网上找了很多种方法,如果用到foreach的地方比较多,用拦截器来处理可能会更好。 ......
JS垃圾回收机制
JS垃圾回收机制主要分为对栈和堆两种存储数据的回收: 一、栈中数据回收 1) 首先我们需要了解一个概念ESP指针:是指针寄存器的一种,用于堆栈指针,主要用来标记当前活动位置,简单就是标记当前代码执行位置 2) 当我们执行一个函数时除了会有存储的变量外,还会有一个执行上下文;此时ESP指针则会指向当前 ......
js中的变量
在JavaScript中,我们用var关键字来声明一个变量,var关键字后紧跟变量的名称,例如: var a1 = 40; a1就是变量的名称,用来标识一个变量,所以它又称为变量的标识符。一个变量的标识符必须是由字母、数字、下划线组成,但首字符不能为数字,如: 1user、#user 都不是正确的标 ......
vue使用video.js库,引入语言脚本的方式
第一种 import 'video.js/dist/video-js.css' import videojs from "video.js"; window.videojs = videojs; require('video.js/dist/lang/zh-CN'); 第二种 import 'vid ......
js实现微信js-sdk签名(signature)
由于后端不知道怎么加密获取到signature,所以由前端生成签名(jsapi_ticket、noncestr、timestamp,这三个字段是接口返回的,按理说只需要jsapi_ticket就行了,其他前端也可以生成) 1、对所有待签名参数按照字段名的ASCII 码从小到大排序(字典序)后,使用U ......
js中的基础排序算法
var arr = [6,4,9,8,7,3,1,6]; 1、内置的sort排序: function sort (arr) { return arr.sort(function(a,b) { return a-b; }) } 2、冒泡排序: function bubbleSort(arr) { va ......
js获取url中的参数
function getUrlParam(strUrl) { var url, pos, urlStr, para; url = strUrl || window.location.href; pos = url.indexOf("?") if(pos <= 0) return; url = url ......
纯JS实现的Popup框
以下是一个纯JS实现的Popup框:HTML代码:```html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Popup框</title> <style> #overlay { position: fixed; top: 0; l ......
Node.js--安装
下载:https://nodejs.org/en 下载下来后,进行安装,完成后查看文件夹 在安装目录下新建模块目录 node_global 跟cache目录 cache 再执行以下命令 npm config set prefix "C:\Program Files\nodejs\node_globa ......
js基础
旧类 一个函数如果直接调用()那么他是一个函数 如果是采用new的形式。比如const p = new() 则是构造函数,p等于一个对象 数组最后添加元素的小技巧 直接数组名[lenth] = *** ......
js获取对象数组中的id集合
js获取对象数组中的id集合 const ids = Array.from(this.checkList,({ id }) => id); // ["16921C72E0C64002","16898B37FC66E002"] const ids = this.checkList.map(item = ......
js实现产品页点击小图在大图区显示
企业网站产品图片可能会比较多,需要在产品页面多放几张展示图片,我们可以使用一张大图+几张小图的形式排列,并使用js代码实现点击小图显示大图。效果如下所示html代码部分:<div class="img_bd"> <img src="/e/picture/180613/1-1P6130ZH6.jpg" ......
xlsx.js导出表格
说明 vue2 前端导出表格需用用到xlsx.js这个库 npm install xlsx 代码部分 wch和 import * as XLSX from "xlsx";//记得在要用的页面导入 /* 导出表格 */ exportExcel_() { /* 定义表格的数据 第一行是表头*/ var ......
原生js layui模板引擎使用
HTML代码: <div id="dayOvertime" style="border:1px solid #e2e2e2;"></div> JS代码: <script id="lateTimeLaytpl" type="text/html"> {{# layui.each(d, function( ......
JS中内存泄漏的几种情况
JavaScript 中的内存泄漏是指程序中使用的内存不再被需要却没有被释放,最终导致浏览器或者 Node.js 进程使用的内存越来越大,直到程序崩溃或者系统运行缓慢。 在 JavaScript 中,内存泄漏通常是由于变量、对象、闭包、事件监听器等长期存在而没有被释放引起的。这些长期存在的引用会阻止 ......
js中找出对象中值最大的一项
比如有以下对象 const obj = { num1: 1000, num2: 800, num3: 900, } 期望得到 num1: 1000这一项。 js实现代码: export const maxIncome = (userWalletIncomes) => { let maxValue = ......