【解决】zepto的tap“点透”问题终极解决方案

点击查看原图

zepto点透问题一直是个头疼的问题,此处不具体分析点透产生的原因,仅介绍解决方案。

网上已经有很多解决方案:

方案一:来得很直接github上有个fastclick可以完美解决https://github.com/ftlabs/fastclick
方案二:用touchend代替tap事件并阻止掉touchend的默认行为preventDefault()
方案三:延迟一定的时间(300ms+)来处理事件
...

阅读全文>>

【收藏】Sublime Text全套快捷键


Sublime Text快捷键:

  • Ctrl+Shift+P:打开命令面板
  • Ctrl+P:搜索项目中的文件
  • Ctrl+G:跳转到第几行
  • ……

阅读全文>>

【解决】Chrome动态插入的gif格式的img节点/背景图片无法显示的解决方案



很简单的一个功能,点击Free Download按钮,背景层遮罩,左下角显示一个上下跳的箭头的gif图片。
所以实现起来也方便:

//JS

if($("#down-mask").size()==0){
	var str=
		'<div id="down-mask">'+
		'<div id="mask-gif"></div>'+
...

阅读全文>>

【读书笔记】之Javascript prototype(JS原型)深入理解

最 近比较疑惑这个问题,看过博客、论坛、知乎等关于JS的prototype各种讨论,也仔细阅读了手上几本书关于prototype的介绍,包括 《Javascript语言精髓与编程实践》、《Javascript面向对象编程指南》、《Javascript权威指南》、《Javascript高 级程序设计》、《悟透Javascript》等等。

个人觉得还是《Javascript语言精髓与编程实践》介绍的最为到位,《面向对象指南》介绍得有些含糊:

阅读全文>>

【经验总结】复制内容到剪贴板完美解决方案-Zero Clipboard


点击查看DEMO


很多人在做“复制到剪贴板”功能的时候,几乎都会搜索JS兼容方案解决,但JS兼容方案也都会出现一个问题:

“不那么兼容”

比如在火狐中,会默认禁止用户对剪贴板的访问,js复制的时候直接弹出“您的firefox安全限制限制您进行剪贴板操作,请打开'about:config'将signed.applets.codebase_principal_support'设置为true'之后重...

阅读全文>>

【分享】Switch Case中的经典(经典用法)


    昨天在看JavaScript优化脚本时,其中有一条是使用三元运算符以及switch语句。关于优化代码时,使用Switch Case比If Else要快,这点我们知道,但是三元运算符呢?
    在JavaScript精粹一书中提到,使用三元运算符比使用If Else语句要快。关于原因,书中并没有过多的介绍,我想这大概是...

阅读全文>>

【分享】Javascript之cookie操作


服务器端语言拿cookie时都是直接用封装好的函数,比如PHP 的setcookie() /$_COOKIE,JS没有现成的获取方法,或者说是JS的cookie操作是直接对浏览器中保存的所有cookie进行的一种操作。现把JS cookie的增查删方法都列出来:

<script type="text/javascript"> 

//添加cookie cookie名/值/过期时间
f...

阅读全文>>

【解决】JS跨域操作解决方案



今天在做注册表单时碰到的问题:两个域名下的相同表单都需提交到同台服务器中的数据库存储。

组好数据,AJAX POST提交过去后没有任何数据返回,Firfox的XHR虽然返回200 OK,但POST地址却红色高亮,Chrome直接forbidden了。
于是知道了,跨域操作被阻止了(浏览器的安全策略)。

赶着下班的点弄完,所以用了最简单的跨域方法:JQ的$.getScript方法(原生JS中可以创建Scr...

阅读全文>>

【分享】JS操作iframe里的DOM || contentWindow,contentDocument

JS操作iframe里的DOM

看到断桥残雪对我上一篇日志的回复我也学习了一下JS操作iframe里的dom;主要参考了断桥残雪的《用JavaScript在IE和Firefox下进行iframe的DOM操作》和支付宝UED的《用JS访问操作iframe里的dom》,非常不错的两篇文章。

一、父级窗口操作iframe里的dom

JS操作iframe里的dom可以使用contentWindow属性:

cont...

阅读全文>>

【分享】详解JavaScript中的this

点击查看原图

JavaScript中的this总是让人迷惑,应该是js众所周知的坑之一。 个人也觉得js中的this不是一个好的设计,由于this晚绑定的特性,它可以是全局对象,当前对象,或者…有人甚至因为坑大而不用this。

其实如果完全掌握了this的工作原理,自然就不会走进这些坑。来看下以下这些情况中的this分别会指向什么:

阅读全文>>

1 2 3 4 5

Blogger

  • blogger
  • 天之骄子
  • 职位:研发工程师
    铭言:
    阳光与欢乐同在,
    与我同在
    主页:
    blog.baiwand.com

分类目录

日志归档

主题标签

数据统计

  • 日志:151篇
  • 评论:45条
  • 碎语:264条
  • 引用:0条

链接表

随机日志 »

最新日志 »

最新评论 »

标签云 »

订阅Rss
sitemap