幻灯片 幻灯impress js
js 动态添加样式
```js // 添加 css 脚本 export const loadStyle = url => { const link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; lin ......
js使用xlsx插件导出table中的数据
js代码 需要引入<script type="text/javascript" src="static/js/xlsx.core.min.js"></script> //导出excel function toExcel(){ var blob = sheet2blob(XLSX.utils.tabl ......
如何使用JavaScript格式化日期 – JS中的日期格式化
日期是许多 JavaScript 应用程序的基本组成部分,无论是在网页上显示当前日期还是处理用户输入以安排事件。 但以清晰一致的格式显示日期对于积极的用户体验至关重要。 在本文中,我们将探讨在 JavaScript 中格式化日期的各种技术,使您能够以您的应用程序所需的格式显示日期。 (前端教程:ht ......
vue基础用法-在插值和属性绑定中编写js代码
# 使用Javascript表达式 在vue提供的模板渲染语法中,除了支持`绑定简单的数据值`之外,还`支持Javascript表达式的运算`,例如: ```html 1+2的结果是:{{1+2}} {{tips}}反转的结果是:{{tips.split('').reverse().join('') ......
vue、js onSelect事件 获取选中的值
https://huaweicloud.csdn.net/639ff5afdacf622b8df90ecc.html?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~Blo ......
总结vue3 的一些知识点:Vue.js 安装
Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 Staticfile CDN(国 ......
总结vue3 的一些知识点:Vue.js 安装
Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 Staticfile CDN(国 ......
总结vue3 的一些知识点:Vue.js 条件语句
Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令: v-if 指令 在元素 和 template 中使用 v-if 指令: <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
总结vue3 的一些知识点:Vue.js 条件语句
Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令: v-if 指令 在元素 和 template 中使用 v-if 指令: <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
bootstrap.bundle.min.js bootstrap.bundle.min.js.map 404报错
main.js 导入 import './assets/bootstrap.bundle.min.js' 浏览器报如下告警信息: DevTools failed to load source map: Could not load content for http://localhost:5173/ ......
Java+Js实现文件下载
Maven依赖 <dependency> <groupId>com.deepoove</groupId> <artifactId>poi-tl</artifactId> <version>1.9.0</version> </dependency> 页面 <!DOCTYPE html> <html> ......
Vue中的APP与js的对象字面量
JavaScript的对象字面量是一种方便创建和初始化对象的语法。它允许您直接在代码中定义对象,而无需使用类或构造函数。对象字面量使用大括号{}括起来,并包含零个或多个键值对。 以下是JavaScript对象字面量的常见用法和特点: 键值对:对象字面量中的键值对由键和值组成,使用冒号:分隔。键是字符 ......
js用户在退出或刷新网页时给出提示
window.onbeforeunload = function () { return true } 如果不需要给出提示的话,只需要不执行return true即可 需要注意的是,在chrome浏览器测试时发现,需要至少在网页中点击过一次才能正确触发此事件 ......
原生js掉接口
1.get请求 var inputpath = document.getElementById("inputpath").value; //获取输入框的值作为参数 // 创建一个ajax对象 const xhr = new XMLHttpRequest(); xhr.open("get", urls ......
JS系列--【获取某一时间的前一个工作日】
// 1.获取前一天日期(排除周六、周日)getPrevBusinessDay(date) { const dayOfWeek = date.getDay(); if (dayOfWeek 1) { // 星期一 return new Date(date.getTime() - 3 * 24 * 6 ......
vue系列---【vue 使用decimal.js 解决小数相加合计精确度丢失问题】
1. 使用 npm 安装 decimal.js 库 ```vue npm install decimal.js ``` 2.在 Vue 组件中引入该库 ```vue import Decimal from 'decimal.js'; ``` 3.使用示例 ```vue footerMethod({c ......
JS逆向实战16——猿人学第20题 新年挑战-wasm进阶
# 声明 本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! # 网站 > https://match.yuanrenxue.cn/match/20 # 网站分析 首先进去网站,我们查 ......
node.js安装
F:\Program Files\nodejs\ windows安装npm教程(nodejs) [就是参照这个编辑安装] https://www.cnblogs.com/kakashi-feng/p/16483727.html npm 安装详细教程 https://blog.csdn.net/cle ......
js从指定日期开始获取n个工作日后的日期
` //获取非工作日 这一个函数是根据年份获取非工作日的数组 例:'2023-2-12,2023-2-18,2023-2-19...' function query_fworkday(year) { var p_w_workday; Aurora.request({ url: Aurora.getC ......
js 中的 this
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> var tool = { a : 'some msg', sho ......
去往js函数式编程(5)
## 日志记录 我们可以写一个高阶函数,它以两个函数作为参数,并允许第一个函数只能执行一次,从那一点开始调用第二个函数。 ```javascript const onceAndAfter = (f, g) => { let toCall = f return (...args) => { let r ......
使用vue的简单的纯前端JS验证码实现
## 使用vue的简单的纯前端JS验证码实现 感觉人不能在SQL里面淹死,得看看别的东西了 因为是上班摸鱼偷摸搞的,所以人比较懒,很多东西也懒得修修改改,直接放在一个html文件下了 页面如下 ![image](https://img2023.cnblogs.com/blog/1672923/202 ......
js 粘贴定位 滚动到顶部后,固定在头部
由于css的position:sticky的粘贴定位存在兼容性问题,因为决定使用js来判断盒子的位置,添加固定定位来解决,实例代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=" ......
常用的js判断简写技巧
空值合并运算符(??)是一个逻辑运算符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。 function(obj){ var b = obj ?? {} } // 等价于 =>> function(obj){ var b; if( obj null ......
js 校验手机号与校验邮箱正则表达式
## js 校验手机号与校验邮箱正则表达式 以下 ``` checkMobile(mobile) { var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if (!myreg.test(mobile)) { return ......
Js读取接口返回的文件流+WebApi
做个记录 前端: // 获取时间戳 let timestamp = new Date().getTime(); // 获取XMLHttpRequest let xmlResquest = new XMLHttpRequest(); var IsOnB = $("#IsOnB option:selec ......
文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览
合集 - 文档管理(3) 1.文档在线预览(一)通过将txt、word、pdf转成图片实现在线预览功能05-302.文档在线预览(二)word、pdf文件转html以实现文档在线预览05-30 3.文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览06-01 目录 实现 ......
JS 树型结构 模糊搜索 匹配到所有的节点,包括所有的父节点
treeData 就是el-tree :data要绑定的数据 :data=treeData treeOptions.data是接口返回的原始树形结构数据 // 根据关键字过滤后的数据 const treeData = computed(() => { if (!options.searchText) ......
js文件 (下拉框,后端返回查找对应内容)
![](https://img2023.cnblogs.com/blog/2628599/202306/2628599-20230601113600520-334889566.png) ```JavaScript const DOMAIN_TYPE = { DESKTOP_WEB: "DESKTOP ......