hook js

js 传递汉字 乱码_JavaScript 字符串反转乱码问题解决

https://blog.csdn.net/weixin_36483301/article/details/113451892 emoji表情和非常用字 实际解决中文编码问题,可以通过解码解决 js中使用decodeURL即可解决 ......
乱码 字符串 JavaScript 字符 问题

2023.04.16 - TS编译之后的JS不具备校验功能

TypeScript 编译后的 JavaScript 文件并不具备类型检查的功能,因为 JavaScript 语言本身是动态类型、弱类型的,在运行时无法推断变量的类型,只能在编译时推断。而将 TypeScript 文件编译成 JavaScript 文件时,会把 TypeScript 中的类型声明和类 ......
功能 2023 04 16

JS的for循环动态渲染html只有最后一个元素生效?

背景: 我想在html3个ul中动态生成5个子元素li 目标效果: 废话少说,代码直接梭起来~ 1. 先写html结构 <section class="list-box"> <ul id="myList"></ul> <ul id="myListOne"></ul> <ul id="myListTw ......
元素 只有 动态 html for

Hooks与事件绑定

Hooks与事件绑定 在React中,我们经常需要为组件添加事件处理函数,例如处理表单提交、处理点击事件等。通常情况下,我们需要在类组件中使用this关键字来绑定事件处理函数的上下文,以便在函数中使用组件的实例属性和方法。React Hooks是React 16.8引入的一个新特性,其出现让Reac ......
事件 Hooks

js动态查询指定class名的所有元素,querySelectorAll()和querySelectorAll()的区别

"document.querySelectorAll()"方法返回的是一个静态的 NodeList(节点列表),即它只能在页面刚加载时获取到一次,之后即使有新的元素符合选择器,它也不会再重新获取。如果你想动态地获取到新增的元素,可以使用 "document.getElementsByClassNam ......
querySelectorAll 元素 动态 class

js中在循环中使用正则表达式遇到的小坑

1、基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值:基本数据类型和引用数据类型。 基本数据类型:Number、String、Boolen、Undefined、Null、Symbol、Bigint。 引用数据类型:也就是对象类型Object type,比如:对象(Object)、 ......
小坑 正则 表达式

JS 获取电脑本地IP 和 电脑网络IP(外网IP|公网IP)

1、JS 获取电脑本地的IP地址(内网) function getIP(callback) { let recode = {}; let RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || wi ......
电脑 电脑网络 网络 JS IP

js 异步任务执行顺序问题

js是单线程的(非阻塞的),实现方法就是事件循环; 分同步任务和异步任务; new Promise((resolve,reject) => { resolve(1) console.log('log1') }).then(() => { console.log('log2') }) console. ......
顺序 任务 问题 js

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 ......
console 时候 config Vue3 vite

js 数组、对象转json 以及json转 数组、对象

1、JS对象转JSON 方式:JSON.stringify(obj) var json = {"name":"iphone","price":666}; //创建对象; var jsonStr = JSON.stringify(json); //转为JSON字符串 console.log(jsonS ......
数组 对象 json js

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 ......
浏览器 文件 js

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 ......
transtale js v1

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 ......
几何体 几何 场景 教程 Three

JS 实现网络测速

JS 实现网络测速 一、背景知识 在日常生活中,有时候感觉网络卡,就想测一下网速是多少(明知道卡,但是还是想看看是否真的卡,害)。这时候我们可能会打开测速网 - 专业测网速, 网速测试, 宽带提速, 游戏测速, 直播测速, 5G测速, 物联网监测 - SpeedTest.cn,但是我们可以用 JS ......
网络 JS

Angular 复习与进阶系列 – Component 组件 の Lifecycle Hooks

前言 我们在 这篇 和 这篇 中已经学习了几个基本的 Lifecycle Hooks. 分别是 constructor OnInit AfterContentInit AfterViewInit OnDestroy OnChanges 这篇我们会把其余的 Lifecycle Hooks 都学完. I ......
组件 Component Lifecycle Angular Hooks

记录-Vue.js模板编译过程揭秘:从模板字符串到渲染函数

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Vue.js是一个基于组件化和响应式数据流的前端框架。当我们在Vue中编写模板代码时,它会被Vue编译器处理并转换为可被浏览器解析的JavaScript代码。Vue中的模板实际上是HTML标记和Vue指令的组合,它们会被Vue编译器处理并 ......
模板 字符串 函数 字符 过程

【js】setTimeout、Promise、Async/Await 的区别

三者在事件循环中的是不同的,事件循环中分为宏任务队列和微任务队列 其中setTimeout的回调函数放到宏任务队列里,等到执行栈清空以后执行; promise.then里的回调函数会放到相应宏任务的微任务队列里,等宏任务里面的同步代码执行完再执行; async函数表示函数里面可能会有异步方法,awa ......
setTimeout Promise Async Await

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 ......
Export2Excel Export2 数据 Export 2Excel

js 查找字符串中指定字符 模糊查询 不区分大小写

var str = "hello world ! hello coder!" ; //查找‘HELLO’是否存在,找不到返回null var reg = new RegExp('HELLO','i') ; var isHas = str.match(reg); console.log(isHas); ......
字符 中指 字符串 大小 js

Three.js教程:鼠标操作三维场景

推荐:将NSDT场景编辑器加入你3D工具链 其他工具系列:NSDT简石数字孪生 为了使用鼠标操作三维场景,可以借助three.js众多控件之一OrbitControls.js,可以在下载的three.js-master文件中找到(three.js-master\examples\js\control ......
场景 鼠标 教程 Three js

HTML、JS与PHP之间的数据传输

在电商网站搭建过程中,前端经常会向后端请求数据,有时候通过HTML、JS和PHP文件的处理来实现数据的连通。通常情况下,用户在HTML中做关键字操作,JS对提交的表单进行数据处理,向后端发起ajax请求对应PHP的api接口,PHP在接收到数据后对连接服务器,服务器再通过PHP中的SQL语句对数据库 ......
数据传输 之间 数据 HTML PHP

原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示

全国快递物流查询 API 是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统,通过API接口的方式,向用户提供快递物流信息的查询、跟踪、统计等功能。 ......
物流 数据 信息 HTML CSS

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组件库. ......
element-ui element Vue js ui

Vue.js history模式与hash模式

视频 13.路由器的两种工作模式 对于一个url来说,什么是hash值?—— #及其后面的内容就是hash值。 hash值不会包含在 HTTP 请求中,即:hash值不会带给服务器。 hash模式: 地址中永远带着#号,不美观 。 若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标 ......
模式 history hash Vue js

Node.js文件路径:Path模块

path模块是nodejs的内置模块,便于我们去获取、操作文件路径 记录一些注意事项: 文件的绝对位置 cjs console.log(__filename) mjs mjs中,不能使用__filename和__dirname console.log(import.meta.url) 文件所处的目录 ......
路径 模块 文件 Node Path

原生JS修改输入框value,并触发前端框架改变内部管理的响应式数据

背景 有时候,我们需要在一个网站上重复地执行某些操作,例如:输入>查询>输入>查询······这时候,我们可以写一个 js 自动化脚本执行这些操作,来保护我们的手指关节,以及键盘鼠标。 对于大多数网站来说,使用web框架如vue进行开发,这些框架使用内部的响应式系统来管理数据,针对input元素,v ......
内部管理 前端 框架 数据 value