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

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'] } ] }

技术 · 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

技术 · 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选择是 都可以的接着重新启动然后去运行就可以了

技术 · 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)); //

技术 · 10-06

小程序页面跳转传参被截断（丢失参数）解决办法

今天在用 wx.navigateTo 跳转页面时遇到一个问题，传参url后面带有参数时，跳转的页面在options.url里接收不到，例如：let url = "https://cn.axxxxxx.com/promotion/accaemployer.html?utm_content=WechatBrand&utm_source=WechatBrand" wx.navigateTo({ url: '/pages/index/webview?url='+url, })在webview.js页面的options.url拿到的却是 https://cn.axxxxxx.com/promotion/accaemployer.html ，后面的参数都没有了，解决办法就是用 encodeURIComponent 和 decodeURIComponentwx.navigateTo({ url: '/pages/index/webview?url='+encodeURIComponent(url), })webview.js页面：let url = decod

技术 · 09-21
小程序页面跳转传参被截断（丢失参数）解决办法

Element-Plus import zhCn from 'element-plus/dist/locale/zh-cn.mjs'飘红解决办法

在main.ts中引入import zhCn from 'element-plus/dist/locale/zh-cn.mjs'会飘红，解决办法是在上面加一行注释：//@ts-ignore即：//@ts-ignore import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

技术 · 09-20
Element-Plus import zhCn from 'element-plus/dist/locale/zh-cn.mjs'飘红解决办法

Vue项目中使用防抖

触发高频事件后n秒内函数只会执行一次，如果在n秒内高频事件再次被触发，则重新计算时间。简单的说也就是一定时间段的无论点击多少次，只会执行最后一次的调用，前面的会被清除。<template> <el-input v-model="text" @input="debounceInput" /> </template> <script> export default { mounted () { this.debounceInput = this.debounce(this.handle, 1000,false) }, data () { return { text: '', debounceInput: () => {}, } }, methods: { handle (value) { console.log(value) },

技术 · 09-14
Vue项目中使用防抖

vue 父组件如何修改子组件中的data数据

在项目开发中，需要在父组件中触发函数，自动修改子组件中的data值，来实现子组件的data数据的变化。使用vue的ref参数就可以实现了。父组件代码部分<template> <div> <button @click="changeChildValue">点击改变子组件的data值</button> <children ref="child"></children> </div> </template> <script> import children from "./children" export default { components:{ children }, methods: { changeChildValue() { this.$refs.child.isName= '我是小红';

技术 · 09-14
vue 父组件如何修改子组件中的data数据

基于nuxtjs框架的网站SEO优化处理

一、页面TDK（标题、描述、关键词）设置全局设置配置nuxt.config.js文件export default { //... head: { htmlAttrs: { lang: 'en' }, meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, ], link: [ { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } ] }, //... }在每个页面的配置//首页index.vue export default{ ...//其他代码块 head: { title: "网站标题",

技术 · 09-11
基于nuxtjs框架的网站SEO优化处理

js时间戳与日期格式的转换

1、将时间戳转换成日期格式：function timestampToTime(timestamp) { // 时间戳为10位需*1000，时间戳为13位不需乘1000 var date = new Date(timestamp * 1000); var Y = date.getFullYear() + "-"; var M = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-"; var D = (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " "; var h = date.getHours() + ":"; var m = date.getMinutes() + ":";

技术 · 09-09
js时间戳与日期格式的转换
2014 - 2023 杀死一只知更鸟. All Rights Reserved.
Theme Jasmine by Kent Liao
友情链接：知新网