今晚早·睡-优快云博客

原创 css垂直水平居中常用的几种方法

1.绝对定位+margin .box1 { position: relative; width: 1200px; height: 600px; background-color: red; } .box2 { position: absolute; top:0; right:0;

2021-01-05 21:23:29 154

原创 html+js+css 实现轮播图

直接上代码body代码<div class="W"> <div class="icon left">←</div> <div class="icon right">→</div> <div class="items"> </div> <div class="M"> <img src="https://timgsa.baidu.com/tim

2020-10-28 11:01:29 777 4

第一步建一个js文件放以下代码export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '') .substr(4 - RegExp.$1.length)); } let o = { 'M+': date.getMonth() + 1, 'd+': date.getDate(),

2020-10-24 22:19:22 399

原创 vue 关于BetterScroll不能滑动问题

在我们的开发中，用vue开发移动端时，如果使用原生滚动的话，在模拟器上面不会出现什么问题，但到了真机上面就会出现滑动不流畅的问题。那么我们可以使用滑动插件来解决这个问题，下面我们来说一下betterscroll这个滑动插件betterscroll是目前比较好用的一个滑动插件，但是第一次使用的时候总会出现一些问题，使得betterscroll无法达到预期的使用效果，下面就来说一下我觉得会出现的问题1.页面不能滚动，但可以使用原生滚动出现这个问题的原因可能是没有设置固定的滚动区域高度 &lt

2020-10-24 12:45:12 1669

原创 js 获取鼠标位置实时获取鼠标位置和获取鼠标点击位置

在我们的实际开发中，我们需要实时地获取鼠标移动位置或鼠标点击位置，下面我们用js来获取鼠标实时移动位置和鼠标点击位置首先我们来获取鼠标点击的位置只需要监听页面点击就可以了，再用client来获取X和Y坐标 document.addEventListener("click", function (e) { console.log(e.clientX) console.log(e.clientY) })这样就可以获取到鼠标点击的X和Y的值了但是

2020-10-22 18:42:10 17264

原创 js 注册事件的两种方式详解，传统注册事件与方法监听注册事件（addEventListener）

在这里，我对js注册事件的两种方式做一个详解，他们分别是传统的注册事件和方法监听注册事件，下面来做一个详细的比较传统注册事件：利用on开头的事件如onclick特点：注册事件的唯一性，同一个元素只能设置一个处理函数最后注册的处理函数将会覆盖前面注册的所有处理函数方法监听事件注册方式：addEventListener() 是一个方法特点：同一个元素，同一个事件可以注册多个监听器，多个事件处理程序用法 addEventListener（type,listener[u...

2020-10-22 11:26:20 4005

原创 js 新建节点

js 新建节点例子在我们的开发中，有时候我们需要动态的在页面中插入一些东西，这样我们可以通过js的新建节点来完美的完成这个操作现在我们来实现一个小例子，类似于在朋友圈或者抖音发表评论，一点评论，输入的内容就会出现在评论列表先写一个简单的代码<textarea name="" id="" cols="30" rows="10"></textarea> <button>发布</button><ul><!-- 存

2020-10-21 17:42:30 1634

原创 js 获取兄弟节点的问题

js关于获取关于兄弟节点nextSibling、previousSibling、和nextElementSibling、previousElementSibling<div id="a">我是大哥a</div>aaa<div id="b">我是二哥b</div><div id="c">我是三弟c</div> const sibling = document.querySelector('#b') conso

2020-10-21 12:29:11 1424 1

原创 js 通过节点获取元素相关问题

通过节点获取元素相关问在js里面，获取元素的方法有很多种有通过id，class，标签名，还有querySelector但每个元素都是这样获取的话，就会显得很繁琐，而且代码看起来也不好看为了代码显得容易看懂，我们可以通过节点来获取元素，利用标签的层级关系来获取元素上代码<ul class='ul'> <li>1</li> <li>2</li> <li>3</li> .

2020-10-20 20:16:30 208

原创 js 关于改变标签元素innerText和innerHTML

改变标签元素innerText和innerHTML<p> 我是p标签文字</p>先来试一下innerText const div = document.querySelector('p'); div.innerText = '<strong>已经变了，还加粗了</strong>'用innerText修改标签里的元素，渲染出来的是<strong>已经变了，还加粗了</strong>可以看

2020-10-19 23:46:08 1379

原创 js 获取当地系统时间

js 获取当地系统时间js 获取当地系统时间很简单，只需要几行代码，话不多说直接上代码 const date = new Date(); const year = date.getFullYear(); //返回当前事件的年 const month = date.getMonth() + 1; //月返回的月份是小一个月的，所以月份要加一 const dates = date.getDate(); //返回当前日 const day = date

2020-10-19 23:11:26 495

原创 js 关于获取标签绑定点击事件问题

在原生js里，要绑定点击事件，首先要获取它的标签，获取标签的方法有很多，但不是每一种都可以绑定点击事件1.先来写一个div标签<body><div class="classA" id="idA">事件执行步骤</div></body>2.这里获取这个div标签的方法有：通过id获取：document.querySelector('IdA')通过class获取：document.getElementsByTagName('calssA'

2020-10-19 20:12:32 6216 3

weixin_44642057的博客