这是通过邮件发布的文章

哈哈,发现个新功能
可以直接通过邮件来发布文章啦,这里简单测试一下,线下编辑文章是很舒服的,比线上的编辑器好用太多了~
不过直接通过邮件来写的话,就没有办发定义标签、图片信息了,so~通过邮件只适合记录一些小的段子,大篇幅的还是老老实实的用线上的编辑器吧,或者用wordpress官方的客户端,之前还用过window live writter,这个也还好,只是这个软件已经六年不更新了。。。

这是通过邮件发布的文章

IOS下body绑定click事件的bug

今天在做项目的时候,遇到了一个特别莫名奇妙的问题:
我在写动态创建出来的模块点击事件的时候,经常会用到事件代理,把click事件绑定到body上,然后今天忽然发现,这么绑定事件在ios却没有效果,各种浏览器都不行。

为了消除其他代码的影响,我写了一个超级简单的页面,然而结果还是不行

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style media="screen">
            html,body{height: 100%;width: 100%;position: relative;background-color: green}
        </style>
    </head>
    <body>
        <div style="position:absolute;height:300px;width:300px;background:red;top:100px;left:100px;">

        </div>
        <script type="text/javascript">
            document.body.addEventListener('click',function(e){
                alert(e.target.tagName);
            })
        </script>
    </body>
</html>

经过测试
1.IOS各版本都存在这个bug,包括ihone、ipad、touch
2.IOS下的各种浏览器无一幸免
3.window,document,body 绑定click事件,都不会被触发

这真是莫名其妙的设定。。。

不过还好,屏蔽掉的只是click,touchstart等其他事件还是可以用的
如果需要把事件代理给body处理的话,click是没办法用了,改用touchstart或者模拟的事件tap吧

另外这里介绍一下tap:

click事件在移动端本身是带有300毫秒的延迟的(有的浏览器貌似要有500ms,其实具体多少也不太好测,通常大家都说300,那就300吧),这个问题会导致click事件在移动端相应很慢,如果大量点击交互的话(比如拼图游戏等),用户体验会特别差,为了解决这个问题,于是诞生了这个tap。

tap其实是一个组合事件:一个touchstart+一个touchend事件,tap事件的设定是延迟很小的,完全避免了click在某些场景下存在的延迟问题。

但是,tap的出现,同时又带来了另外一个问题:击穿!就是当一个浮层上有点击关闭这个浮层的效果时,如果我们使用的tap事件,那就会在点下并抬起的瞬间,这个浮层的display直接设置成none,这时候tap事件虽然进行完了,但是300毫秒之后,还有一个click在那等着,这时候浮层关闭了,这个click事件就会被传递给这个复层下面的内容,下面如果是个链接,那页面就会跳转到这个链接所指向的页面~

为了解决tap带来的新bug,我一般会用下面这种办法(tap执行的时候给body设置pointer-events:none,取消掉所有元素的鼠标及触屏行为,500毫秒之后重新设置pointer-events:all):

//阻止击穿
function preThrough(){
	document.body.throughTimer && clearTimeout(document.body.throughTimer);
	document.body.style.pointerEvents = 'none';
	document.body.throughTimer = setTimeout(function(){
		document.body.style.pointerEvents = 'all';
	},500);
}
IOS下body绑定click事件的bug

git常用 命令

查看、添加、提交、删除、找回,重置修改文件

git help <command> # 显示command的help

git show # 显示某次提交的内容 git show $id

git co — <file> # 抛弃工作区修改

git co . # 抛弃工作区修改

git add <file> # 将工作文件修改提交到本地暂存区

git add . # 将所有修改过的工作文件提交暂存区

git rm <file> # 从版本库中删除文件

git rm <file> –cached # 从版本库中删除文件,但不删除文件

git reset <file> # 从暂存区恢复到工作文件

git reset — . # 从暂存区恢复到工作文件

git reset –hard # 恢复最近一次提交过的状态,即放弃上次提交后的所有本次修改

git ci <file> git ci . git ci -a # 将git add, git rm和git ci等操作都合并在一起做

git ci -am “some comments”

git ci –amend # 修改最后一次提交记录

