JavaScript
关注
分享
扫一扫
逸川先生
Java开发工程师，专注后台开发两年，擅长分布式系统
展开
-
JS 数组去重、字符串去重
let arr = [1,2,3,4,4,3,3,6];let str = 'ababaddde';let res1 = [...new Set(arr)];console.log(res1); // [1, 2, 3, 4, 6]let res2 = [...new Set(str)].join('');console.log(res2); // "abde"数组去重的另一...原创 2019-03-28 14:54:25 · 437 阅读 · 0 评论 -
JS 一句话获取数组最大值
通常情况下我们会使用第一种方法，但是有一种非常简单的方法：Math.max.apply(null,arr)const arr = [16,2,4,32,6,7];function max(arr) { let maxVal = arr[0]; for(let i of arr) { maxVal = maxVal>i?maxVal:i; } return m...原创 2019-03-28 14:14:08 · 1509 阅读 · 0 评论 -
轮播图 - 第二版
第一版链接： https://blog.csdn.net/qq_38238041/article/details/86891779相比第一版，第二版添加了下方的按钮，但依然有个问题：最后一张图片到第一张图片的时候并非无缝的切换，这个问题第三版的时候解决HTML：<!DOCTYPE html><html lang="en"><head> ...原创 2019-02-10 13:24:27 · 204 阅读 · 0 评论 -
轮播图 - 第一版
这是第一版，只是实现了滚动的效果，讲讲我的思路：设置width, height大小固定的div，使其居中，图片放在li中，li放在ul中，横向显式如下，先后思路就很清晰了啦，其实也就是改变ul的定位left，然后隐藏溢出部分，再加个动画效果，这第一版就这么完成了HTML：<!DOCTYPE html><html lang="en"><he...原创 2019-02-10 11:12:12 · 228 阅读 · 0 评论 -
JS - 获取指定元素的样式
/* * 定义一个函数，用来获取指定元素的当前的样式 * 参数： * obj 要获取样式的元素 * name 要获取的样式名 */ function getStyle(obj , name){ if(window.getComputedStyle){ //正常浏览器的方式，具有getComputedStyle...原创 2019-02-09 21:52:48 · 1352 阅读 · 0 评论 -
navigator对象判断浏览器
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> /* * BOM * - 浏览原创 2019-02-09 20:48:15 · 450 阅读 · 0 评论 -
JS判断快捷键
w3school事件参考：http://www.w3school.com.cn/jsref/dom_obj_event.asp<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>键盘事件</title>原创 2019-02-09 19:19:00 · 805 阅读 · 0 评论 -
JS 拖拽元素
还是先上个图：简单来讲：我们现在要做的就是将黄色方块固定，然后可以用鼠标随意拖拽红色方块再看需求：1.当鼠标在被拖拽元素上按下时，开始拖拽 onmousedown2.当鼠标移动时被拖拽元素跟随鼠标移动 onmousemove3.当鼠标松开时，被拖拽元素固定在当前位置 onmouseupHTML代码：<!DOCTYPE html><html ...原创 2019-02-09 17:16:02 · 280 阅读 · 0 评论 -
JS一个元素怎么绑定多个事件
有时候一个一个元素要绑定多个事件，其实是分开写先看这个例子，我们预期它先执行alert1，然后是alert2，但事实上是没有alert1，因为覆盖了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绑定多个事件<原创 2019-02-09 11:01:53 · 6107 阅读 · 0 评论 -
JS - 取消事件冒泡
JavaScript的事件冒泡确实很有用（大多数情况下），但是有时确实不想它冒泡，那么可以通过以下方式取消元素.事件 = function( event ) { // 解决兼容问题 event = event || window.event; // 将cancenBubble属性设置为false即可 event.cancelBubble = true;}...原创 2019-02-09 09:11:48 · 2858 阅读 · 0 评论 -
JS实时获取鼠标坐标
简单练习，先上图非常简单，只是一个onmousemove事件的处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实时获取鼠标坐标</title> <style&原创 2019-02-08 22:36:59 · 2341 阅读 · 0 评论 -
JS练习 - 全选
JS新手练习题，先上个图HTML代码： <!DOCTYPE html><html lang="en"><!-- 需求： 1.点击全选checkbox或者全选按钮 - 全选 2.点击全不选 - 全不选 3.点击反选 - 反选 4.点击提交 - alert出来就OK 5.选择爱好，如果全部都选了，全选che...原创 2019-02-08 17:57:04 · 231 阅读 · 0 评论 -
JS Set遍历
JavaScript的Set只有键名，或者是说键和值一样顺便提一下，JS可以使用这个在线编辑调试，非常棒https://blog.csdn.net/qq_38238041/article/details/88869133const set = new Set(['aa','bb','cc']);// 获取所有keyfor(let key of set.keys()) { ...原创 2019-03-28 15:35:46 · 8352 阅读 · 0 评论