wxyoo1-优快云博客

原创记录一下-自己写的一个项目夭折了

初步想法是做成fiddler 的chrome插件版。但是开发过程中发现在奇舞团工作的李成银大神早就已经实现了。这是项目的原型。祭奠一下。

2015-09-17 16:02:53 600

原创 JS如何判断有没有上一页？

一个页面分享出去，上面有返回按钮，如果第一次打开，会没有上一页历史记录。window.history.go(-1) 会返回空白或者501 错误。可以这样实现：document.referrer === '' ? window.location.href = 'http://m2.paipai.com/index.shtml' : wi

2015-09-17 11:04:00 9791 1

原创 JavaScrip模块化模式写法

模块开发模式学习前奏

2015-07-03 18:23:52 813

转载如何去除内联元素（inline-block元素）之间的间距

div{width:900px;}div a{ display:inline-block; width:300px;} 下面总结了几条去除inline元素和inline-block元素去除间距的方法：1、可以在html中直接把元素写在一行上或把闭合标签和第二个开始标签写在一行或两行间添加注释或直接去掉闭合标签但最后一个不能去掉。2、设置marg

2015-03-20 23:14:57 661

原创 js 解析URL 的参数

请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象，如：var url = “http://www.taobao.com/index.php?key0=0&key1=1&key2=2.....”var obj = parseQueryString(url);alert(obj.key0) // 输出0我的答案：functio

2015-02-07 00:19:56 2739

原创手机QQ内置浏览器position:fixed 属性支持不好的解决方案

在三星android 手机QQ内部打开连接时，有的手机QQ版本低时，会对position:fixed 支持不好。表现在position:fixed 后再用margin:0 atuo; 居中时，页面不居中；可以这样解决：在外层再套一个div层。将position:fixed 属性放在外层然后定宽；里面的层width:100%，margin:0 auto;就可以完美支持低版本手机QQ

2015-02-06 11:15:37 3770

原创移动设备页面高度不足时min-height 的尴尬处理

在做html5的页面时，经常遇到页面内容太少撑不起来整个手机屏幕的高度。我们经常使用min-height来处理，比如min-height:568px; 对应的是iPhone5 的高度；而这样iPhone6plus下方就会出现空白。而如果设置 min-height:736px; iPhone5的话就会出现滚动条；此时我们可以使用position:absolute;left:0;

2015-02-06 11:07:21 1739

原创 mac 下重启apache

打开终端重启apache：sudo /usr/sbin/apachectl restart关闭apache：sudo /usr/sbin/apachectl stop开启apache：sudo /usr/sbin/apachectl start

2015-01-24 00:17:52 463

原创 mac 下 mysql 忘记密码解决方法

1.系统偏好设置-> mysql -> stop mysql2. ./mysqld_safe --skip-grant-tables &3.root root

2015-01-20 22:59:21 490

原创滑动跟随手指横向滑动

浪去项目有个头图滑动横向滑动的需求，故写次demo 滑动跟随手指横向滑动 .spirit { /* 方块的class名称*/ position: absolute; width: 50px; height: 50px; background-color: red; }

2015-01-12 16:17:11 1590

原创每天一个JavaScript实例-cookie的使用方法

