页面driver js
js实现html页面翻译
引入js库 <script src="https://res.zvo.cn/translate/translate.js"></script> 在页面最底部加入js代码 //translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签，凡是在这里面 ......
H5 及 web 页面微信授权登录流程
https://blog.csdn.net/joe0235/article/details/115935515 一、事先准备工作配置参数测试公众平台信息（测试号相关配置示例）： 1、打开公众平台的测试账号 2、配置js接口安全域名 3、扫码关注测试公众号 4、修改网页授权地址 配置授权回调的域名，至 ......
JS:.split()
参考网址： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/split split() 方法接受一个模式，通过搜索模式将字符串分割成一个有序的子串列表，将这些子串放入一个数 ......
uni.navigateBack返回上一个页面并刷新（调用上一页面的方法）上一个页面
当前页面 ``` let pages = getCurrentPages(); // 当前页页⾯实例 let nowPage = pages[pages.length -1]; //当前页⾯实例 let prevPage = pages[pages.length -2]; // 上一页面实例 // ......
JS:.pop()
参考网址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/pop Array.prototype.pop() pop() 方法从数组中删除最后一个元素，并返回该元素的值。此方 ......
js内存空间问题
1 let a = { n: 1 }; 2 const b = a; 3 a.x = a = { n: 2 }; 4 console.log('a.x:', a.x); // undefined 5 console.log('b.x:', b.x); // {n:2} 在b=a时，堆栈中引用的是同一 ......
Web攻防--JS算法逆向--断点调试--反调试&&代码混淆绕过
# Web攻防--JS算法逆向--断点调试--反调试&&代码混淆绕过 ## JS算法逆向 在进行渗透测试过程中，在一些功能点进行参数注入或者枚举爆破等过程中，会出现参数进行加密的情况，但是我们输入参数并不是加密状态，即便测试点存在漏洞也不可能测试成功，这时候便需要将所提交参数进行加密后在进行注入，针 ......
js富文本处理函数
```javascript const formatRichText = (html) => { let newContent = html.replace(/]*>/gi, function(match, capture) { match = match.replace(/style="[^"]+ ......
Js-sku商品规格【电商】
## 直接上代码片段 ``` const options = [{ title: "颜色", values: ["红色", "蓝色", "绿色"] }, { title: "尺寸", values: ["S", "M", "L"] }, { title: "材质", values: ["棉", "丝 ......
如何通过集群扩展 Node.js 应用程序
# 如何通过集群扩展 Node.js 应用程序 - [原文链接](https://www.digitalocean.com/community/tutorials/how-to-scale-node-js-applications-with-clustering#prerequisites) - [ ......
web杂记(8)-js(4)
[TOC] # indexof slice splice ```javascript a=[1,2,3,4,5,6]; b=[100,200,[11,22,33]]; console.log(a.indexOf(3)); console.log(b.indexOf(22)); console.log ......
详细讲解js实现电梯导航
点击当前元素高亮的实现；点击右侧按钮，滚动到对应区域；滑动到对应区域右侧按钮自动高亮；scroll 事件特别说明；每个区域固定高度实现导航；代码：每个区域高度不确定导航 ......
为何大多数人都从 D3.js 切换到了billboard.js？
为何大多数人都从 D3.js 切换到了billboard.js？ 首发2023-07-12 06:35·高级前端进阶 大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发，您的支持是我不断创作的动力。 今天给 ......
2023-08-31 js 笛卡尔积之商品规格组合
假设我们的商品规格数据为： let arr = [ { name: '材质', value: ['花岗岩','玄武岩'], }, { name: '体积', value: ['10克'], }, { name: '颜色', value: ['白色'], }, ]; 我们想要的最终数据： [['花岗岩 ......
HarmonyOS—使用Web组件加载页面
页面加载是Web组件的基本功能。根据页面加载数据来源可以分为三种常用场景，包括加载网络页面、加载本地页面、加载HTML格式的富文本数据。 页面加载过程中，若涉及网络资源获取，需要配置ohos.permission.INTERNET网络访问权限。 加载网络页面 开发者可以在Web组件创建的时候指定默认 ......
基于Cesium.js的【3D地球可视化】设计实例，个个炫酷到爆
基于Cesium.js的【3D地球可视化】设计实例，个个炫酷到爆 2023-08-30 16:56·零玖UI设计 Cesium.js是一个强大的JavaScript库，用于创建高性能的3D地球可视化应用程序。它提供了许多功能和工具，使得设计出炫酷的3D地球可视化成为可能。下面是一些设计实例： ......
一款 Js 动画库，简单几行代码就能写出丝滑流畅、高性能的动画效果
一款 Js 动画库，简单几行代码就能写出丝滑流畅、高性能的动画效果 原创2023-06-01 14:37·那些免费的砖 使用简单，但做出来的动画非常丝滑，也能实现很多专业的动画效果，推荐给大家。 关于 GSAP GSAP 的全名是 GreenSock Animation Platform，项目诞生非 ......
利用PDF.js在微信小程序里预览PDF文件
在微信小程序可以通过wx.downloadFile 和 wx.openDocument 两个api下载并打开pdf文件。这种方式主要有不少的缺点： 1、需要下载才可以查看，且每次打开都需要下载生成一个临时文件，如果PDF文件比较多的话，临时文件会越来越多，且如果PDF文件比较大的话，打开会比较慢。2 ......
2023-08-31 js 判断内容有值才运行 ==》if (!!str) {//内容有值则运行}
一般新手判断一个值是否不为null且不为undefined且不为空都会这样写 str != '' && str != undefined && str != null 或者 str !== '' && typeof(str) !== undefined && str !== null 其实有一种简洁 ......
el-input出发回车事件时会导致页面刷新
原因分析：当表单只有一个文本框时，按下回车将会触发表单的提交事件， 导致页面的刷新。 1：el-input上使用回车事件 <el-input v-model="input" @keyup.enter.native="search1"> 解决方法一：在el-form表单加上@submit.native ......
js_使用axios请求图片资源, 并读取图片资源为base64格式
- 情景再现: 今天在写页面时遇到这么一个请求: 有一张图片, 默认隐藏, 要求在该图片加载完毕后, 执行取消隐藏的动画. 目的是不要在执行动画期间图片有空白的样子. 第一个想到的当然是img的onload回调函数. 但是天生反骨不爱用行内元素. 于是想到使用ajax请求图片资源, 再使用FileR ......
js获取父元素id
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
css或js实现隔行换色
```css /* 用CSS实现隔行换色*/ /* table tbody tr:nth-child(odd) { background-color: #c7cac9; } table tbody tr:nth-child(even) { background-color: #ccc; } */ ` ......
JS对象数组的遍历和解构的一起使用
<!DOCTYPE html> <html class="no-js"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title></title> <meta nam ......
分享一个在线二维码生成器（基于qrcode.js开发）
> 一种二维码扫描与生成的工具, 它可生成个性化二维码, 支持文本、网址、图片、短信、电话等格式及主题,提供融合码功能 ### 演示地址 [https://qrcode.gitapp.cn](https://qrcode.gitapp.cn) ### 关键代码 ``` var qrcode = ne ......
js模拟打字机效果
通用方法定义 /** * * @param {*} text 打字文本 * @param {*} callback 完成打印效果回调 * @param {*} timeout 完成打印效果多久回调 */ export function textPrinter({ text, change, comp ......
H5退出页面，切换页面createInnerAudioContext仍然继续播放，无法停止播放
必须同时添加stop和destory 只使用其中一个无法停止和销毁 ......
js模板引擎--构造渲染函数
在上一篇中我们已经将模板解析为了一条条的js语句，那么只要把这些语句连起来，构造一个可执行函数，然后传入模板数据，就可以得到填充过数据的html片段。 ```javascript // 构造渲染函数 function buildRender(scriptTokens) { var codeArr = ......
QRCode.js无法识别中英文混合字符的解决办法
开源在此：https://github.com/davidshimjs/qrcodejs 引用：//static.runoob.com/assets/qrcode/qrcode.min.js 这篇文章讲解了使用方法： QRCode.js：使用 JavaScript 生成二维码 ： https://w ......
js模板引擎3--编译模板
编译模板的时候，我们可以使用`Function`构造函数构建出可执行的js代码，但关键点是如何把模板数据和构建的js代码关联起来。 比如前面的模板字符串例子： ```html ``` 这个例子中，我们关心的是变量`list`的值如何确定。 有两种思路可以实现，先介绍第一种，比较复杂的做法。 ## 解 ......