JS XMLHttpRequest入门教程（非常详细）

在 JavaScript 中，XMLHttpRequest 是客户端的一个 API，它为浏览器与服务器通信提供了一个便捷通道。现代浏览器都支持 XMLHttpRequest API，如 IE 7+、Firefox、Chrome、Safari 和 Opera。创建 XMLHttpRequest 对象XMLHttpRequest 用于在后台与服务器交换数据。创建 XMLHttpRequest 对象的方法如下：var xhr = new XMLHttpRequest (); IE 5.0 版本开始以 ActiveX 组件形式支持 XMLHttpRequest，IE 7.0 版本开始标准化 XMLHttpRequest。不过所有浏览器实现的 XMLHttpRequest 对象都提供相同的接口和用法。 示例下面示例使用工厂模式把定义 XMLHttpRequest 对象进行封装，这样只需要调用 creatXHR() 方法就可以返回一个 XMLHttpRequest 对象。//创建XMLHttpRequest 对象 //参数：无 //返回值：XMLHttpRequest 对象 function cr

css滤镜应用：透明表单、玻璃效果

毛玻璃背景已被广泛应用于网页设计中，其关键代码是：backdrop-filter: blur(4px);配合内外阴影设置，可达到最佳效果：box-shadow: inset 1px 1px 6px rgba(255,255,255,0.3), 2px 2px 15px rgba(0, 0, 0, 0.5); 本例实现毛玻璃表单特效，结合动画的使用让页面更具动感，下面是html代码部分： <div class="container"> <div class="bg"> <span></span> <span></span> <span></span> </div> <div class="glass"> <div class="text&q

小程序、H5实现产生气泡、气泡上升效果，模拟真实气泡上升场景

在喝水笔记小程序上看到一个好玩的动效，他在左下角有个“发射源”会不断地产生气泡，气泡会上升，而且上升的速度和方向都是随机的，模拟了真实的气泡上升场景。想实现这个效果，于是我在trae上尝试让他来帮我生成代码。首先我建了一个空白目录，在trae打开这个目录，我开始给他发起会话：帮我写一个H5页面，实现这样一个气泡上升的效果，具体要求如下： 1、在页面左下角有一个源，不断随机产生气泡，每个气泡里是一个小图标 2、产生的气泡就像吹泡泡一样缓慢上升，模拟真实气泡上升效果，即速度和方向都不是固定的一开始想的是先用H5来实现，trae经过思考后，生成了bubble-anmation.html的初版，我运行后并没有看到预期效果，于是让他帮我检查，重新修改了代码。经过第一次修复，已经可以看到气泡在上升，但是上升的初始位置并没有在左下角，于我让他继续调整：看到气泡了，但是位置不对，要从左下角开始上升经过第二次修复后，已经可以看到气泡上升效果，我手动改了一些参数，让气泡的产生速度、气泡大小尽量做到和喝酒笔记一致，但是还有一点小瑕疵，继续让trae帮我调整，并告诉他这次在我的代码基础上修改：我改了一些参

无 · 24 天前

根据ID获取对象数组中的一条数据的索引

var index = dataList.map(function (item) { return item.Id; }).indexOf(Id);

技术 · 2024-03-22

uniapp判断当前环境是安卓还是苹果

uniapp判断当前环境是安卓还是苹果：const UA = navigator.userAgent; app.provide('isIOS', !!UA.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)); app.provide( 'isAndroid', UA.indexOf('Android') > -1 || UA.indexOf('Linux') > -1 );

技术 · 2024-01-30

uniapp H5与原生APP 安卓端和苹果端交互方法

与苹果ios交互动作方法名称 shareFriendsPoster ，还有参数传给ios，如果没有参数需要传nullconst sharePosterConfigIOS = { posterImgUrl: unref(poster), drawId: id, activeCode: 'customer_coupon' } window.webkit.messageHandlers.shareFriendsPoster.postMessage(JSON.stringify(sharePosterConfigIOS))与安卓交互window.supportJs.shareFriendsPoster(unref(poster), unref(id),sharePosterConfig.activeCode)

技术 · 2024-01-30

pm2 部署nuxt2

1.打包上传:本地运行 npm run build 打包打包后上传 .nuxt static nuxt.config.js package.json package-lock.json 这5个文件/文件夹2.在服务器安装依赖并启动项目运行 npm i 安装依赖然后运行 npm run start 启动,如果可以正常启动说明部署成功3.pm2开启进程守护运行 pm2 start npm --name "您的进程名称" -- run start//注：这里您的进程名称就是package.json里的name配置项的名称运行pm2 list查看是否在进程列表里,至此就部署完成,联系后端配置ngix域名映射

技术 · 2024-01-30

es6 javascript对象方法Object.assign()

1、基本用法Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ）。var target = { a: 1 }; var source1 = { b: 2 }; var source2 = { c: 3 }; Object.assign(target, source1, source2); target // {a:1, b:2, c:3}Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。注意，如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性：var target = { a: 1, b: 1 }; var source1 = { b: 2, c: 2 }; var source2 = { c: 3 }; Object.assign(target, source1, source2); target // {a:1, b:2, c:3}如果只有一个参数，Object.assign会直接返回该参数：var obj = {a: 1}; Object.assi

技术 · 2023-12-21

ElementUI验证手机号

ElementUI验证手机号：rules: { phone: [ { required: true, validator: (rule, value, callback) => { if (!value) callback(new Error('请输入联系电话!')); if (!/^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(value)) callback(new Error('请输入正确的联系电话!')); callback(); }, trigger: ['blur', 'change'] } ] }

技术 · 2023-10-17

js日期格式化，输入20230812，输出2023-08-12

js日期格式化，输入20230812，输出2023-08-12// 方法一： function getAdjustTime(timeStr) { return timeStr.replace(/(\d{4})(\d{2})(\d{2})/, '$1-$2-$3'); } console.log(getAdjustTime("20190416")); //2019-04-16 // 方法二： function fomateDate(date) { let dateArr = date.split("").map((item, index) => { if (index == 3 || index == 5) { item = item + "-"; } return item; }); return dateArr.join(""); } console.log(fomateDate("20231123")); //2023-11

技术 · 2023-10-17
js日期格式化，输入20230812，输出2023-08-12

解决 npm或pnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本

在vscode运行命令的时候，使用pnpm或者npm出现此错误：解决方法：点击左下角开始，找到Windows PowerShell，点击右键找到更多，找到以管理员身份运行输入命令：set-ExecutionPolicy RemoteSigned 然后回车选择：输入A选择全是，或者输入Y选择是 都可以的接着重新启动然后去运行就可以了

技术 · 2023-10-09
解决 npm或pnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本

js实现字符串中间替换成特殊字符***

使用场景如下图：只截取一个：let str = '我是一只小青龙' let middle='***' function filter(str,middle) { return str[0]+middle+str[str.length-1] } console.log(filter(str,middle));截取指定个数： let str = '我是一只小青龙' let m = '***' function forMate (str, start = 1, end = 1, middle = '***') { const startStr = str.slice(0,start) const endStr = str.slice(str.length-end,str.length) return startStr + middle + endStr } console.log(forMate(str,2,3,m)); //

技术 · 2023-10-06
2014 - 2025 杀死一只知更鸟. All Rights Reserved.
Theme Jasmine by Kent Liao
友情链接：知新网