柠檬柠檬子-CSDN博客

WEB开发中，时常会用到javascript来获取当前页面的url网址信息下面我们举例一个URL，然后获得它的各个组成部分：http://i.jb51.net/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href;alert(test);返回：http://i.jb51.net/EditPosts.aspx?opt=12、window.location.protoco

2022-04-09 10:21:36 13611

转载 css:修改antd vue中modal弹窗样式

css:修改antd vue中modal弹窗样式默认支持modal宽度修改但是高度.ant-modal-body，默认不支持修改，同理padding也不允许修改，所以需要先通过挂在元素再css穿透/deep/ .ant-modal-body{} 修改样式。这样不会影响到别的页面中modal中的样式。<template> <div class="cumuDownModal" ref="mymodal"> <a-modal :visible="visible" :fo

2022-03-16 21:32:29 4811 1

转载前端常见手写功能

以下是转载的内容，觉得挺不错的就保存一份，出处在最下方哦~1、防抖function debounce(fn, delay) { let timer return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { fn.apply(this, args) }, delay) }}// 测试function ta

2022-02-14 15:49:14 98

原创 vue antd的from表单中验证rules中type的坑

vue antd的from表单中验证rules中type的坑我的代码如下: <a-form ref="formRef" :model="detailState" layout="horizontal" :labelCol="{ span: 6 }" :wrapperCol="{ span: 14 }" :rules="rules" > <a-form-item l

2021-10-22 18:19:27 5685

原创 antd中select搜索框改变搜索值问题

select搜索框的搜索值问题（antd of vue 和 element）问题描述：在文档里有select的搜索demo，但是通常用到select的时候展示的是name，而获得的是id，同样在搜索的时候用户一般只用搜索name,Ant Design Vue项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况

2021-10-15 11:54:28 3160 3

原创页面接口访问正常，但是疯狂报tips的message请求，且接口有两次访问，其中一次没有返回值，原因是perflight预检请求

问题：页面接口访问正常但是疯狂报tips的message请求；追踪：打开NetWork ,通常前端只看XHR，但是打开ALL后发现请求的接口会请求两次，并且其中一个的 type 为perflight类型，打开 Headers 可以看到Request Method:OPTIONS原因：而这种请求称为预检请求（preflight），指的就是OPTIONS请求。它会在浏览器认为即将要执行的请求可能会对服务器造成不可预知的影响时，由浏览器自动发出。通过预检请求，浏览器能够知道当前的服务器是否允许执

2021-09-29 12:02:55 834

原创 watch 的基本用法和深度监控

