JavaScript - 随笔分类 - luckiest

如何自己实现一个滚动条，自定义滚动条样式

摘要：修改默认滚动条样式一般改变滚动条样式可以改变滚动容器的几个伪元素样式即可 // 滚动条本体，要想设置滚动条样式，需要先设置该元素 ::-webkit-scrollbar { height: 6px; width: 6px; } // 滚动条轨道 ::-webkit-scrollbar-track 阅读全文

posted @ 2021-05-15 22:33 luckiest 阅读(1970) 评论(0) 推荐(0)

input在输入中文时所触发的事件（防止输入中文时重复执行）

摘要：一般在监听文本框输入时监听文本内容改变事件，可以使用oninput和onchange事件，两者区别在于oninput在文本输入状态可以一直监听变化，onchange在文本框失去焦点时才会触发，所以要想在输入内容是执行相关操作可以使用oninput 但是在文本输入时，如果输入的时汉字，它在拼音拼写的过阅读全文

posted @ 2019-12-17 17:53 luckiest 阅读(1292) 评论(0) 推荐(0)

适配移动端的文字超出隐藏并添加省略号

摘要：查看全部与收起事例阅读全文

posted @ 2019-04-26 11:41 luckiest 阅读(830) 评论(0) 推荐(0)

屏幕宽高，页面大小、距离问题

摘要：屏幕滚动时可以监听到的事件，实现滚动tab切换，和返回顶部获取页面被卷起的高度 Math.max(document.documentElement.scrollTop, document.body.scrollTop); 屏幕分辨率的高 window.screen.height; 屏幕分辨率的宽阅读全文

posted @ 2019-04-09 11:46 luckiest 阅读(227) 评论(0) 推荐(0)

字符串反转

摘要：```javascript function reverseStr (str) { return str.split('').reverse().join(''); } ``` 阅读全文

posted @ 2019-04-04 10:46 luckiest 阅读(94) 评论(0) 推荐(0)

定义一个javascript方法，实现对数组集合的正向排序

摘要：```javascript function sortArr (arr) { var newArr = arr.map(val = parseInt(val)).sort((a, b) = a b); newArr.sort((a, b) = a b); return newArr.map(val 阅读全文

posted @ 2019-04-04 10:31 luckiest 阅读(281) 评论(0) 推荐(0)

数组去重

摘要：通过数组方法 filer来实现 filter方法中，有三个参数，分别是currentValue 当前元素的值，index 当前元素的索引值，arr 当前元素属于的数组对象； for循环实现 javascript function unique(arr) { var res = [arr[0]]; f 阅读全文

posted @ 2019-04-03 13:08 luckiest 阅读(101) 评论(0) 推荐(0)

星级评价功能实现

posted @ 2019-04-02 17:01 luckiest 阅读(622) 评论(0) 推荐(0)

JSONP原理

摘要：JSONP JSONP的最基本的原理是：动态添加一个阅读全文

posted @ 2019-03-02 15:04 luckiest 阅读(1914) 评论(1) 推荐(0)

AJAX的原理

摘要：AJAX 什么是AJAX 1. AJAX= Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）； 2. AJAX 不是新的编程语言，而是一种使用现有标准的新方法； 3. 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意阅读全文

posted @ 2019-03-02 15:03 luckiest 阅读(205) 评论(0) 推荐(0)

原生javascript实现阻止浏览器默认行为与阻止事件冒泡

摘要：不同的浏览器之间存在兼容问题，在IE与标准浏览器之间存在很大的差异，所以在实现阻止浏览器默认行为和阻止事件冒泡就要考虑要它们之间的不同阅读全文

posted @ 2019-03-02 14:55 luckiest 阅读(1397) 评论(0) 推荐(0)

javascript事件委托的原理与实现

摘要：事件委托事件流捕获：查找目标元素；目标：执行目标的事件；冒泡：依次执行祖先元素的事件。 onmouseenter和onmouseleave不支持冒泡； onmouseover和onmouseout支持冒泡。事件对象 event 属性target:可以判定当前点击的目标对象火狐谷歌: t 阅读全文

posted @ 2019-03-02 14:48 luckiest 阅读(2621) 评论(2) 推荐(1)

javascript中事件对象注册与删除

摘要：事件对象注册事件 1. 直接给dom对象设置属性，只能给对象设置一个属性，如果设置多个事件处理函数，则最后的生效； 2. 给html标签设置属性，（若法1和法2同时使用，则法1生效）； 3. 事件注册绑定事件监听函数 addEventListener("click", fun, false); 阅读全文

posted @ 2019-03-02 14:45 luckiest 阅读(775) 评论(0) 推荐(0)

javascript中Math函数的属性与方法

摘要：math函数的属性 Math.PI:返回圆周率。 math函数的方法 1. 绝对值: Math.abs(); 2. 对数进行上舍入: Math.ceil(); 3. 对数进行下舍入: Math.floor(); 4. Math.pow(x, y); x的y次幂，y可以是分数 5. 求最大最小值：Ma 阅读全文

posted @ 2019-03-02 14:35 luckiest 阅读(327) 评论(0) 推荐(0)

javascript中字符串的方法

摘要：字符串的方法 1. charAt();返回字符串指定索引的字符； 2. concat();连接两个或多个字符串； 3. indexOf();返回字符串中检索指定字符第一次出现的位置； 4. lastIndexOf();返回字符串中检索指定字符最后一次出现的位置； 5. subString();提取字阅读全文

posted @ 2019-03-02 14:33 luckiest 阅读(164) 评论(0) 推荐(0)

javascript中数组的方法

摘要：数组的方法 1.concat():连接两个或多个数组 2.indexOf(arg): 查找数组中的arg元素，如果没有，则返回 1，如果有，则返回该元素的最小下标 lastIndexOf(arg): 查找数组中的arg元素，如果没有，则返回 1，如果有，则返回该元素的最大下标 3.joi 阅读全文

posted @ 2019-03-02 14:29 luckiest 阅读(205) 评论(0) 推荐(0)

原生js实现无缝轮播

摘要：原生js实现无缝轮播因为要做到无缝，所以就要把第一张图片和最后一张连接起来，在此处采用js克隆了第一张图片的节点，添加到最后，显示图片序号的小圆按钮也是使用js动态添加的。 html部分 <div class="banner" id="banner"> <ul class="pic" id="pi 阅读全文

posted @ 2018-12-01 18:21 luckiest 阅读(404) 评论(0) 推荐(0)

luckiest

随笔分类 - JavaScript

公告