始末module js
js 异步任务执行顺序问题
js是单线程的(非阻塞的),实现方法就是事件循环; 分同步任务和异步任务; new Promise((resolve,reject) => { resolve(1) console.log('log1') }).then(() => { console.log('log2') }) console. ......
Vue3中(vite.config.js)配置打包的时候去除console.log
参考:https://www.cnblogs.com/lovewhatIlove/p/16476165.html 安装terser npm add -D terser vite中配置 import { defineConfig } from "vite"; import vue from "@vit ......
js 数组、对象转json 以及json转 数组、对象
1、JS对象转JSON 方式:JSON.stringify(obj) var json = {"name":"iphone","price":666}; //创建对象; var jsonStr = JSON.stringify(json); //转为JSON字符串 console.log(jsonS ......
js 浏览器中当前页下载文件
1 downloadImg(url:string,name:string):void{ 2 let xhr = new XMLHttpRequest(); 3 xhr.responseType = 'blob'; 4 xhr.open('GET', url); 5 xhr.send(); 6 xhr ......
transtale.js v1.1
function gc() { var name = "transLang="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i].trim(); if (c.indexO ......
js中的数组方法
js中数组方法大全 平常在写代码的时候,我们经常会用到数组这个类型,那么数组到底有多少方法,方法各自的作用又是什么呢? 1. toString 作用: 把数组转换为数组值(逗号分隔)的字符串。 示例: Array.toString() 2. join 作用: 将所有数组元素结合为一个字符串。区别与t ......
关于js对象遍历保证顺序的问题
##Object.keys(obj).sort().forEach(...) , 注:仅用于对象的key值是可定义顺序的,如key值为时间错,数字等,通过sort(),可默认按照数组大小排序(也可通过sort的自定义函数排序) object.keys/values() 和 for in 不能保证对象 ......
Three.js教程:3D场景中插入新的几何体
推荐:将NSDT场景编辑器加入你3D工具链 其他工具系列:NSDT简石数字孪生 3D场景中插入新的几何体 前面课程绘制了一个立方体效果,下面通过three.js的球体构造函数SphereGeometry()在三维场景中添加一个球几何体。 SphereGeometry构造函数 SphereGeomet ......
JS 实现网络测速
JS 实现网络测速 一、背景知识 在日常生活中,有时候感觉网络卡,就想测一下网速是多少(明知道卡,但是还是想看看是否真的卡,害)。这时候我们可能会打开测速网 - 专业测网速, 网速测试, 宽带提速, 游戏测速, 直播测速, 5G测速, 物联网监测 - SpeedTest.cn,但是我们可以用 JS ......
记录-Vue.js模板编译过程揭秘:从模板字符串到渲染函数
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Vue.js是一个基于组件化和响应式数据流的前端框架。当我们在Vue中编写模板代码时,它会被Vue编译器处理并转换为可被浏览器解析的JavaScript代码。Vue中的模板实际上是HTML标记和Vue指令的组合,它们会被Vue编译器处理并 ......
【js】setTimeout、Promise、Async/Await 的区别
三者在事件循环中的是不同的,事件循环中分为宏任务队列和微任务队列 其中setTimeout的回调函数放到宏任务队列里,等到执行栈清空以后执行; promise.then里的回调函数会放到相应宏任务的微任务队列里,等宏任务里面的同步代码执行完再执行; async函数表示函数里面可能会有异步方法,awa ......
JS函数:递归函数与迭代函数
1.递归函数 : 程序中调用自己的函数 程序调用自身的编程技巧称为 递归( recursion)。递归作为一种算法在程序设计语言中广泛应用。 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略只需少量的程 ......
vue通过Export2Excel.js进行导入excel,获取数据
<!-- 封装的模板下载和导入按钮和功能组件--> <template> <span style="margin-left: 10px"> <el-button size="mini" class="el-icon-download" @click="downFiles"> 下载模板</el-but ......
js 查找字符串中指定字符 模糊查询 不区分大小写
var str = "hello world ! hello coder!" ; //查找‘HELLO’是否存在,找不到返回null var reg = new RegExp('HELLO','i') ; var isHas = str.match(reg); console.log(isHas); ......
Three.js教程:鼠标操作三维场景
推荐:将NSDT场景编辑器加入你3D工具链 其他工具系列:NSDT简石数字孪生 为了使用鼠标操作三维场景,可以借助three.js众多控件之一OrbitControls.js,可以在下载的three.js-master文件中找到(three.js-master\examples\js\control ......
HTML、JS与PHP之间的数据传输
在电商网站搭建过程中,前端经常会向后端请求数据,有时候通过HTML、JS和PHP文件的处理来实现数据的连通。通常情况下,用户在HTML中做关键字操作,JS对提交的表单进行数据处理,向后端发起ajax请求对应PHP的api接口,PHP在接收到数据后对连接服务器,服务器再通过PHP中的SQL语句对数据库 ......
原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示
全国快递物流查询 API 是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统,通过API接口的方式,向用户提供快递物流信息的查询、跟踪、统计等功能。 ......
js面试总结
基本的数据类型介绍,及值类型和引用类型的理解 在 JS 中共有 8 种基础的数据类型,分别为: Undefined 、 Null 、 Boolean 、 Number 、 String 、 Object 、 Symbol 、 BigInt 。 其中 Symbol 和 BigInt 是 ES6 新增的 ......
Vue.js element-ui
基本使用视频 按需引入视频 7.1移动端常用UI组件库 Vant https://youzan.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io 7.2PC端常用UI组件库. ......
Vue.js history模式与hash模式
视频 13.路由器的两种工作模式 对于一个url来说,什么是hash值?—— #及其后面的内容就是hash值。 hash值不会包含在 HTTP 请求中,即:hash值不会带给服务器。 hash模式: 地址中永远带着#号,不美观 。 若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标 ......
Node.js文件路径:Path模块
path模块是nodejs的内置模块,便于我们去获取、操作文件路径 记录一些注意事项: 文件的绝对位置 cjs console.log(__filename) mjs mjs中,不能使用__filename和__dirname console.log(import.meta.url) 文件所处的目录 ......
原生JS修改输入框value,并触发前端框架改变内部管理的响应式数据
背景 有时候,我们需要在一个网站上重复地执行某些操作,例如:输入>查询>输入>查询······这时候,我们可以写一个 js 自动化脚本执行这些操作,来保护我们的手指关节,以及键盘鼠标。 对于大多数网站来说,使用web框架如vue进行开发,这些框架使用内部的响应式系统来管理数据,针对input元素,v ......
js中一个移除对象中子数组中空值的函数
js中一个移除对象中子集数组中空值(null,undefined)的函数 function removeNull(obj){ let delarr = []; for(let i in obj){ // 排除法寻找对象类型 if(typeof(obj[i]) 'boolean' || typeof( ......
js的一些小问题集合
##1.等于号的应用 function reverse(){ var checkbox = document.getElementsByName("hobby"); for (let i = 0; i < checkbox.length; i++) { if(checkbox[i].checked= ......
js基础:1.
javascript(简称“js”)开发外部脚本语言 是轻量级解释型语言 开始于1995年 网景公司 javascript的标准是ECMAscript 互联网是1970年1月1号 js代码必须写在script标签里 (预格式化文本)预格式输出标签 console.log 输出使用:控制台打印语句(控 ......
js常用语句
常用语句 1. document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,locat ......
栈空间和堆控件:JS数据怎么存储的?
JS数据存储主要分堆和栈两种, 栈空间:通常情况栈空间不会设置太大,主要用来存放一些原始类型的小数据,原始类型的数据有:Boolean、Null、Undefined、Number、BigInt、String、Symbol,栈空间具有空间小,但是读取速度快的特点 堆空间:空间很大,但是速度相对堆空间较 ......
【js】js内置对象Error(错误机制)
Error:基类型; ReferenceError:找不到对象时抛出; SyntaxError:语法错误; TypeError:类型错误时抛出; EvalError:eval()函数发生异常时抛出; InternalError :js引擎内部发生的错误; RangeError:数值超出范围时触发; ......
使用vue+bpmn-js实现activiti的流程设计器__Vue.js
https://www.vue-js.com/topic/5f6c4af84590fe0031e591ef 完整代码见github:https://github.com/griabcrh/vue-activiti-demo 适配activiti import activitiModdleDescri ......
函数解决js数值相加精度丢失问题
浏览器控制台输入 console.log(0.1+0.2) 结果为0.30000000000000004 当我们尝试将0.1和0.2相加时,结果应该是0.3,但是在JavaScript中,结果却是0.30000000000000004。这是因为0.1和0.2在二进制中无法被精确表示,所以在进行相加时 ......