![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
orange--c
记录美好生活
展开
-
设计模式 --观察者模式
一、什么是观察者模式由图可知,观察者模式分为两个角色,一个观察者一个被观察者,他们之间存在着某种联系,被观察者和观察者都可以是任意事物,观察者模式只要观察者和被观察者满足一定的条件,就可以被称为观察者模式,观察者模式是站在被观察者的角度,每个符合观察者模式的被观察者是唯一的,但任意事物都可以充当被观察者,具体什么意思我们继续往下看:二、观察者模式的作用观察者模式主要解决一对多信息通信问题,那什么叫一对多,又什么是通信问题,由于是站在被观察者的角度,所以出现了一对多的情况,每个观察者模式下,被观察者是.原创 2021-11-24 14:58:52 · 458 阅读 · 0 评论 -
Vue框架鼠标经过添加类
在使用vue框架时,写js代码会习惯性用原生html里面的写法,获取dom元素,然后循环绑定事件,今天来说说vue框架的事件(dom元素的操作)文章简介:在vue中使用v-on来进行事件绑定,简写@,循环使用v-for,并且一起把事件绑定了,不用像原生js里,获取元素,再循环绑定事件,方便了很多的同时,也会伴随许多未知的用法,今天来讲讲怎么给鼠标经过的元素加上一个类,(加上红色边框)主体内容:先看代码 <ul> <li v-fo原创 2021-09-02 23:59:00 · 727 阅读 · 0 评论 -
express获取url参数传来的值
点击一个链接打开一个新的页面时,传递一个id给新的页面,在新的页面接受id,并且获取和此id相关联的json文件渲染页面1.先写一个方法打开新的页面并传递id //跳转页面函数 function toInfo(num, id) { const content = document.querySelectorAll('.item-content') for (var i = 0; i < content.length; i++) { c原创 2021-08-16 00:29:39 · 347 阅读 · 0 评论 -
SuperSlide插件的用法
SuperSlide是基于JQuery的一个轮播图插件,使用它可以便捷使用各种样式的轮播图1.首先使用SuperSlide需要下载js文件可以通过网址下载:http://www.superslide2.com/index.html2.下载完成后解压,会有一个文件夹3.将里面的js文件导入项目, 代码:<script src="js/SuperSlide2.1-demo-00/jquery1.42.min.js"></script><script src="原创 2021-08-10 09:50:43 · 2984 阅读 · 0 评论 -
js---点击li输出当前li的索引号
js点击事件,当你想知道哪一个被点击时可以参考<body><ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li></ul></body><script>var lis = document.querySelecto原创 2021-06-06 18:01:44 · 337 阅读 · 0 评论 -
html5 秒杀倒计时案例 数组返回多个值如何接收
今天分享秒杀倒计时案例今天在写秒杀倒计时案例时,函数返回 ‘时分秒’ 三个值 当时我一下子没想到该怎么将这三个值分别赋值给li,后来想了一会想到可以将值先存入数组,再返回数组,再用索引的方式赋值给想赋值的地方。给大家看看我自己想的做法: <script> //算出时分秒 function getTime(time) { var timenow = +new Date(); var time = +new Date(time);原创 2021-06-01 00:45:56 · 182 阅读 · 0 评论 -
HTML5搜索框灰色提示字、关键词
关于搜索框灰色字体聚焦是消失,失去焦点是出现,不影响搜索案例搜索框灰色提示字,如图所示:代码如下:html代码<body><div class="box"> <input type="text" value="手机"></div><script> //获取元素 var input = document.querySelector('input'); //聚焦时 搜索框中内容自动消失,字体颜色加深原创 2021-05-31 20:39:47 · 2614 阅读 · 0 评论