每天一个JavaScript实例-cookie的使用方法 div{margin:5px;}window.onload = function(){ if(navigator.cookieEnabled){ document.getElementById("set").onclick = setCookie; document.getElementById("get").oncl

2014-11-21 14:24:42 783

原创每天一个JavaScript实例-从js脚本中访问object元素中的SVG

每天一个JavaScript实例-从js脚本中访问object元素中的SVG No SVG supportvar object = document.getElementById("object");object.onload = function(){ var svgdoc; try { svgdoc = object.contentDocument;

2014-11-03 18:04:22 2327

原创每天一个JavaScript实例-SVG中的javaScript展示

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg"><![CDATA[ win

2014-11-03 16:46:44 942

原创每天一个JavaScript实例-canvas定时器动态的更新一个线条

每天一个JavaScript实例-canvas定时器动态的更新一个线条 window.onload = function(){ var array1 = [[100,100],[150,50],[200,185],[250,185],[300,250],[350,100],[400,250],[450,100],[500,20],[550,80],[600,120]]; var

2014-11-03 15:41:59 2375

原创每天一个JavaScript实例-canvas画图

每天一个JavaScript实例-canvas画图 .canvas{ width:600px; height:500px; }window.onload = function(){ var imgcanvas = document.getElementById("imgcanvas"); if(imgcanvas.getContext){ var ctx = imgc

2014-11-03 14:16:45 1035

原创每天一个JavaScript实例-点击图片显示大图添加鼠标操作

每天一个JavaScript实例-点击图片显示大图添加鼠标操作 img{padding:5px;width:100px;height:auto;} #outer{ width:100%; height:100%; } .overlay{ background-color:#000; opacity: .7; filter:alpha(opacity=70); po

2014-10-31 16:50:30 1411

原创每天一个JavaScript实例-检测表单数据

每天一个JavaScript实例-检测表单数据 [role="alert"]{ background-color: #fcc; font-weight: bold; padding:5px; border:1px dashed #000; } div{ margin:10px 0; padding:5px; width:400px; background-c

2014-10-31 14:17:47 877

原创每天一个JavaScript实例-tab标签切换

每天一个JavaScript实例-tab标签切换 .tabcontainer{ padding:5px; width:500px; margin:20px; } .tabcontainer ul{ padding:0; margin:0; display:none; } .tabnavigation ul li{ padding:3px; display

2014-10-27 18:32:08 1105

原创每天一个JavaScript实例-点击图片显示大图

每天一个JavaScript实例-点击图片显示大图 img{padding:5px;width:100px;height:auto;} #outer{ width:100%; height:100%; } .overlay{ background-color:#000; opacity: .7; filter:alpha(opacity=70); position

2014-10-27 15:40:29 9758

原创每天一个JavaScript实例-操作元素定位元素

每天一个JavaScript实例-操作元素定位元素 div#a{ width:500px; } div{ border:1px solid #000; padding:10px; } #cursor{ position:absolute; background-color:#ff0; width:20px; height:20px; left:50px;

2014-10-27 11:23:15 952

原创每天一个JavaScript实例-判断图片是否加载完成

每天一个JavaScript实例-判断图片是否加载完成 window.onload= function(){ //clearTimeout(clock); alert("加载完成"); } var item = document.getElementsByTagName("img"); var clock = setTime

2014-10-25 00:53:13 1006

原创每天一个JavaScript实例-获取元素当前高度

每天一个JavaScript实例-获取元素当前高度 #date{width:90%;height:25%;padding:10px;background: red;}window.onload = function(){ var height = getHeight(); console.log(height);}function getHeight(){ var height

2014-10-24 11:09:34 825

原创每天一个JavaScript实例-确定web页面的区域

每天一个JavaScript实例-确定web页面的区域function size(){ var width = 0; var height = 0; if(!window.innerWidth){ width = (document.documentElement.clientWidth ? document.documentElement.clientWidth:document.

2014-10-23 18:46:44 756

原创每天一个JavaScript实例-展示设置和获取CSS样式设置

每天一个JavaScript实例-展示设置和获取CSS样式设置 #date{ width:200px; background-color:lime; }function getStyle(date,cssprop,cssprop2){ //IE if(date.currentStyle){ return date.currentStyle[cssprop]; }els

2014-10-23 16:30:54 792

原创每天一个JavaScript实例-从一个div元素删除一个段落

每天一个JavaScript实例-从一个div元素删除一个段落 p{ padding:20px; margin:10px 0; width:400px; background-color:#eef; }window.onload = function(){ var paras = document.getElementsByTagName("p"); for(var

2014-10-23 11:17:48 778

原创每天一个JavaScript实例-提取所有链接并添加到页面末尾列表

每天一个JavaScript实例-提取所有链接并添加到页面末尾列表window.onload = function(){var links = document.getElementsByTagName("a");//console.log(links);var ul=document.createElement("ul");for(var i = 0;i<links.length;i

2014-10-23 10:50:17 1132

原创每天一个JavaScript实例-动态省份选择城市

每天一个JavaScript实例-动态省份选择城市var citystore = new Array();citystore = [['SD','济南'],['SD','烟台'],['SD','青岛'],['SX','太原'],['BJ','北京'],['HN','海南']];window.onload = function(){ document.getElementById("sta

2014-10-21 18:42:28 1107

原创每天一个JavaScript实例-防止重复表单提交

每天一个JavaScript实例-防止重复表单提交 #refresh{ display: none; width:200px; height:20px; background-color: #ff0; }var inprocess = false;window.onload = function(){ document.forms["picker"].ons

2014-10-21 11:20:23 1022

原创每天一个JavaScript实例-html5拖拽

每天一个JavaScript实例-html5拖拽#drop{ width:300px; height:200px; background-color:#f00; padding:5px; border:2px solid #000; }#item{ width:100px; height:100px; background-color:#ff0; padding

2014-10-19 21:33:52 1006

原创每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置

每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置#info{ width:100px; height:100px; background:red; position:absolute; top:0; left:0; }window.onload = function(){ document.onclick = clickwhere;

2014-10-16 17:49:53 1094

原创每天一个JavaScript实例-使用缓存计算（memoization）来提高应用程序性能

每天一个JavaScript实例-使用缓存计算（memoization）来提高应用程序性能window.onload = function(){ var fibonacci = function(){ var memo = [0,1]; var fib = function(n){ var result = memo[n]; if(typeof resu

2014-10-16 10:25:04 952

原创每天一个JavaScript实例-apply和call的用法

每天一个JavaScript实例-apply和call的用法function Person(name,age){ //定义一个类，人类 this.name=name; //名字 this.age=age; //年龄 this.sayhello=function(){console.log("hello")};} function P

2014-10-15 14:34:00 885

原创每天一个JavaScript实例-递归实现反转数组字符串

每天一个JavaScript实例-递归实现反转数组字符串var func = function(x,indx,str){ return indx == 0 ? str : func(x,--indx,(str +=" " + x[indx]));; }var arr = new Array("apple","banna","orange","apple2","apple3");var

2014-10-14 10:51:19 1431

原创每天一个JavaScript实例-标量参数和数组参数的功能性区别

每天一个JavaScript实例-标量参数和数组参数的功能性区别 window.onload = function(){ var items = new Array('apple','orange','cherry','lime'); var sep = "*"; func(items,sep); console.log(items); console.log(sep);

2014-10-13 19:19:14 921

原创每天一个JavaScript实例-使用循环和分割来替换和删除元素

使用循环和分割来替换和删除元素var arr = new Array("ab","aa","bc","ab","ss","ab","ss","dd","ab","aa","aa","aa");while(arr.indexOf("ab") != -1){ console.log("1"+arr); arr.splice(arr.indexOf("ab"),1,"**"); } con

2014-10-13 15:03:01 841

原创每天一个JavaScript实例-使用带有定时器的函数闭包

每天一个JavaScript实例-使用带有定时器的函数闭包 #redbox{ position:absolute; left:100px; top:100px; width:200px; height:200px; background-color:red; }window.onload = function(){ document.g

2014-09-29 00:35:07 1620

原创每天一个JavaScript实例-UTC日期和时间

每天一个JavaScript实例-UTC日期和时间window.onload = function(){ var aaa = document.getElementById("date"); var dt = new Date(); console.log(dt); aaa.innerHTML = ""+dt+""; var today = new Date(); var ut

2014-09-24 11:15:39 1011

原创每天一个JavaScript实例-去除字符串末尾的空白

每天一个JavaScript实例-去除字符串末尾的空白function white(){var input = document.getElementById("inputid");var lines = input.value.split("\n");var resultString = "";for (var i = 0; i < lines.length; i++){ va

2014-09-22 10:42:07 1204 1

原创每天一个JavaScript实例-处理textarea中的字符成每一行

每天一个JavaScript实例-处理textarea中的字符成每一行 function clicka(){ console.log("aaa"); var aa = document.getElementById("text"); var lines = aa.value.split("\n"); var bbb = document.

2014-09-19 11:26:00 1279

原创每天一个JavaScript实例-分割字符串

//用逗号隔开字符串成数组打印。每天一个JavaScript实例-分割字符串 window.onload = function(){ var keywordList = prompt("输入字符，用","分开"); var arrayList = keywordList.split(",",2); console.log(arr

2014-09-18 17:20:10 1009

[精通CSS：高级Web标准解决方案(第2版)

css清除浮动大全

贪心算法ACM入门经典

空空如也