七月
27

javaScript 操作COOKIE

javaScript 操作COOKIE
COOKIE,不是说的曲奇饼,吃货走开! 最近用到了在前端需要使用javascript对cookie进行操作,本来想找个现成的代码来用,无奈搜了半天没有找到。 于是自己写了个,也随手分享出来,凑个博客更新。。。。。 1: var COOKIE=(function(){ 2: var cookie=document.cookie||'', 3: subs=cookie.split(';'), 4: cks={}, 5: trim=function(str){ 6: return str.replace(/^\s+|\s+$/g,''); 7: }, 8: getDateString=function(offset){ 9: var date=new Date(); 10:
继续阅读→ 本文标签: , , ,

一月
11

TouchSlider 1.0 – 兼容触摸屏手机与PC的幻灯片

TouchSlider 1.0 - 兼容触摸屏手机与PC的幻灯片
通知:本组件已经于2012年11月30日更新至1.2版本,请移步至《TouchSlider 1.2发布 – 支持宽度不固定幻灯》阅读。 注:应该是不支持IE6的。支持安卓系、iOS苹果机、平板以及PC上的浏览器,包括IE7、IE8等。 触屏手机越来越流行,所以制作网站也要越来越多的考虑手机用户的使用体验。网站上如果有轮换图片的幻灯片(走马灯)之类的功能,就要考虑触屏手机用户的使用体验,而提供他们可以通过手指滑动来切换上一张/下一张的功能,将会是很大的体验提
继续阅读→ 本文标签: , , , , , ,

六月
10

wordpress的微博时间显示方法

wordpress的微博时间显示方法
前段时间大家都热衷于在wordpress上显示“XX小时,XX分钟前”类似的时间显示方式。 我在开发社交媒体连接插件的最新微博功能时,也想将微博的时间显示与新浪微博的显示方式一致。具体的要求如下: 一分钟之内显示“刚刚”;大于一分钟小于一个小时显示“XX分钟之前”;大于一个小时但在当天之内(小于当天24点),显示“今天 XX:XX”,今天之前,但是在今年之内的显示“XX月XX日,XX:XX”,今年以前的显示“XXXXXX月XX日,XX:XX”。 由于要考
继续阅读→ 本文标签: , , , , ,

二月
22

javascript自定义Dialog对话框(alert, confirm, prompt) — (一)

javascript自定义Dialog对话框(alert, confirm, prompt) -- (一)
接触过javascript的同学一定都知道JS里的顶级对象window对象包含三个方法:alert(警告框,确定)、confirm(确认框,确认or取消)、prompt(输入确认框,输入内容and确认or取消),没接触过的你也一定在某个网站被狠狠的弹过。。。。 以alert警告框为例,通过调用window.alert(“消息”)可以在浏览器中弹出一个警告窗口(可省略window,直接使用alert)。但是这个窗口在不同的浏览器、不同的操作系统上,外观却并不相同,更不用说和自己网站的风格相搭配了
继续阅读→ 本文标签: , , , ,

一月
30

终极完美版javascript获取并限制调整图片尺寸

终极完美版javascript获取并限制调整图片尺寸
请参见最新的《 javascript 图片预加载》。====================================== 好久没更新了,再过几十个小时就农历新年了,这篇是今年最后一篇了,提前预祝大家兔年吉祥如意哈。。。。。 之前我写过一篇《【JavaScript温故知新】获取远程图片的尺寸大小》,文中我提供了获取远程图片尺寸(即图片宽度和高度)的方法。在文末我还附加一段代码,是用来调整图片尺寸的。那段代码并没有什么错误,只是由于我没仔细测试,所以当我现在在我的新主题上应用
继续阅读→ 本文标签: , , , ,

一月
19

优化javascript中mouseover和mouseout事件

优化javascript中mouseover和mouseout事件
之前做开发时就遇到了这个问题,表现为: 当为某个容器绑定了 onmouseover 或者onmouseout 事件时,如果这个容器中有其它元素节点,那么鼠标在内部移动时会频繁触发 onmouseover和onmouseout 事件。这有个实例,别人的,可以参考下。 而我想要的效果是:事件仅在鼠标进入/离开元素区域触发一次,当鼠标在元素区域内部移动的时候不会触发。 为什么会出现这个原因呢?其实是因为事件冒泡导致的。当鼠标移上或者移出容器中的子节点时,会分别触发mo
继续阅读→ 本文标签: , , , ,

一月
17

wordpress评论系统的回复、引用二合一

wordpress评论系统的回复、引用二合一
我在前面的时候介绍过引用功能的添加(非jquery方法):《添加引用按钮——轻松打造属于你的WordPress引用回复功能》。 现在我还想再来说一下基于原生JS的回复和引用功能的添加方法,并且是使用监听器绑定事件,不污染DOM节点,力争做到行为与内容分离。 先来看下我的一条评论的结构 可以看到,我是将每条评论放到 li#li-comment-{id} 标签里,然后紧接着有个 div#comment-{id} 的容器,这个容器中就是真正的本条评论的相关内容了。如果这条评论有子
继续阅读→ 本文标签: , , , ,

十二月
05

【转载】优化HTML

【转载】优化HTML
【前言】没有自己动手写些东西,但是看了不少的技术文。特转载一篇有代表性的文章。原文载于[Jeekundo.com], 是作者翻译自老外的一篇文章。[这里也有一篇类似的文章,来自百度泛用户体验博客的一片文章,也可以查看。其文中有些观点我觉得有错误,查看需谨慎] 本文中插入了我自己的一些批注与看法。我只推荐看前半部分,后半部分无很大意思。 为何要保持标签整洁 一团糟的写法 附加的优化方法 激进的优化方法 物极必反 反
继续阅读→ 本文标签: , , , ,

十一月
30

【JavaScript温故知新】获取远程图片的尺寸大小

【JavaScript温故知新】获取远程图片的尺寸大小
请参见最新的《javascript 图片预加载 》 ========================================= 【头题】这又是一篇探讨文。即为我学习中总结,不是教程,不是技术样板,请你抱着怀疑的、挑错的态度来阅读此文。 我早在暑假初的时候写过一篇《我是如何处理文章中图片的》,其实那篇文章中的代码主要是为了限制图片的大小,因为IE对图片的按比例处理支持很不好。比如我对图片限制“max-width:600px”,火狐、chrome等浏览器会按比例缩小图片,而IE这方面较差,往往不是按
继续阅读→ 本文标签: , , ,

十一月
19

【JS温故知新】之——给力的鼠标坐标位置获取

【JS温故知新】之——给力的鼠标坐标位置获取
我不是一个脑子灵光的人,所以学东西忘得快。姑且记录下来,以后方便温故知新。当然,内容中加入了我的一些理解与标注,如有不准之处,还望及时指出,一块提高。 鼠标事件的坐标位置的类型 其实无非就是以下几种 相对于客户端浏览区域的坐标(客户区坐标) 相对于整个文档中的坐标(文档绝对坐标) 相对于屏幕的坐标(屏幕坐标) 相对于触发事件的元素所在的层级关系中最近的具有position相关/绝对定位的容器的坐标 我这里
继续阅读→ 本文标签: , , , , ,