git revert <$id> # 恢复某次提交的状态,恢复动作本身也创建次提交对象

git revert HEAD # 恢复最后一次提交的状态

查看文件diff

git diff <file> # 比较当前文件和暂存区文件差异 git diff

git diff <id1><id1><id2> # 比较两次提交之间的差异

git diff <branch1>..<branch2> # 在两个分支之间比较

git diff –staged # 比较暂存区和版本库差异

git diff –cached # 比较暂存区和版本库差异

git diff –stat # 仅仅比较统计信息

查看提交记录

git log git log <file> # 查看该文件每次提交记录

git log -p <file> # 查看每次详细修改内容的diff

git log -p -2 # 查看最近两次详细修改内容的diff

git log –stat #查看提交统计信息

tig

Mac上可以使用tig代替diff和log,brew install tig

Git 本地分支管理

查看、切换、创建和删除分支

git br -r # 查看远程分支

git br <new_branch> # 创建新的分支

git br -v # 查看各个分支最后提交信息

git br –merged # 查看已经被合并到当前分支的分支

git br –no-merged # 查看尚未被合并到当前分支的分支

git co <branch> # 切换到某个分支

git co -b <new_branch> # 创建新的分支,并且切换过去

git co -b <new_branch> <branch> # 基于branch创建新的new_branch

git co $id # 把某次历史提交记录checkout出来,但无分支信息,切换到其他分支会自动删除

git co $id -b <new_branch> # 把某次历史提交记录checkout出来,创建成一个分支

git br -d <branch> # 删除某个分支

git br -D <branch> # 强制删除某个分支 (未被合并的分支被删除的时候需要强制)

 分支合并和rebase

git merge <branch> # 将branch分支合并到当前分支

git merge origin/master –no-ff # 不要Fast-Foward合并,这样可以生成merge提交

git rebase master <branch> # 将master rebase到branch,相当于: git co <branch> && git rebase master && git co master && git merge <branch>

 Git补丁管理(方便在多台机器上开发同步时用)

git diff > ../sync.patch # 生成补丁

git apply ../sync.patch # 打补丁

git apply –check ../sync.patch #测试补丁能否成功

 Git暂存管理

git stash # 暂存

git stash list # 列所有stash

git stash apply # 恢复暂存的内容

git stash drop # 删除暂存区

Git远程分支管理

git pull # 抓取远程仓库所有分支更新并合并到本地

git pull –no-ff # 抓取远程仓库所有分支更新并合并到本地,不要快进合并

git fetch origin # 抓取远程仓库更新

git merge origin/master # 将远程主分支合并到本地当前分支

git co –track origin/branch # 跟踪某个远程分支创建相应的本地分支

git co -b <local_branch> origin/<remote_branch> # 基于远程分支创建本地分支,功能同上

git push # push所有分支

git push origin master # 将本地主分支推到远程主分支

git push -u origin master # 将本地主分支推到远程(如无远程主分支则创建,用于初始化远程仓库)

git push origin <local_branch> # 创建远程分支, origin是远程仓库名

git push origin <local_branch>:<remote_branch> # 创建远程分支

git push origin :<remote_branch> #先删除本地分支(git br -d <branch>),然后再push删除远程分支

Git远程仓库管理

git remote -v # 查看远程服务器地址和仓库名称

git remote show origin # 查看远程服务器仓库状态

git remote add origin git@ github:robbin/robbin_site.git # 添加远程仓库地址

git remote set-url origin git@ github.com:robbin/robbin_site.git # 设置远程仓库地址(用于修改远程仓库地址) git remote rm <repository> # 删除远程仓库

创建远程仓库

git clone –bare robbin_site robbin_site.git # 用带版本的项目创建纯版本仓库

scp -r my_project.git git@ git.csdn.net:~ # 将纯仓库上传到服务器上

mkdir robbin_site.git && cd robbin_site.git && git –bare init # 在服务器创建纯仓库

git remote add origin git@ github.com:robbin/robbin_site.git # 设置远程仓库地址

git push -u origin master # 客户端首次提交

git push -u origin develop # 首次将本地develop分支提交到远程develop分支,并且track

