- 博客(21)
- 收藏
- 关注
RSS订阅原创 相册的样的式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } .wrap {
2021-12-21 23:15:00
126
原创 【setInterval 爱的死循环】
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>使用 window.onload() 测试</title><style> *{ margin: 0; padding: 0; }#box{ width:520px; margin: 200px auto;
2021-12-20 15:02:49
327
原创 【页面不丢失】 三传参 随便传
收藏：https://blog.youkuaiyun.com/Wave_explosion/article/details/121999104**vue 传参刷新页面 数据丢失**传参方式 （三种）：1.通过路由params传参2.通过路由query传参3.通过vuex1.params传参：在路由path中哪个组件需要传递参数，定义参数，用于组件传递，params刷新页面数据会丢失。path: "/chatTableDate/:user"//USER为参数组件中，通过点击传递参.
2021-12-17 17:19:53
426
原创 【拖拽】拖动原理 拖动基本思路
**拖拽**必须使用三个事件：1.onmousedown：鼠标按下事件2.onmousemove：鼠标移动事件3.onmouseup：鼠标抬起事件1、要绝对定位，脱离文档流才能移动。2、绑定拖拽的元素，移动和鼠标松开后是对document的绑定。3、点击：a= 获取当前鼠标坐标、b =div距浏览器距离、c = 鼠标在div内部距离=a-b。移动：通过 a - c 建立鼠标与div的关系，防止鼠标超出div。**拖拽判断：**0鼠标在元素上按下的时候判断：拖拽状态 = 1
2021-12-14 10:45:48
663
原创 数组循环的方法
**1.forEach()**forEach会遍历数组, 没有返回值, 不允许在循环体内写return, 不会改变原来数组的内容.forEach()也可以循环对象。let array = [1,2,3,4];array.forEach((item, index, array) => { console.log(item);});**2.filter()**filter 会过滤掉数组中不满足条件的元素, 把满足条件的元素放到一个新数组中, 不改变原数组let array =
2021-12-11 02:00:00
683
原创 深拷贝 数组 对象 完全实现
深拷贝首先就是数组：**1.concat方法** var arr1 = [1, 2, 3, 4] var arr2 = arr1.concat()//复制当前数组并返回实现深拷贝的副本,arr1不会受影响 console.log(arr2);[1, 2, 3, 4]var arr3 = arr1.concat([5, 6, 7])//将数组中的每一项都添加到深拷贝的副本数组中console.log(arr3);//[1, 2, 3, 4, 5, 6, 7]**2
2021-12-10 16:28:13
588
原创 jQuery 语法
**jQuery 语法**$(this).hide()演示 jQuery hide() 函数，隐藏当前的 HTML 元素。$("#test").hide()演示 jQuery hide() 函数，隐藏 id=“test” 的元素。$("p").hide()演示 jQuery hide() 函数，隐藏所有 元素。$(".test").hide()演示 jQuery hide() 函数，隐藏所有 class=“test” 的元素。文档就绪函数在我们的实例中的所有 jQuery
2021-12-10 14:41:52
134
转载 vue 传值 vue 三种传值方法
vue 三种传值方法第一种:父传子父:<template> <div> 父组件: <input type="text" v-model="val">(v-model双向绑定) <!-- 这里是引入子组件 --> <child :inputName="name"></child> </div></template><script> import child fro
2021-12-10 11:32:28
4417
原创 **Reflect** 内置的对象 JavaScript Examples
Reflecthttps://blog.youkuaiyun.com/Wave_explosion/article/details/118613794?spm=1001.2014.3001.5501Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers (en-US)的方法相同。Reflect不是一个函数对象，因此它是不可构造的。Examples检测一个对象是否存在特定属性：const duck = { name: 'Maurice',
2021-12-10 11:22:27
115
原创 【ES6 对象的解构赋值】数组 对象 其他
**基本原则如下：https://editor.youkuaiyun.com/md?not_checkout=1&articleId=121850521数组的元素是按次序排列的，变量的取值由它的位置决定；对象的属性没有次序，变量必须与属性同名，才能取到正确的值。数组的解构赋值：let [x, y]= [1, 2];// x = 1// y = 2对象的解构赋值：let { foo , bar } = { foo: "aaa", bar: "bbb" };// foo = "aaa"//
2021-12-10 10:43:43
192
原创 【正则表达式 】主要自己用也方便 常用 IP 地址 删除 为空 匹配中文字符 空白 Email 电话号码
正则表达式 - 语法字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号，都是"普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。常用正则表达式;十六进制值 /^#?([a-f0-9]{6}|[a-f0-9]{3})$/电子邮箱 /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$//^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/
2021-12-09 13:58:12
338
原创 cookie
一、cookie的API1、cookie默认是会话级别的，可以设置过期时间2、cookie会保存在客户端2.1cookie概念：客户端会话技术，将数据保存在客户端2.2前端操作cookie的API：*获取cookie```javascriptdocument.cookie```*设置cookiedocument.cookie='key=value;'*设...
2021-07-09 20:13:34
262
1
原创 Promise对象
1、promise概念*Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。*简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。*从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise提供统一的API，各种异步操作都可以用同样的方法进行处理。2、promise特点有且只有这两种，而且一个peomise对象只能改变一次，无论变为成功还是失败，都会有一个结果数据，成功的结果数...
2021-07-09 19:54:08
133
原创 流程控制语句的分类
if(Boolean(x)){}Boolean()将''0nullNaNundefined转为falseif('xyz'){alert('123')}if(7>=7){ alert('321')}双分支： if(条件表达式){}else{} ...
2021-06-23 21:25:22
151
原创 JavaScript 简绍 js编写和运行
JavaScriptECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会),定立ECMA-262标准化的脚本程序设计语言。规定了 JavaScript 脚本的核心语法，如 数据类型、关键字、保留字、运算符、对象和语句等。B0M定义了 JavaScript 操作浏览器的接口，提供了访问某些功能（如浏览器窗口大小、版本信息、浏览历史记录等）的途径以及操作方法。##dom定义了 JavaScript 操作 HTML 文档的接口，提供了访问 HTML 文档（如body、form、div
2021-06-07 20:37:58
296
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人