2019年05月_Pumpkin~

<!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 4882

转载前端跨域问题

1.跨域问题的由来首先我们需要了解的是，前端处于项目开发过程中最接近用户的一个区域，代码最容易被hack获取解析，也最容易受到攻击。针对这个问题，互联网早期探索者Netscape提出了一个著名的安全策略——同源策...

2019-05-27 18:58:22 125

转载 github上的优秀android开源项目

源码大招：不服来战！撸这些完整项目，你不牛逼都难！经常有人问我有没有什么项目代码，我回复说去 Github 找，但是还是好多人不知道如何找到那些比较好的项目。今天花了点时间找了些安卓的项目，觉得还是不错的，几乎就是自己生活常用的一些 app ，如果你是一个 Android 开发者，我觉得撸完这些项目，你想不牛逼都难。菜鸟新闻菜鸟新闻客户端是一个仿照36Kr官方,...

2019-05-27 12:21:14 743 1

转载 Github优秀开源项目整理

目前开源社区Github涌现出不少优秀的项目，关注和使用这些项目，一方面可以很好的提升开发效率与质量，另一方面研究开源项目的源码，参与其贡献，也是提升技术能力一个不错的方法。基于自己团队的需求，以后每周会整理一些不错的Github开源项目（每周3-6个），范围主...

2019-05-27 12:19:32 626

转载 github搜索技巧

先说一下，为什么写这篇文章？因为前天分享的文章中，我展示了一个 GitHub star 数量总榜的截图，然后很多人问我：如何查看 GitHub star 的总榜啊！你是从哪里弄得？这，我才发现，大家可能对 GitHub 并不了解，准确的说：应该是对 GitHub 上的搜索技巧不太了解！所以，今天是准备给大家写篇文章，普及一下 GitHub...

2019-05-27 12:18:04 215

转载 github 教程

原文 http://www.eoeandroid.com/thread-274556-1-1.html【初识Github】首先让我们大家一起喊一句“Hello Github”。YEAH!就是这样。Git是一个分布式的版本控制系统，最初由Linus Torvalds编写，用作Linux内核代码的管理。在推出后，Git在其它项目中也取得了很大成功，尤其是在Ruby社区中。目前...

2019-05-27 12:15:49 131

转载 Github使用教程

原文 http://www.eoeandroid.com/thread-274556-1-1.html【初识Github】首先让我们大家一起喊一句“Hello Github”。YEAH!就是这样。Git是一个分布式的版本控制系统，最初由Linus Torvalds编写，用作Linux内核代码的管理。在推出后，Git在其它项目中也取得了很大成功，尤其是在Ruby社区中。目前...

2019-05-26 20:02:46 126

原创 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 117

原创 css3--旋转的3D魔方

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="styleshee...

2019-05-22 17:24:22 628

原创 css3--animation实现跑马效果

<!DOCTYPE html><html><head> <title>跑马</title> <style type="text/css" media="screen"> *{ padding:0px; margin:0px; } @keyframes run{ 0%{ backg...

2019-05-19 10:32:47 1044

原创 css3--animation实现钟表效果

<!DOCTYPE html><html><head> <title>钟表效果</title> <style type="text/css" media="screen"> *{ padding:0px; margin: 0px; } @keyframes secondrun{ 0%{...

2019-05-19 10:15:13 463

原创 css3--animation实现打字效果

<!DOCTYPE html><html><head> <title></title> <style type="text/css" media="screen"> *{ margin:0; padding:0; } div{ position:relative; display...

2019-05-19 10:04:25 942

原创 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 593

原创封装取消冒泡的函数

function stopBubble(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } }

2019-05-18 08:29:11 166

原创 js封装阻止默认事件的函数

function cancelHandler(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; } }

2019-05-18 08:28:42 540

原创 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 320

原创 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 494

原创封装异步加载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 409

原创原生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 176

原创 js缓冲运动

function startMove(dom,target){//目标元素，目标点(数字) var speed; clearInterval(timer); var timer=setInterval(function(){ speed=(target-dom.offset...

2019-05-18 08:23:37 92

原创封装兼容性方法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 259

原创原生js缓冲运动

function startMove(dom,target){//目标元素，目标点(数字) 缓冲运动 var speed; clearInterval(timer); var timer=setInterval(function(){ speed=(target-dom.of...

2019-05-18 08:17:08 160

原创封装函数，打印当前是何年何月何日何时何分何秒

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 549

原创遍历元素节点树（在原型链上编程）

<div> <div> <span> <a href="" title=""></a> </span> </div> <span></span> </div> <div> <div> ...

2019-05-16 19:49:47 971 1

原创 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 1918

原创 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 325

原创 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 270

原创原生js封装type

//封装type 封装type function type(a){ if(a===null){ return "null"; }else if(typeof(a)=='object'){ //数组，对象，包装类---》"object" if(Object.prototype.toString.call(a)=="[object Array]"){...

2019-05-16 17:02:55 155

原创 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 218

原创小应用--分类筛选人员

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 249

原创 jquery应用--仿搜索热点排名

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> *{ margin:0; ...

2019-05-16 16:40:44 630 1

原创用弹性盒子写可动态添加的导航栏

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="styleshee...

2019-05-16 16:32:03 1174

原创用弹性盒子实现圣杯布局

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="styleshee...

2019-05-16 16:19:08 745

空空如也

空空如也