vue 中 watch 的基本用法普通写法用到其他属性普通写法watch: { selectValue(newVal, oldVal) { if (newVal != oldVal) { this.selectValue = newVal; this.changeSelect(); this.showTable(); } }, category(newVal, oldVal) { if (newV

2021-09-28 11:37:30 247

原创 Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value

Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty value, use null instead.报错翻译：警告：[antdv:DatePicker]‘value’提供无效时刻时间。如果要设置空值，请改用’null’。 <a-range-picker v-model:value="checkDate" :format="dateFormat"

2021-09-28 11:32:29 7408

原创原型和原型链

原型和原型链原型是什么？原型的作用是什么？代码讲解原型原型链图形理解原型是什么？是一个对象，prototype称为原型对象。每一个构造函数都有一个prototype 属性，这个属性指向的是一个对象，即prototype就是一个对象，并且这个原型对象的所有属性和方法都会被构造函数所拥有。原型的作用是什么？共享方法。我们可以把一些不变得方法，直接定义在prototype对象上，这样所有的对象的实例就可以共享这些方法。一般把公共属性定义到构造函数里面，公共的方法放到原型对象身上。代码讲解原型

2021-06-18 20:07:00 72

原创判断字符串是否为全字母句-js练习

判断字符串是否为全字母句1、全字母句题目我的答题这里是js的一些练习题，没事就来练练…1、全字母句题目全字母句：指包含英语字母表中每个字母至少一次的句子。给你一个仅由小写英文字母组成的字符串 sentence ，请你判断 sentence 是否为全字母句。如果是，返回true ；否则，返回 false 。此题目来自leetcode我的答题 let sent = "thequickbrownfoxjumpsoverthelazydog"; // 将字符串全部切割成数组 a:97

2021-04-28 14:25:47 629

原创 JS基础-扩展运算符

扩展运算符 ... - js一、下载模板1、2、效果二、持续更新记录一些以后会经常用到的模块，一点一点积累…一、下载模板1、// 数组 let arr = [1,9,5,6]; console.log(...arr); // 对象 let obj = { name: "hello", sex: "man" } console.log({...obj}); // 用于对象时要用{}，否则不会出现或报错 // 字符串转数组 let str = "goodMoring

2021-04-23 13:55:53 279

原创 js定时器setTimeOut() 和 setInterval()

定时器 - js一、常用的两种定时器1、setTimeOut2、setInterval二、定时器序号三、定时器线程理解持续更新记录一些以后会经常用到的模块，一点一点积累…一、常用的两种定时器常用的两种：setTimeOut() 和 setInterval()。interval：间隔区别:setTimeOut()：延时调用，只执行一次；setInterval()：间隔调用，需要用清除定时器处理。参数：setTimeout(code,millisec,lang)setInterval(co

2021-04-22 17:39:57 438

原创上传文件和下载模板

上传文件和下载模板 - vue一、下载模板1、准备好模板文件2、写静态html3、写下载模板的方法效果二、上传文件持续更新记录一些以后会经常用到的模块，一点一点积累…一、下载模板1、准备好模板文件2、写静态html<div class="base"> <div class="lable">上传设备Excel：</div> <div> <div class="upload">

2021-04-21 17:13:21 829

原创 JS基础-解构赋值

JS基础-解构赋值一、解构赋值理解二、示例三、用法总结这是我的学习笔记，学的时候记录，后续方便查找复习。一、解构赋值理解解构赋值： let [a,b,c] = [1,2,3] 解构的目标 = 解构的源先把目标解构再把源赋值到目标总结：解构赋值 - 就是把数组或对象一一解构，再把源的值赋值到解构后的数组或对象中即可。二、示例// 不完全解构let [a = 1, b] = []; // a = 1, b = undefined// 剩余运算符let [a, ...b]

2021-04-20 16:10:02 196

原创 JS基础-DOM获取和操作节点

JS基础-DOM操作一、获取元素节点二、获取元素节点的子节点三、获取父节点和兄弟节点总结这是我的学习笔记，学的时候记录，后续方便查找复习。一、获取元素节点通过document对象调用。1、getElementById() 根据 id 属性获取一个元素节点对象； 2、getElementByTagName() 根据标签名获取一组元素节点对象； 3、getElementByName() 根据 name 属性获取一组元素节点对象；这里有一个例子：<ul>

2021-04-08 11:36:33 312 2

原创 JS基础-DOM的基本了解

JS基础-DOM的基本了解一、文档对象模型二、节点三、事件总结这是我的学习笔记，学的时候记录，后续方便查找复习。一、文档对象模型DOM = Document Object Model 文档对象模型。JS通过DOM对HTML文档进行操作。文档：整个HTML网页文档；对象：将网页中的每一个部分都转换成了一个对象；模型：使用模型来表示对象之间的关系，方便获取对象；模型就是提现节点与节点之间的关系，如父子节点关系，兄弟节点等关系二、节点节点：Node-构成HTML文档最基本的单元文档

2021-04-07 16:00:19 103 2

原创 JS基础-字符串拆分、截取、查找汇总

JS基础-字符串的相关方法一、拆分1. splice二、截取1. slice2. substring3. substr三、连接1. concat四、检索1. indexOf2. lastIndexOf总结这是我的学习笔记，学的时候记录，后续方便查找复习。一、拆分1. splicesplice将字符串拆分成数组。参数： 1.需要一个字符串作为参数，将会根据该字符串去拆分数组；如果传递的是一个空字符串，则会将每一个字符都拆分成数组中的一个元素。 var str = "abc_

2021-03-31 11:29:07 1105

原创 JS基础-Date

JS基础-Date一、Date二、方法总结这是我的学习笔记，学的时候记录，后续方便查找复习。一、Date在JS中表示时间。var d = new Date(); // 返回当前时间 Mon Mar 29 2021 18:30:21 GMT+0800 (中国标准时间)// 创建一个指定时间// 日期格式：月/日/年时:分:秒var d2 = new Date("4/1/2021 12:59:59") // Thu Apr 01 2021 12:59:59 GMT+0800 (中国标准时间)

2021-03-29 19:03:16 135

原创 JS基础-arguments

JS基础-arguments一、arguments在哪二、arguments实质和属性1. 类数组对象2.属性callee总结这是我的学习笔记，学的时候记录，后续方便查找复习。一、arguments在哪在调用函数时，浏览器每次都会传递两个隐含的参数：上下文 this封装实参的对象arguments二、arguments实质和属性1. 类数组对象它也可以通过索引来操作数据，也可以获取长度。注意arguments是类数组，不是数组。可以通过arguments.length来获取实参的长

2021-03-29 17:56:41 86

weixin_43624099的博客

原创数组中删除指定值

原创防抖的封装和使用

转载 js获取当前页面的url网址信息