2022年5月6日
本地存储JSON数据
摘要： 因为本地存储的数据只能是字符串数据，所以我们要将存储的数据转化为字符串形式 首先定义一组数据 const stu1 = { name: 'dream', age: 32, password: '123456' }; 转化字符串形式 //把json对象转换成字符串进行存储 // JSON.string 阅读全文
posted @ 2022-05-06 14:11 一克嗽 阅读(167) 评论(0) 推荐(0)
Web本地存储
摘要： 本地存储包括：localStorage与SessionStorage 通过本地存储，web 应用程序能够在用户浏览器中对数据进行本地的存储。 LocalStrage: 本地存储 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除 优势： 1、localStorage拓展了cookie 阅读全文
posted @ 2022-05-06 11:49 一克嗽 阅读(367) 评论(0) 推荐(0)
获取鼠标位置
摘要： 有时候，我们需要得到窗口拖动或者鼠标移动的距离，此时可以通过计算鼠标前后在页面中的位置来得到想要的结果，下面介绍几个事件属性: 1、客户区坐标位置 鼠标事件都是在浏览器视口中的特定位置上发生的。这个位置信息保存在事件对象的 clientX 和 clientY 属性中。它们的值表示事件发生时鼠标指针在 阅读全文
posted @ 2022-05-06 10:35 一克嗽 阅读(476) 评论(0) 推荐(0)
Vue-props-父传子
摘要： 一般页面的视图App.vue应为这样 一.父组件向子组件传值 1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props，然后创建一个名为message的属性 3.在App.vue中注册Child组件，并在template中加入chil 阅读全文
posted @ 2022-05-06 10:35 一克嗽 阅读(3205) 评论(0) 推荐(1)
2022年4月29日
Border边框属性与Outline轮廓属性
摘要： Border边框属性：边框样式属性指定要显示什么样的边界。 border-color：颜色 name - 指定颜色的名称，如 "red" RGB - 指定 RGB 值, 如 "rgb(255,0,0)" Hex - 指定16进制值, 如 "#ff0000" border-width：宽度 borde 阅读全文
posted @ 2022-04-29 14:02 一克嗽 阅读(69) 评论(0) 推荐(0)
2022年3月21日
查找最大最小值与冒泡排序
摘要： <script> const arr=[100,7,88,96,21,33,5,48]; let min=max=arr[0];//假设第一个元素为最大值和最小值 for (var i=1; i<arr.length;i++){ if (arr[i]>max){//当前元素值比max大将max修改为 阅读全文
posted @ 2022-03-21 07:49 一克嗽 阅读(75) 评论(0) 推荐(0)
2022年3月20日
常用正则表达式
摘要： 正则表达式 说明 ^[0-9]*$ 数字 ^\d{n}$ n位的数字 ^\d{n,}$ 至少n位的数字 ^\d{m,n}$ m-n位的数字 ^(0|[1-9][0-9]*)$ 0和非0开头的数字 ^(0|[1-9][0-9]*)+(.[0-9]{1,2})?$ 非零开头的最多带两位小数的数字 ^(\ 阅读全文
posted @ 2022-03-20 11:46 一克嗽 阅读(61) 评论(0) 推荐(0)
2022年3月7日
js鼠标点击“消失与出现”事件
摘要： css： #tops{ position: relative;top: 200px; width: 200px;height: 100px;background: #4587f5; } #bottom{ position: relative;top: 200px; width: 200px;heig 阅读全文
posted @ 2022-03-07 20:28 一克嗽 阅读(751) 评论(0) 推荐(0)
三元运算符
摘要： 三元运算符是一种需要三个操作数的运算符，运算的结果根据给定的条件决定。具体语法如下： 条件表达式？表达式1：表达式2 在上述语法格式中，先求条件表达式的值，如果为true，则返回表达式1的执行结果；如果，条件表达式的值为false，则返回表达式2的执行结果。具体实例如下： 通过例子，可以看出age> 阅读全文
posted @ 2022-03-07 19:57 一克嗽 阅读(1088) 评论(0) 推荐(0)
2021年12月25日
焦点事件
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="tips"></div><!--用于显示错误提示信息--> <div class=" 阅读全文
posted @ 2021-12-25 21:33 一克嗽 阅读(78) 评论(0) 推荐(0)