摘要: 阅读全文
posted @ 2014-01-14 16:05 sony静 阅读(628) 评论(0) 推荐(0) 编辑
摘要: 序一(08/07/21)很久之前就在一个网站的截取相片的功能中看到这个效果,也叫图片裁剪、图片剪切(设置一下也可以做出放大镜等类似的效果)。当时觉得很神奇,碍于水平有限,没做出来。前些日子突然想做一个透镜效果,就突然想到了这个效果,于是找出当年“珍藏”的代码决定一尝所愿。序二(08/12/06)自上一个版本的图片切割效果出来后,虽然也经常看到“框架开发这个如何如何容易”之类的评论,但也受到很多人的肯定,小弟在此感谢大家的支持。上一个版本由于是初次接触这类效果,而且是三个大功能一起开发,能力所限,所以仅仅是实现了效果就完成了。后来我知道这个效果叫ImageCropper,找了些这类效果参考,完善 阅读全文
posted @ 2013-12-26 15:04 sony静 阅读(333) 评论(0) 推荐(0) 编辑
摘要: Javascript颜色渐变效果颜色渐变效果菜单菜单菜单菜单菜单 阅读全文
posted @ 2013-12-26 15:02 sony静 阅读(539) 评论(0) 推荐(0) 编辑
摘要: 1. 前言在开发面向现代智能手机的移动Web应用的时候,无法避免一个事实,就是需要开发单页应用(Single Page WebApp)。对于不同的系统需求,单页应用的粒度会不同,可能是整个系统都使用一个页面装载,也可能是按模块分为独立页面装载。在开发单页应用时第一 个要处理的问题就是页面结构化,由于多个功能集中在一个页面呈现,就必然需要考虑如何实现多个视图布局?如何实现视图之间动画切换?等问题。下面我就来讲述下手机搜狐前端团队在单页应用开发的页面结构化上做过的一些尝试与努力。2. 页面视图在讲页面结构化之前需要先理解视图的概念,视图是单页应用开发中最常见的模块,通常在一个单页应用中,会有多个视 阅读全文
posted @ 2013-12-25 15:23 sony静 阅读(293) 评论(0) 推荐(0) 编辑
摘要: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">无标题文档123 阅读全文
posted @ 2013-12-24 15:14 sony静 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 还能输入140 字function maxLimit(){var num=$(this).val().substr(0,140);var $num2=$(this).val().length;var $tnum=140-$num2;$(this).val(num);$(this).next().children("span").text($tnum);};$("#commentBox textarea").keyup(maxLimit); 阅读全文
posted @ 2013-12-24 13:22 sony静 阅读(161) 评论(0) 推荐(0) 编辑
摘要: HACK原理:不同浏览器对各中字符的识别不同在 CSS中常用特殊字符识别表:(1)*:IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important: 除IE6不能识别!important外,FF+IE8+IE7都能识别!important ;(3)_: 除IE6支持_外,FF+IE8+IE7都不支持_;(4)\9:所有IE浏览器都识别(IE6、IE7、IE8、IE9)示例:(1)区别FF(IE8)与IE6 IE7backgorund:orange;FF和IE8背景色将为橘黄色*backgorund:red;IE6和IE7背景色将为红色(2)区别FF(IE8)与I 阅读全文
posted @ 2013-12-17 11:30 sony静 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 1、将浏览器兼容代码标明信息并相互分开 对一名Web开发者来说,跨浏览器兼容是一个被重点关注的问题。通常,开发者会针对不同的浏览器来编码,也即是CSS hack。但是,如果开发者在编码时,能注明代码为哪一个版本的浏览器所写,会为以后的维护工作带来极大方便。下面就是一个很好的示例:12345678910 2、避免过度注释 作为一名开发者,在代码中添加注释是一个好习惯,能方便理解并易于维护。这在其它编程语言如PHP、JAVA 和 C#里很普遍。但是,HTML/XHTML是文本标记语言,非常容易理解。因此,无需为每行代码都添加注释。 阅读全文
posted @ 2013-12-12 09:22 sony静 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 什么是正则表达式?这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法:var reg = /pattern/;复制代码第二种方法:var reg = newRegExp('pattern');复制代码正则表达式的exec方法简介语法:reg.exec(str);复制代码其中str为要执行正则表达式的目标字符串。例如:复制代码将会输出test,因为正则表达式reg会匹配str(‘testString’)中的’test’子字符串,并且将其返回。我们使用下面的函数来做匹配正则的练 阅读全文
posted @ 2013-12-09 17:19 sony静 阅读(178) 评论(0) 推荐(0) 编辑
摘要: (转)CSS3 @font-facehttp://www.fontsquirrel.com/fontface@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使用,能让自己的页面也支持这样的自定义字体,一句话这些都 阅读全文
posted @ 2013-12-03 16:22 sony静 阅读(172) 评论(0) 推荐(0) 编辑