JavaScript
文章平均质量分 83
Js学习总结
庄周de蝴蝶
鱼鱼要加油(。>∀<。)
展开
-
模拟 Tim 实现自定义的且可动态显示的滚动条
前言 这两天在写一个基于 SpringBoot + Vue 简单聊天室样例,然后中间想要实现一个像 Tim 的消息滚动条,中间也查了一些资料,颇费周折,下面就介绍一下具体的思想思路,为了展示和理解方便,本文用原生 js 实现,本文所使用的完整代码也已上传到GitHub。 效果 在展示具体的代码思路之前,先展示一下最终的效果: 可以发现滚动条默认会出现末端,且滚动条也只有鼠标移到聊天区域时才会显示,下面就就介绍具体实现。 实现 滚动条样式实现 首先是滚动条样式的代码: :root { --scroll-原创 2021-02-03 11:42:33 · 440 阅读 · 1 评论 -
Js | Js数组方法使用及细节总结(下)
前言 本文主要总结了 Js 中数组方法中的迭代方法,对于大部分简单的方法则以简单的示例说明功能和使用方法,您还可以参考文末给出的链接再加深学习,里面的介绍也更加地全面,本文样例代码均基于ES6语法。 迭代方法 迭代方法,顾名思义就是对数组进行遍历操作的算法,当然大部分方法都不仅仅只是遍历这么简单,例如filter方法可以添加遍历的筛选条件,此外对于需要传递回调参数的方法,本文都使用了Lambda语法,所以需要有一些基础,下面就来介绍这些方法: forEach() 语法:arr.forEach(callb原创 2020-08-11 19:55:58 · 310 阅读 · 0 评论 -
Js | Js数组方法使用及细节总结(中)
前言 本文将总结 Js 中数组方法中的访问方法,和上一篇一样,对于大部分都是很少使用的方法,则以简单的示例说明功能和使用方法,您还可以参考文末给出的链接再加深学习,里面的介绍也更加地全面,本文样例代码均基于ES6语法。 访问方法 访问方法即是不会改变调用它们的对象的值,只会返回一个新的数组或者返回一个其它的期望值的方法,与之对立的是修改器方法,具体可见上一篇,下面开始介绍访问方法: arr.concat(value1[, value2[, ...[, valueN]]]) 用于合并两个或多个数组,参数v原创 2020-08-10 11:25:03 · 530 阅读 · 1 评论 -
Js | Js数组方法使用及细节总结(上)
前言 本文主要总结了 Js 中数组方法中的修改器方法,其中将会重点讲解例如splice()类似的常用重要操作,对于大部分都是很少使用的方法,则以简单的示例说明功能和使用方法,您还可以参考文末给出的链接再加深学习,里面的介绍也更加地全面,本文样例代码均基于ES6语法。 修改器方法 修改器方法即是会改变原数组自身值的方法,与之对立的是访问方法,例如slice(),访问方法并不会修改原数组,而是返回一个新的数组,对于大部分修改器方法在Vue中都可以触发视图更新(除了copyWithin()和fill()),主要有原创 2020-08-09 21:00:39 · 295 阅读 · 0 评论