幻灯片 幻灯impress js
JS中传递数字过大,数据值会变化的解决办法
虽然本人从事后端业务为主,但是在实际开发中难免或多或少会遇到与js打交道的情况,今天记录一个实际开发中遇到的小问题,与大家分享如下: 如果要在js函数中传递大整型数值,一定要用字符串,否则会出现精度变化的情况,不准确 ...onclick="testfun(20221123140846431743) ......
Js基础
1,在head中时,所代表的functions只加载而不执行,执行是在某一事件触发后才开始。 2,在body中时,直接加载并执行 典型的区别: 如果有不在函数中的执行语句,比如变量初始化,如果在head中就不会执行。 代码如下: //页面中写入html内容 document.write("<h1>H ......
为什么JS中0.1+0.2不等于0.3
当我们在计算机中使用浮点数进行计算时,特别是在使用二进制表示浮点数时,可能会出现舍入误差。这是由于计算机使用有限的位数来表示浮点数,而某些十进制数无法精确地表示为有限的二进制数。 0.1 和 0.2 都是无限循环的二进制数,在转换为浮点数时并不能完全准确地表示。将它们相加时,可能会出现舍入误差。因此 ......
vue怎么在单独的js文件内使用props的function函数传出点击事件
## 说明 在vue2的子组件内我想实现在子组件引入的js文件内传出点击事件 主要是就是把props传进去,因为props传入function时,函数中this自动绑定Vue实例 触发点击以后再传出来 ## 实现 子组件 ```js props: { OneNodeClick: { required ......
如何使用Next.js创建全栈应用程序
Next.js 乍一看似乎令人生畏,因为有这么多新概念需要掌握。但别担心——在这个循序渐进的教程中,我将为您提供使用 Next.js 创建您的第一个现代全栈应用程序所需的所有基本信息。 在本教程中,我将带您了解 Next.js 的基础知识,并指导您创建您的第一个全栈应用程序。在本教程结束时,您将有信 ......
JavaScript如何在幕后工作?JS引擎和运行时解释
所以您可能知道您的代码以某种方式在您的浏览器中编译和执行以显示您构建的漂亮的 Web 应用程序。但是您是否知道启用输出的所有组件? 让我们深入了解幕后的 JavaScript。您无法确切看到的抽象部分。 为什么一个看似抽象的主题对你来说很重要?了解 JavaScript 的内部工作原理可以让您超越表 ......
文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览
本文主要介绍了word、excel、pdf、ppt等文件纯前端实现在线预览的方式,从本文的测试情况来看前端实现预览最好的效果还是PDF(或者是图片),不会出现一些文字错乱和乱码的问题,所以一般好的方案就是后端配合将不同格式的文件转换成pdf,转成统一的文件格式,再由前端实现预览效果,这样能保留文件的... ......
Js 常见数据类型及判断方法及手写深拷贝
常见 值 类型:undefined、String、Number、boolean、Symbol. 常见 引用类型:Array、Object、function(特殊引用类型,单不用于存储数据,所以 “没有拷贝、复制函数” 这说法)、null(特殊引用类型,指针指向为空地址) 判断数据类型的方法: typ ......
记录--Js基础练习题目
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1.使用js,在页面中打印以下图案 提示: document.write可以在页面中打印内容<br>在html中代表换行, 在html中代码空格 for(var i=0;i<7;i++){ // 空格部分 for(var j=7;j>i; ......
JS监听dom高度变化方法总结
前沿: 有时候我们需要监听dom的变化,比如获取父元素的高度,动态的设置子元素的高度,所以需要监听 dom 的高度变化,才能准确获取dom的高度,那么有哪些监听dom高度变化的方法呢?今天简单列举一下。 1、MutationObserver 构造函数 Mutation Observer API 用来 ......
去往js函数式编程(4)
## 日志记录 在调试代码时,通常需要添加一些日志信息来查看函数是否被调用,使用了哪些参数,返回了什么等等。 ```javascript function someFunction(p1, p2, p3) { console.log('enter', p1, p2, p3) // do... // ......
Web - js数组对象去重
let arr = [{ id: '1', key: '1', value: '明月' }, { id: '3', key: '2', value: '可欣' } }] Map()方法 set方法设置key所对应的键值,然后返回整个Map结构。如果key已经有值,则键值会被更新,否则就新生成该键。v ......
JS大文件分片上传/多线程上传
一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中, ......
Turn.js网站移动端翻页功能
Html页面代码如下: <html> <head> <!-- content type --> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <!-- viewport --> <meta content="w ......
JS逆向实战15——猿人学第五题 动态cookie乱码增强
# 声明 本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! # 网站 > https://match.yuanrenxue.cn/match/5 # 网站分析 首先 刚进入页面即显示 ......
JS_0076:JS 中变量前面的加号 +
1, // null:返回 0 console.info(+null) // => 0 // undefined:返回 NaN console.info(+undefined) // => NaN // 获取当前的时间戳,相当于`new Date().getTime()` console.info( ......
JS的严格模式
JavaScript的严格模式(Strict Mode)是一种在代码中启用的特殊模式,用于提供更严格的语法和错误检查,以改善代码质量和增强安全性。使用严格模式可以帮助大家避免一些常见的错误,并禁用一些不推荐使用的特性。 要启用严格模式,可以在代码的顶部或函数体的开头添加以下语句: "use stri ......
jquery.qrcode.js 和 jQuery.print.js 简单使用
最近因为需要在前端生成二维码并打印二维码及相关内容,使用了jquery,jquery.qrcode.js,jQuery.print.js来实现 ### 代码 ``` 姓名: 张三性别: 女身份证: 44044019990217444X体检日期: 20230530识别号: 20230530440440 ......
js中的宏任务和微任务
一、初识宏任务和微任务 在JavaScript中,有两类异步任务队列:宏任务队列(macrotasks)和微任务队列(microtasks)。宏任务队列可以有多个,微任务队列只有一个。 1、宏任务(macrotasks):就是JS 内部(任务队列里)的任务,严格按照时间顺序压栈和执行。如: scri ......
js判断本页面被 iframe 嵌套
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
去往js函数式编程(3)
我们将使用接下来的函数实现:让你更具有声明性,你会发现自己的关注点将转移到你需要什么,而不是如何做;繁琐的细节被隐藏在我们的函数内部。我们将不再编写一系列可能嵌套的 for 循环,而是专注于使用函数作为构建快来制定我们期望的结果。 使用 reduce()操作可以得到单个值;使用 map()可以得到一 ......
js 获取 image 原始高度
1. 新版浏览器 ```js // 这个 api 仅支持新版本浏览器, 旧版还是得创建一个内部图片 setTimeout(() => { let imgRef = this.$refs.img this.imgWidth = imgRef.naturalWidth this.imgHeight = ......
js 复习
所有的数组方法 concat 连接两个或更多的数组,并返回结果 copyWithin 从数组指定位置拷贝到数组的另一个指定位置中 entries 返回数组的可迭代对象 every 检测数值元素,判断是否每个元素都符合条件 fill 使用一个固定值来填充数组 filter 过滤 find 返回符合条件 ......
前端JS的面向对象写法还是挺好玩的—class继承、实现
class FormDataDTO1 { id; name; sex; remark; } class FormDataDTO2 extends FormDataDTO1 { age; address; } const formData1 = new FormDataDTO1(); const fo ......
在node项目中使用log4.js记录日志
## 1. 在项目根目录创建保存日志文件的文件夹logs ![](https://img2023.cnblogs.com/blog/2519465/202305/2519465-20230530151953565-46628750.png) ## 2. 修改 .gitignore 文件, 添加log ......
Python excejs 执行js文件的时候 报编码错误的问题
##问题 ###执行js的时候报图中的编码错误,直接执行js文件时能正常编译,在网上未找到关于这个问题的文章 头疼了好久 最终在各位大佬的帮助下解决了问题,便记录了下来: ![](https://img2023.cnblogs.com/blog/2367790/202305/2367790-2023 ......
文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览
@[toc] 关于实现文档在线预览的做法,之前文章提到了的两种实现方式: 1、通过将文档转成图片:详见[《文档在线预览(一)通过将txt、word、pdf转成图片实现在线预览功能》](https://blog.csdn.net/q2qwert/article/details/130884607); ......
js应用-猜数字
之前学习循环的时候,做过一个游戏“猜数字”的练习。 这里主要利用js对css的控制,来重现这个游戏。 设计外观: 根据设计制作html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 ......
js应用--简单计算器
先根据常见计算器设计界面的大致布局: 根据以前的html和css知识,在页面上实现大致的样子 html(index.html): 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>简单计算器</title> ......