JavaScript
文章平均质量分 68
JavaScript是Web开发者必学开发语言之一,常用用来为网页添加各式各样的动态功能,为用户提供流畅美观的浏览效果。
觉醒法师
勤学习、干实事。
展开
-
jQuery实现响应式瀑布流 - 实现灯箱效果
前端实现瀑布流(Javascript+CSS),在此基础上增加灯箱效果(轮播切换效果),并可切换图片显示模式(完全显示,或全屏显示)原创 2023-12-24 22:42:21 · 1399 阅读 · 0 评论 -
JavaScript内置对象 - Array数组(四)- 序列生成器
序列生成器是生成一个指定起始值和结束值的序列,并且根据指定间隔长度,生成序列数组。类数组对象,是指可以通过索引属性访问元素并且拥有 length 属性的对象。类数组对象和数组区别是类数组对象不对直接调用数组的方法,需要通过Function.call和Funcation.apply来间接调用。类数组对象是从零开始,且以递增的整数为键名,定义了length表示 元素个数的对象,叫做类数组对象。对于类数组和Array.from()方法,不少人应该比较陌生,希望通过此案例让大家了解到它们的功能及便捷之处。原创 2023-10-03 22:50:03 · 1605 阅读 · 0 评论 -
JavaScript内置对象 - Array数组(三)- 自定义ArrayList
ArrayList是一种数据结构,它可以用来存储一组数据。特点是可以动态地增加或删除数据,并且可以随机访问其中的元素。在JavaScript中,没有内置的ArrayList数据结构,但是我们可以使用类对象来实现它。 将集合存储在对象本身上,并使用在 Array.prototype.push 上使用的 call 来调用该方法,使其认为正在处理数组,而它只是像平常一样运作,这是JavaScript 允许我们建立任意的执行上下文。尽管 Object不是数组,但是 push 方法成功地使 Object原创 2023-10-02 15:29:14 · 1494 阅读 · 0 评论 -
JavaScript内置对象 - Array数组(二)- 方法
JavaScript的 Array 对象是用于构造数组的全局对象,数组是类似于列表的高阶对象;Array 对象中还提供了各种有关数组的属性和方法,列举了 Array 对象中提供的属性和方法。原创 2023-10-01 18:51:16 · 1281 阅读 · 0 评论 -
JavaScript内置对象 - Array数组几种循环方式
在JavaScript中,有几种方法可以循环遍历数组。for循环、for...in循环、for...of循环、forEach()方法、map()方法、filter()方法、reduce()方法原创 2023-09-27 11:22:37 · 362 阅读 · 0 评论 -
JavaScript内置对象 - Array数组(一)- 基础部分
JavaScript的 Array 对象是用于构造数组的全局对象,数组是类似于列表的高阶对象;Array 对象中还提供了各种有关数组的属性和方法,列举了 Array 对象中提供的属性和方法。原创 2023-09-30 22:46:06 · 296 阅读 · 0 评论 -
jQuery实现响应式瀑布流效果(jQuery+flex)
瀑布流原理:是一种常见的网页布局方式,它的特点是将内容以多列的形式呈现,每一列的内容高度不固定,根据内容的大小自适应调整,从而形成了像瀑布一样的流动效果。瀑布流的实现原理涉及到数据加载、布局设计、图片加载和响应式设计等方面,需要综合考虑各个方面的因素,以实现高效、流畅、美观的瀑布流效果。目前网上很多技术博文是使用定位完成瀑布流效果的,这里将使用jquery和flex布局来实现响应式瀑布流效果。原创 2023-05-29 23:38:41 · 2323 阅读 · 0 评论 -
JQuery实现自定义滚动条
在页面中虽然可以通过CSS修改滚动条的样式,但是部分属性是无法自己修改和设置的,而且不同浏览器存在兼容问题,因此通过JS来实现滚动条在。的环境下也是有必要的。原创 2023-05-05 23:22:22 · 2754 阅读 · 0 评论 -
setTimeout和setInterval区别,以及定时器的传参功能
setTimeout和setInterval都属性Javascript中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直循环下去。另外,setTimeout和setInterval还能通过扩展运算符形式进行传参;现在IE10及以上版本,其它主流浏览器中,都已支持。原创 2022-09-03 15:11:33 · 1226 阅读 · 0 评论 -
jquery实现“焦点图“效果并支持“响应式”切换
jQuery实现焦点图并支持响应式显示,页面大小改变时,可自由变化效果,实现轮播切换效果,并点击显示大图原创 2022-02-25 11:00:48 · 809 阅读 · 0 评论 -
jQuery实现自定义轮播图插件
jQuery实现自定义轮播图插件,点击文章详情页中图片,实现灯箱形式,进行图片切换展示原创 2022-02-16 21:48:29 · 3559 阅读 · 0 评论 -
jQuery实现页面中多个audio或多个video时,一个播放其他audio和video都停止播放
jQuery实现页面中多个audio或多个video时,一个播放其他audio和video都停止播放原创 2022-01-04 15:45:26 · 2511 阅读 · 0 评论 -
JS实现获取当前时间和倒计时功能,可自定义输出格式(天、时、分、秒)
JS实现获取当前时间和倒计时功能,可自定义输出格式(天、时分、秒),倒计时是项目中经常会遇到的功能开发,这里通过以往经验,定义class类形式,来实现倒计时或当前时间获取功能,仅供参考。原创 2021-12-27 01:02:11 · 3276 阅读 · 3 评论 -
JS实现随机生成字符串(可指定长度)
1.定义随机截取字符串const _charStr = 'abacdefghjklmnopqrstuvwxyzABCDEFGHJKLMNOPQRSTUVWXYZ0123456789';2.定义随机生成索引函数/** * 随机生成索引 * @param min 最小值 * @param max 最大值 * @param i 当前获取位置 */function RandomIndex(min, max, i){ let index = Math.floor(Math.rand原创 2021-12-13 22:27:48 · 21305 阅读 · 4 评论 -
将颜色值转为rgba值
1.通过prototype属性在String对象中自定义函数,示例如下:String.prototype.colorRgb = function(opacity){ opacity = opacity || .6; var color = this.toLowerCase(); var pattern = /^#([0-9|a-f]{3}|[0-9|a-f]{6})$/; if(color && pattern.test(原创 2021-01-10 10:56:43 · 3723 阅读 · 2 评论