随笔分类 -  javascript tips

摘要:em rem 相对单位: 也可用于设置padding line-height等em相对当前容器的默认字体设置比如,所有浏览器默认字体都是16px,body{ font-size:62.5%}以后即1em=10px; 1.2em=12px 在线转换tool: http://pxtoem.com/em( 阅读全文
posted @ 2016-03-09 12:09 wifix 阅读(259) 评论(0) 推荐(0)
摘要:touch w3c规范草案: touch事件 https://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.htmltouch接口:定义了一个touch事件touch的点(touch point)是一个touch对象,touchList对象是一个 阅读全文
posted @ 2016-03-08 11:47 wifix 阅读(392) 评论(0) 推荐(0)
摘要:1. 2.写了后觉得可以优化下 阅读全文
posted @ 2016-03-04 14:57 wifix 阅读(1713) 评论(0) 推荐(0)
摘要:offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相 阅读全文
posted @ 2016-03-04 13:38 wifix 阅读(602) 评论(0) 推荐(0)
摘要:字符串转jquery对象:var tmp = $('<div>dd</div>').attr('id','bbq'); //用$符包裹起来即可jquery对象转字符串: tmp.html(); // ddtmp[0].outerHTML // <div id="bbq">ddd</div> 阅读全文
posted @ 2016-02-26 12:01 wifix 阅读(1909) 评论(0) 推荐(0)
摘要:这是一个很有意思的地方,很多不了解的人或者初级的js编程者会觉得很不可思议,js都那么强大了,访问剪贴板一个粘贴复制,大概就是一行命令的事情,但是事实如此,js对于访问本地计算机的剪贴板的支持其实是十分滞后的,看起来似乎是一个很小很小的一个功能,其实即使是html5标准里对于剪贴板操作目前也仍处于草... 阅读全文
posted @ 2016-01-24 22:52 wifix 阅读(12997) 评论(0) 推荐(1)
摘要: 阅读全文
posted @ 2016-01-24 18:26 wifix 阅读(949) 评论(0) 推荐(1)
摘要:纯静态页面,不依赖服务器端脚本,从一个静态页面传递给另一个静态页面,大致有这三种实现方案:1.通过url ?后面的参数传 www.xxx.com/xxx.html?key=value&&key2=value2通过js,locaton.search获取2.通过cookiejs设置cookie,另一个页... 阅读全文
posted @ 2016-01-06 16:15 wifix 阅读(3947) 评论(0) 推荐(0)
摘要:1.将js Date对象格式化为指定格式,添加一个原型方法/** * 返回指定format的string * format eg:'yyyy-MM-dd hh:mm:ss' **/Date.prototype.format = function(format) { var o = { ... 阅读全文
posted @ 2015-12-24 11:48 wifix 阅读(25360) 评论(0) 推荐(1)
摘要:(事件阶段)Event PhasesEvent对象在event第一次触发的时候被创建出来,并且一直伴随着事件在DOM结构中流转的整个生命周期。event对象会被作为第一个参数传递给事件监听的回调函数。我们可以通过这个event对象来获取到大量当前事件相关的信息:type (String) — 事件的... 阅读全文
posted @ 2015-10-30 15:27 wifix 阅读(638) 评论(0) 推荐(0)
摘要:2. 默认的监听方式 document.addEventListener('touchstart', function(){ alert('hello'); }, false); 使用jquery时 $(document).on('touchstart', function(e){ var touc 阅读全文
posted @ 2015-10-28 15:06 wifix 阅读(1426) 评论(0) 推荐(0)
摘要:理解javascript的闭包,原型,和匿名函数(自己总结) 一 .>关于闭包 理解闭包 需要的知识1.变量的作用域 note: 函数内部声明变量c时,一定要加上 var,否则 c会成为一个全局变量 所以函数内可见全局变量,函数内的局部变量却对外不可见js的作用域是链式的,父对象里的变量总对子对象可 阅读全文
posted @ 2015-10-17 17:16 wifix 阅读(1384) 评论(0) 推荐(0)
摘要:cookie的存储限制http://www.cnblogs.com/henryhappier/archive/2011/03/03/1969564.html (50条)cookie详解http://blog.csdn.net/fangaoxin/article/details/6952954 (没有... 阅读全文
posted @ 2015-10-15 16:23 wifix 阅读(235) 评论(0) 推荐(0)
摘要:element.addEventListener(, , );document.addEventListener("touchstart", function(){}, true)el.addEventListener('click',function(){},false); addEventLis... 阅读全文
posted @ 2015-10-13 17:40 wifix 阅读(19524) 评论(0) 推荐(0)
摘要:我们见过很多使用jsp ,php,asp的动态网页技术的网站了,我们知道如果一个网站内容更新频率极低,而内容量不是十分庞大时,这样的网站(一次开发完成后不会需要较多的维护成本)的完全可以使用全部使用静态页面来做,此时其实反而可以得到更好的效果(更快的响应时间(省掉了服务器各种拦截器,过滤器,数据库查 阅读全文
posted @ 2015-07-13 12:50 wifix 阅读(4174) 评论(0) 推荐(0)
摘要:浮点数是算不准的,不同的语言环境里有不同的解决方案. 这里列一下我在前端遇到过的情况和对应处理 刚开始我试过一个错误的办法 所以还是寻求其它的处理方式,比如四舍五入,比如扩大倍数后计算后再缩小相应倍数... 我用了一个网友的解决方案,目前测试多次后没有发现类似以上不能容忍的bug.. 参考:http 阅读全文
posted @ 2015-07-13 11:34 wifix 阅读(480) 评论(0) 推荐(0)
摘要:抛物线加入购物车的特效动画(支持ie7以上,移动端表现良好) 1.引用一个极小的jquery插件库 2.启动 设置 起点 终点 和完成后回调函数 1.插件地址 git-hub上的官方主页 https://github.com/amibug/fly 引入具体文件: (function () { var 阅读全文
posted @ 2015-06-18 15:09 wifix 阅读(534) 评论(0) 推荐(0)
摘要:note: 项目使用了bootstrap,当我写这个脚本的时候,我发现一个很诡异的现象,在点击获取按钮的一瞬间按钮消失了 firefox和chrome浏览器里都有那么一瞬间,但是只要稍微触碰任意一下页面元素甚至只是在f12换一个元素审查, 一切正常了 我发现当禁用后的position 变成了rela 阅读全文
posted @ 2015-06-16 19:25 wifix 阅读(437) 评论(0) 推荐(0)
摘要:新手总是时不时会纠结一下 点击事件 我们都知道这些小东西不难 但是偶尔难道不会想想我们可能对这些即使小kiss的问题的认知其实不够清晰 一个认识不清晰的东西使用时 总会有油然而生的不安感 从而用的不放心 不舒坦 何况细节上的处理总是最能表现一个人实际经验是否丰富 技术水平是否可以称为高手的地方 导入 阅读全文
posted @ 2015-06-16 11:53 wifix 阅读(1415) 评论(0) 推荐(0)
摘要:iscroll 可以做的 1,模拟原生的ios 或者android等设备的元素滚动,app里的那种顺滑的滚动,仅仅使用一个轻量的js库实现(甚至更酷炫的视觉感受) 2,手机端流行的下拉刷新,ajax异步加载 无限滚动 视差滚动等 3.同时可以做水平方向上的轮播,手势滑动,借由捕捉dom元素分页显示 阅读全文
posted @ 2015-06-06 18:07 wifix 阅读(1342) 评论(0) 推荐(0)