JavaScript
文章平均质量分 78
骚年008
靠山山倒,靠人人倒!
使用最小代价,创造最大收益。
展开
-
js用策略思维做的小球滑动
用策略思维做的小球滑动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2020-01-16 16:19:04 · 380 阅读 · 0 评论 -
简易JSONP
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input id="search" type=原创 2018-06-28 19:03:16 · 156 阅读 · 0 评论 -
原生Ajax(GET和POST请求)和jQueryAjax(Get和Post请求)详解
// 原生Ajax Get Post请求 function ajGet(){// 创建一个 XMLHttpRequest 对象。(这个东西有兼容,需要做兼容的可以去搜下) var xhr = new XMLHttpRequest();// 打开请求,三个参数,请求方式,请求路径,是否异步 xhr.open('get','get.php',true);// get方式发送nu...原创 2018-07-07 17:05:53 · 4369 阅读 · 0 评论 -
$.extend()和$.fn.extend()的区别和他们相应的作用
jQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend(object); 给jQuery对象添加方法jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。如果二者按照类的概念来理解的话: jQuery.extend(object)为jQuery类添加添加类方法,可以理解为添加静态方法。 // 静态方法, 跟jq实例没关...原创 2018-07-07 17:22:42 · 2797 阅读 · 0 评论 -
JS如何判断俩个对象是否相等
判断对象相等的步骤:先判断俩者是不是对象 是对象后俩者长度是否一致 判断俩个对象的所有key值是否相等相同 判断俩个对象的相应的key对应的值是否相同 来一个递归判断里面的对象循环1-4步骤function diff(obj1,obj2){ var o1 = obj1 instanceof Object; var o2 = obj2 instanc...原创 2018-08-16 11:15:33 · 16446 阅读 · 1 评论 -
js关于金额输入框正则匹配问题
首先拿到输入框的值。方法一:思路:直接正则匹配 var val = $(this).val(); val = val.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符 val = val.replace(/\.{2,}/g,"."); //只保留第一个...原创 2018-12-09 21:28:54 · 2251 阅读 · 0 评论 -
JS防抖和节流
防抖 debounce 简单来说就是防止抖动当持续触发事件时 debounce 会合并事件且不会去触发事件,当一定时间内没有触发在这个事件时,才真正去触发事件。// 防抖,传入回调函数和设置响应时间 function debounce(fn,delay){ var delay=delay||200; var timer; return func...原创 2019-03-30 14:13:09 · 112 阅读 · 0 评论 -
JS随便输入五位正整数得出中文
var num = 41564 + ''; (function(num){ var res = ''; var numArr = num.split('') var arr = ['零','一','二','三','四','五','六','七','八','九'] var danwei = ['万','千','百','十',''] numArr.forEach(function...原创 2019-03-28 17:35:25 · 492 阅读 · 0 评论 -
Fisher–Yates shuffle 洗牌算法(js应用)
原理:写下从 1 到 N 的数字 取一个从 1 到剩下的数字(包括这个数字)的随机数 k 从低位开始,得到第 k 个数字(这个数字还没有被取出),把它写在独立的一个列表的最后一位 重复第 2 步,直到所有的数字都被取出 第 3 步写出的这个序列,现在就是原始数字的随机排列简单的说:就是随机抽一个放到最后。把剩余的数继续抽,继续放到次后。。。。依次执行/** * Fisher–...原创 2019-09-17 17:19:02 · 631 阅读 · 0 评论 -
jsonp获取搜索图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0;原创 2018-06-29 12:02:08 · 1004 阅读 · 0 评论 -
js插入数据操作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0;原创 2018-06-09 11:11:18 · 3804 阅读 · 0 评论 -
js点击按钮切换盒子
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0;原创 2018-06-09 11:02:39 · 6804 阅读 · 3 评论 -
数组常用方法
关于数组常用方法的使用: var arr = [123,12,523,45,4,134,65,5,82]; var arr2 = [124,12,16]; console.log('原数组:'+arr) arr.pop(); console.log('pop删除最后一个'+arr); arr.shift(); console.log('shift删除第一个'+arr);...原创 2018-06-03 23:18:04 · 196 阅读 · 0 评论 -
随机六位验证码(至少包含一个字母和一个数字)
console.log(ranSixNumLet()) function ranSixNumLet(){ // 定义装有数字的数组 var num = []; // 定义装有字母的数组 var letter = []; // 定义装有数字和字母的数组 var arrAll = []; // 从ascii获取数字并且加到num数组 for (var i=4...原创 2018-06-04 00:43:26 · 3383 阅读 · 0 评论 -
计时器(锁)
/* 整个计时器的思路: * 1.首先写按钮和显示,然后js进行获取 * 2.点击按钮后,写应有的功能.如开始按钮 * 开始按钮需要一个定时函数,每跳一次,这时候需要一个计数的载体count,count增加1 * 然后将获得的count值进行时间转换,得出来的时间,小于10无法显示俩位数,这时候需要一个 * 判断,如果小于10,我们给他加上字符串'0';算出...原创 2018-06-04 01:44:54 · 403 阅读 · 0 评论 -
jsQQ单方面发送
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body,html,ul,li,dl,dt,dd,img,h1,h2,原创 2018-06-05 11:01:02 · 259 阅读 · 0 评论 -
js浏览器鼠标右键出现下拉框事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0;原创 2018-06-05 19:15:30 · 1752 阅读 · 0 评论 -
javascript继承6种方法
function Animal(){ this.species = "动物"; } Animal.prototype.species = "动物"; function Cat(name,color){ this.name = name; this.color = color; } // 1.构造函数绑定...原创 2018-06-20 18:53:07 · 153 阅读 · 0 评论 -
javascript最简单记事本
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2018-06-20 20:58:15 · 4138 阅读 · 0 评论 -
打乱数组
// var arr = [124,2154,677,214,7,2,82,25,79]// console.log(fixArr(arr))console.log(fixArr(arr)); //打乱数组 function fixArr(arr){// 定义一个新的数组来装 从旧数组中获取的元素 var arrLoad = [];// 定义获取数组时的长度 var length = a...原创 2018-06-03 23:10:24 · 155 阅读 · 0 评论