随笔分类 - js_demo
用js做的一些测试小的demo，算是练习吧。。
数组去重的12种方法4-对象属性
摘要：利用对象的属性不能相同的特点进行去重： var b = Array.from('acbacebgjfab') //通过Array.from方法定义一个新的数组 function uniq(arry){ if(!Array.isArray(arry)){ //先判断传入的数据是不是数组类型 retur
阅读全文
数组去重的12种方法3-indexOf
摘要：主要用到indexOf方法，判断新数组是否包含当前遍历的就数组当中的项： indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置： var b = Array.from('acbacebgjfab') //通过Array.from方法定义一个新的数组 function uniq(a
阅读全文
数组去重的12种方法2-set
摘要：Set对象是ES6中新定义的数据结构，类似于数组，它允许你存储任何类型的唯一值，不管是原始值还是对象引用。 Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组 var b = Array.from('1123455266367809') // 通过Array.from
阅读全文
数组去重的12种方法1-splice
摘要：1 var b = Array.from('1123455266367809') //定义一个数组，通过Array.from方法返回一个数组 2 3 function unq(arr){ //定义一个去重的函数 4 for(let i=0;i<arr.length;i++){ //定义一个外层for
阅读全文
js_隔10秒发送验证码（setInterrval定时器）
摘要：1 <body> 2 <input type="text" /><button>发送</button> 3 <script> 4 var btn = document.querySelector('button') 5 // 定义一个变量，在定时器里面，不断递减 6 var time = 10 7
阅读全文
js_定时器（setInterval）
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6
阅读全文
js_输入框上面的大号字体显示框
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6
阅读全文
js_s键输入框获得焦点事件
摘要：1 //输入框获取焦点 2 var input = document.querySelector('input') 3 // 添加文档点击监听事件 4 document.addEventListener('keyup', function (e) { 5 // 判断用户按下的键盘code 6 if
阅读全文
js_元素随鼠标移动而移动（mousemove事件）
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6
阅读全文
js_节点操作（简单的添加删除）
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6
阅读全文
js_下拉菜单
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6
阅读全文
js_tab栏切换
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6
阅读全文
js_复选框单选与复选
摘要：1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8" /> 5 <title></title> 6 <style> 7 * { 8 padding: 0; 9 margin: 0; 10 } 11 12 .wrap
阅读全文
js_判断字符串中出现最多的字符的和次数
摘要：var str = 'sdedadedsjojkmihuuhjklnmqwerty' //定义一个对象，存储每个遍历的字符串和出现的次数； var obj = {} for (var i = 0; i < str.length; i++) { //将每次循环，给char赋值， var char =
阅读全文
js_倒计时
摘要：1 function countDown(time){ 2 //获取当前距离1970-1-1日的总毫秒数； 3 var nowTime = +new Date(); 4 //输入的时间距离1970-1-1日的总毫秒数 5 var inputTime = +new Date(time) 6 //获取两
阅读全文
js_判断输入的年月日是当年的第几天
摘要：function fn(date){ //将一年中前11个月份存到数组中去，后面直接判断月份天数相加即可； var months = new Array(31,30,31,30,31,30,31,31,30,31,30); //总的天数 var sumDay=0; //获取输入的天数的年份 var
阅读全文
js_判断字符串中每个字符出现的次数
摘要：1 var str = 'sdedadedsjojkmihuuhjklnmqwerty' 2 //定义一个对象，存储每个遍历的字符串和出现的次数； 3 var obj = {} 4 for (var i = 0; i < str.length; i++) { 5 //将每次循环，给char赋值， 6
阅读全文
js_字符串去重
摘要：1 var str = 'abcaedijsalpa' 2 var num = 0 3 var index = str.indexOf('a') 4 while (index !== -1) { 5 console.log(index) 6 num++ 7 index = str.indexOf('
阅读全文
js_Array数组去重
摘要：1 var arry = ['blue', 'green', 'blue'] 2 //定义一个新的数组接收去重后的元素，或者直接删除，不用定义新数组也可以； 3 var newArry = [] 4 function unique(arry) { 5 for (var i = 0; i < arry
阅读全文
js_获取两个数之间的随机数
摘要：//先获取一个1-10之间的随机数； function getRandom(min, max) { min = Math.ceil(min) max = Math.floor(max) return Math.floor(Math.random() * (max - min + 1)) + min
阅读全文
浙公网安备 33010602011771号