js，es6
关注
分享
扫一扫
Pumpkin~
我的名字叫难忘
展开
-
小应用--分类筛选人员
var personArr = [ {name: '小王', src: './img/3.png', des: '大家好我是小王', sex: 'm', age: 18}, {name: '小刘', src: './img/5.png',des: '大家好我是小刘', sex: 'f', age: 23}, {name: '小张', src: './img/4.png...原创 2019-05-16 16:56:00 · 267 阅读 · 0 评论 -
js封装事件处理函数
function addEvent(elem,type,handle){ if(elem.addEventListener){ elem.addEventListener(type,handle,false) }else if(elem.attachEvent){ elem.attachEvent('on'+type,function(){ handle.call(e...原创 2019-05-18 08:29:48 · 629 阅读 · 0 评论 -
js封装ajax
function ajax(method, url, callback, data, flag) { var xhr = null; if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); }else { xhr = new ActiveXObject('Microsoft.XML...原创 2019-05-23 20:50:38 · 132 阅读 · 0 评论 -
js瀑布流的实现
html部分<!DOCTYPE html><html lang="en"><head> <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> --> <meta charset="UTF-8"&...原创 2019-06-05 10:15:57 · 516 阅读 · 0 评论 -
利用jsonp实现百度搜索联想词功能
<!DOCTYPE html><html><head>charset <meta ="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>jsonp仿百度搜索联想词功能</title> <style type=...原创 2019-05-28 13:12:52 · 4934 阅读 · 0 评论 -
jq，ajax实现web版聊天机器人
html部分 <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>小琴robot</title> <link...原创 2019-05-31 13:58:50 · 1724 阅读 · 1 评论 -
jsonp接口
# 电商接口淘宝商品搜索建议 http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb...转载 2019-05-29 10:28:03 · 1013 阅读 · 0 评论 -
gulp自动构建工具--音乐播放器
项目源码原创 2019-06-13 11:07:15 · 199 阅读 · 0 评论 -
小游戏--原生js制作扫雷
点击查看完整代码点击查看运行原创 2019-05-29 17:24:06 · 355 阅读 · 0 评论 -
小游戏--原生js贪吃蛇
点击查看完整代码点击查看运行原创 2019-05-29 19:17:35 · 158 阅读 · 0 评论 -
js判断数据类型的几种方法
我们在写封装的插件或者函数时，常常用到JS的数据类型判断，典型的案例就是深度拷贝函数用到数据类型判断，这个知识点在面试的时候也是经常考到的一个问题。今天在这里总结一下我个人遇到的可以判断数据类型的几种方式。如果有哪里写的不对还请指点一下小弟，以免文章误导他人。1. typeof关键字console.log(typeof 2); // numb...转载 2019-06-19 21:23:44 · 282 阅读 · 0 评论 -
封装取消冒泡的函数
function stopBubble(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } }原创 2019-05-18 08:29:11 · 195 阅读 · 0 评论 -
js封装阻止默认事件的函数
function cancelHandler(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; } }原创 2019-05-18 08:28:42 · 560 阅读 · 0 评论 -
js封装解除事件绑定
function removeEvent(elem,type,handler){ if(elem.removeEventListener){ elem.removeEventListener(type,handler,false) }else if(elem.detachEvent){ elem.detachEvent('on'+ty...原创 2019-05-18 08:27:55 · 360 阅读 · 0 评论 -
js深度克隆的实现
//深度克隆 // var A={ // name:"www", // age:13, // sex:"nv", // son:{ // name:"hhh", // sex:"boy", // sonson:{ // name:"nnn" // } // } // } // // A=['sss',1,4,"dh...原创 2019-05-16 16:59:18 · 243 阅读 · 0 评论 -
js---继承（圣杯模式）
继承--圣杯模式 var inherit=(function(){ function F(){} return function(Origin,Target){ F.prototype=Origin.prototype; Target.prototype=new F(); Target.prototype.constructor=Target; T...原创 2019-05-16 17:04:16 · 310 阅读 · 0 评论 -
js 数组去重与字符串去重
数组去重 Array.prototype.unique=function(){ var newArray=[]; var object={}; var array=this; for(var i=0;i<array.length;i++) { if(!object[array[i]]){ object[array[i]]="aa...原创 2019-05-16 17:23:55 · 348 阅读 · 0 评论 -
js--找出字符串中第一次只出现一次的字母
String.prototype.firstOnece=function(){ var len=this.length; for(var i=0;i<len;i++){ var flag=1; for(var j=0;j<len;j++){ if(i==j){ continue; ...原创 2019-05-16 17:29:45 · 1971 阅读 · 0 评论 -
遍历元素节点树（在原型链上编程）
<div> <div> <span> <a href="" title=""></a> </span> </div> <span></span> </div> <div> <div> ...原创 2019-05-16 19:49:47 · 1014 阅读 · 1 评论 -
封装函数，打印当前是何年何月何日何时何分何秒
var retMyDate=function(){ var date=new Date() var year=date.getFullYear(); var month=date.getMonth()+1; var day=date.getDate(); var hour=date.getHours() var Mi=dat...原创 2019-05-16 19:55:02 · 593 阅读 · 0 评论 -
封装兼容性方法getStyle(elem,prop)获取元素的css属性
Element.prototype.getStyle=function(prop){ if(window.getComputedStyle){ return window.getComputedStyle(this,null)[prop] }else{ return this.currentStyle[prop]; } }原创 2019-05-18 08:17:23 · 298 阅读 · 0 评论 -
原生js缓冲运动
function startMove(dom,target){//目标元素，目标点(数字) 缓冲运动 var speed; clearInterval(timer); var timer=setInterval(function(){ speed=(target-dom.of...原创 2019-05-18 08:17:08 · 182 阅读 · 0 评论 -
js缓冲运动
function startMove(dom,target){//目标元素，目标点(数字) var speed; clearInterval(timer); var timer=setInterval(function(){ speed=(target-dom.offset...原创 2019-05-18 08:23:37 · 115 阅读 · 0 评论 -
原生js匀速运动
var div=document.getElementsByTagName("div")[0] var btn=document.getElementsByTagName("button")[0] function startMove(dom,target,speed){//目标元素，目标点(数字)，速度 var speed=(target-dom.offse...原创 2019-05-18 08:25:17 · 197 阅读 · 0 评论 -
封装异步加载js函数
function loadScript(url,callback){ var script=document.createElement("script"); script.type="text/javascript"; if(script.readyState){ script.onreadstatechange=function(){ if(script.readyState...原创 2019-05-18 08:26:30 · 442 阅读 · 0 评论 -
js封装拖拽事件
function drag(elem){ var disX,disY; addEvent(elem,"mousedown",function(){ var event=e||window.event; disX=event.clientX-parseInt(elem.getStyle("left")); disY=event.clie...原创 2019-05-18 08:27:07 · 532 阅读 · 0 评论 -
babel工具使用
1.npm i -D @babel/core此模块提供babel编译的核心功能2.npm i -D @babel/preset-env此模块提供插件的集合，依赖于@babel/core，可以根据自身业务需求安装插件3.npm i -D @babel/cli...转载 2019-06-04 21:11:18 · 428 阅读 · 0 评论