git remote set-head origin master # 设置远程仓库的HEAD指向master分支

也可以命令设置跟踪远程库和本地库

git branch –set-upstream master origin/master

git branch –set-upstream develop origin/develop

 

文章转载自:http://www.cnblogs.com/cspku/articles/Git_cmds.html

git常用 命令

日常作业——JS篇 写一个简单的tap标签插件

写一个简单的tap标签插件

要求

1.可以用jq

2.实现通过不同参数的传入,可以设置滑动切换、淡入淡出、直接隐藏/显示的切换效果

3.实现通过不同参数的传入,可以设置切换触发的事件(mouseenter/click)

4.推荐文档结构

slider >
taps > tap * n
container > item * n

 

在制作过程中,请思考:jquery中mouseenter和mouseover有什么区别

日常作业——JS篇 写一个简单的tap标签插件

javascript获取地址栏参数的3种方法

本文列举了用javascript获取地址栏参数的三种方法:

方法一:

String.prototype.getQuery = function(name) {  
	var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
	var r = this.substr(this.indexOf("?")+1).match(reg);
	if (r!=null) return unescape(r[2]); return null;
}  
var strHref = "www.eyezip.com/index.htm?a=aaa&b=bbb&c=ccc";
alert(strHref.getQuery("a"));
alert(strHref.getQuery("b"));
alert(strHref.getQuery("c"));

方法二:

function getUrlPara(paraName){  
	var sUrl  =  location.href; 
	var sReg  =  "(?:\?|&){1}"+paraName+"=([^&]*)" 
	var re=new RegExp(sReg,"gi"); 
	re.exec(sUrl); 
	return RegExp.$1; 
} 
//应用实例:test_para.html?a=11&b=22&c=33 
alert(getUrlPara("a")); 
alert(getUrlPara("b")); 

方法三:

function Request(strName){  
	var strHref = "www.eyezip.com/index.htm?a=aaa&b=bbb&c=ccc";
	var intPos = strHref.indexOf("?");
	var strRight = strHref.substr(intPos + 1);
	var arrTmp = strRight.split("&");
	for(var i = 0; i < arrTmp.length; i++) {
		var arrTemp = arrTmp[i].split("=");
		if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
	}  
	return "";
}  
alert(Request("a"));
alert(Request("b"));
alert(Request("c"));
javascript获取地址栏参数的3种方法

这是通过window live writer发布的文章

很久之前找的一个博客客户端工具了,支持目前大多数博客的文章发布,很好用啊~不过遗憾的是,目前最新版本是11年的,这对我这强迫症来说,有点纠结啊~~

下面简单讲一下window live writer+wordpress的配置:

Windows Live Writer,简称WLW,是微软公司开发的免费离线发布博客的桌面软件,你可以借助它轻松发布博客日志到Windows Live Spaces、Sharepoint、WordPress、Google Blogger等常见博客系统程序。

使用Windows Live Writer来写WordPress博客的好处是你可以不必登录到博客后台,而且操作界面简洁、功能强大,支持离线写日志,写好后,连接网络,将日志轻松发送到博客上。

 

live00

下面,浪漫将教大家如何设置Windows Live Writer和你的WordPress博客关联:

首先,到微软官方下载Windows Live Writer的最新版本:点此下载,然后安装程序;

live01

第二部,设置你的Windows Live Writer帐号,步骤如下:

1、选择日志类型,请选择“其它日志服务”项,然后点击“下一步”

live02

2、依次输入你的博客首页网址,WordPress博客后台登录时的用户名和密码,然后点击下一步

live03

3、如果Windows Live Writer无法自动检测你的WordPress设置,请按照下面图示进行设置:

选择日志类型:WordPress 2.5+,相信大家的WordPress版本都在2.5以上吧;

“日志的远程发布URL”中将“http://<hostname>/<wp_path>/xmlrpc.php”的“xmlrpc.php”之前部分替换为你的博客首页网址(URL);

live06

然后点击“下一步”,Windows Live Writer将自动配置关联你的WordPress博客后台。

live04

以上的步骤完成后,你就可以使用Windows Live Writer来撰写你的WordPress博客了。

live07

 

这是通过window live writer发布的文章