浏览器 事件js ie
input的change事件根据placeholder计算公式计算结果
1 // change事件,根据公式计算 2 const changeField = (field, data) => { 3 // change事件 计算公式 徐文龙2023-08-17 晚 4 let specialChars = /[-+*/)(]/; // 正则 5 for (let i = ......
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 事件特别说明；每个区域固定高度实现导航；代码：每个区域高度不确定导航 ......
模拟浏览器服务器代码
模拟服务器代码： import socket sok = socket.socket() sok.bind(('127.0.0.1',7788)) sok.listen(3) while True: print("李凤娟服务器已启动...........") conn,addr = sok.acce ......
为何大多数人都从 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: ['白色'], }, ]; 我们想要的最终数据： [['花岗岩 ......
基于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 ......
[JavaScript]移动端/解决scroll和touch事件的冲突/冒泡
假设有一个抽屉式菜单，根据手指的touch是会跟着动的，在面板任何地方右拉都会触发抽屉菜单的出现。 菜单隐藏的时候右边的内容是overflow:scroll的 这个时候滑动sroll的同时手指向右都会唤醒抽屉菜单，但是是不允许的。 其实按理来说右侧的面板内容如果一直不跳出文档流，也可能不需要额外处理 ......
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 ......
网页全终端h5浏览器视频流解决方案RTSP/FLV/HLS
#背景 项目上需要基于视频巡检，在线勘查填写定制表单，减少巡检成本。 巡检根据不同的筛选项精准获取视频播放地址，查看视频，根据直播在线情况，验收现场。 本文着重讲前端部分视频流展示解决方案。 # 调研 流媒体（streaming media）是指将一连串的媒体数据压缩后，经过网上分段发送数据，在网上 ......
js模拟打字机效果
通用方法定义 /** * * @param {*} text 打字文本 * @param {*} callback 完成打印效果回调 * @param {*} timeout 完成打印效果多久回调 */ export function textPrinter({ text, change, comp ......
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`的值如何确定。 有两种思路可以实现，先介绍第一种，比较复杂的做法。 ## 解 ......
js模板引擎2 -- 解析模板
模板语法规则： - 变量渲染使用 `` 语法； - 条件判断使用 ` `js语法； - 列表渲染使用 ` ` js语法； - 模板注释使用 ``; 下面我们一步步的实现一个正则表达式来识别出模板语法规则部分。 ## 正则匹配 语法规则以``结尾，对应正则为 `//`。 > 关于正则表达式的贪婪模式和 ......
js模板引擎1--制定规则
>本系列文章是学习[art-template](https://github.com/aui/art-template)和[template.js](https://github.com/yanhaijing/template.js)的总结。 js模板引擎的用法大致如下： 1. 模板 ```html ......
Node.js - path.resolve(__dirname, "/src") 无法拼接绝对地址
在使用 `path.resolve(__dirname, "/src")` 这个函数拼接项目的绝对地址时要注意，第二个参数如果指定的是本目录，不能在 `src` 前面添加 `/`。 ```js console.log("/src ->>>>>>", path.resolve(__dirname, " ......
JS正则获取两个指定字符串之间的字符串
function filterWordHtml(str){ let reg = /<!--StartFragment-->([\s\S]*)<!--EndFragment-->/m let result = str.match(reg)[1] return result.replace(/[\\\n ......
Fabric区块链浏览器（3）
本文是区块链浏览器系列的第五篇，项目完整代码在[这里](https://github.com/mengbin92/browser/tree/main)。 在[上一篇文章](https://mengbin.top/2023-08-20-browser2/)中给浏览器增加了简单的用户认证，至此浏览器的基 ......
基于vue3 封装一个图片裁切功能组件 vue-cropper.js
##使用的vue-cropper.js，官方文档 https://github.com/xyxiao001/vue-cropper ##附图片各格式之间的转换 https://www.cnblogs.com/huihuihero/p/17667325.html ##注意：下载vue-cropper. ......
JS逆向实战22——某政府采购网简单cookie反爬
# 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ # 目标网站 网站：aHR0cDovL3d3dy55bmdwLmNvbS8= # 目标 ![](https://img20 ......