Comment on page
2023-01-10
window.addEventListener('resize', function () {
console.log('当前页面缩放比例应该是:' + Math.round(1000 * (outerWidth / innerWidth)) / 10 + '%')
})
window.dispatchEvent(new CustomEvent('resize'))
n & 1 // 和 n % 2 结果一致,偶数返回 0,奇数返回 1
定义:
- substr(start,length) 第一个字符的索引是 0,start 必选,length 可选
- substring(start,end) 第一个字符的索引是 0,start 必选,end 可选
异同:
- 相同点:当有一个参数时,两者的功能是一样的,返回从 start 指定的位置直到字符串结束的子串
- 不同点:有两个参数时,
- substr(start,length) 返回从 start 位置开始 length 长度的子串
- substring(start,end) 返回从 start 位置开始到 end 位置的子串(不包含 end)
<section class="msg-item">
<img class="msg-avator" alt="武元润香" src="../images/bg-1.jpg" />
<div class="msg-info">
<span class="msg-user">武元润香</span>
<div class="msg-txt">
<p>没问题哟~</p>
</div>
</div>
</section>
<section class="msg-item" data-self>
<img class="msg-avator" alt="唯我成幸" src="../images/bg-2.jpg" />
<div class="msg-info">
<span class="msg-user">唯我成幸</span>
<div class="msg-txt">
<p>大家有什么想要了解的吗?</p>
</div>
</div>
</section>
/* 设置direction:rtl,则水平文档流方向就是从右往左 */
.msg-item[data-self] {
direction: rtl;
}
- event.target 表示点击的元素
- event.currentTarget 表示绑定事件的元素
最近更新 9mo ago