ciyan.com.cn
HTTP/1.1 200 OK 服务器:nginx/0.8.46 访问时间:2012年10月07日 13:34:07 类型:text/html; charset=UTF-8 Transfer-Encoding: chunked 连接:keep-alive 动作:Accept-Encoding 语言环境:PHP/5.2.14 X-Pingback: http://www.nbyum.com/xmlrpc.php 网站编码:UTF-8
首页
内容
RSS
登录
云空间
蓝天是未来的梦!
搜索:
首页
前端应用
热门应用
后端应用
设计相关
随笔
关于
关于CSS3中user-select属性的作用
2012年2月1日 由 gongyy999
2 条评论 »
不知不觉又是好几个月没写博文了。最近在开发一个C/S的软件。说是C/S其实也不全是C/S结构,其中也套了不少的WEB页面,其实也就是一个桌面程序了。 最近程序内嵌了webkit内核,所以在开始过程中,我可以大胆的应用各种HTML5和CSS3的新技术。脱离了对各种浏览器的支持,对于一个前端工作者来说,真的是一大福音啊。 今天就简单的写个关于css3中user-select这个属性。 这个属性是CSS3中新增的一个功能,用来控制内容的可选性。 用法: user-select:值; 值: auto——默认值,用户可以选中元素中的内容 none——用户不能选择元素中的任何内容 text——用户可以选择元素中的文本 element——文本可选,但仅限元素的边界内(只有IE和FF支持) all——在编辑器内,如果双击/上下文点击发生在子元素上,改值的最高级祖先元素将被选中。 -moz-none——firefox私有,元素和子元素的文本将不可选,但是,子元素可以通过text重设回可选。 实例: .demo{ border:1px solid #ccc; background:#f5f5f5; padding:10px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } 提示:你可以先修改部分代码再运行。 效果(试着选中下面的文字): 试着选中这里的文字看看! 目前,只有Gecko和webkit支持该属性,包括基本上所有版本的Firefox/Chrome/Safari,IE10中也将支持该属性。当然,各个浏览器都必须加上私有前缀。Opera尚不支持。 不过在firefox下的解释似乎和webkit的解释有点区别,试着复制“效果”到“目前”之间的内容可以发现,中间不被允许选中的内容在webkit下是会被复制的,但在firefox下就不会。对于可选性这点,似乎webkit更贴切点。
2 Comments so far | Read On »
2 条评论 »
发表在交互体验, 前端应用
Tags: css3 html5 前端
wordpress手机客户端
2011年11月14日 由 gongyy999
2 条评论 »
无意中看到WordPress的手机客户端,通过手机,用URL和帐号登录后就可以通过手机了解博客的最新情况
2 Comments so far | Read On »
2 条评论 »
发表在随笔
Tags: wordpress 客户端 移动
JavaScript本地存储实践(html5的localStorage和ie的userData)
2011年6月20日 由 gongyy999
1条评论 »
本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。 借用网上的一张图来看下目前主流的本地存储方案: Cookie: 在web中得到广泛应用,但局限性非常明显,容量太小,有些站点会因为出于安全的考虑而禁用cookie,cookie没有想象中的那么安全,Cookie 的内容会随着页面请求一并发往服务器。 Flash SharedObject: 使用的是kissy的store模块来调用Flash SharedObject。Flash SharedObject的优点是容量适中,基本上不存在兼容性问题,缺点是要在页面中引入特定的swf和js文件,增加额外负担,处理繁琐;还是有部分机子没有flash运行环境。 Google Gears: Google的离线方案,已经停止更新,官方推荐使用html5的localStorage方案。 User Data: 是微软为IE专门在系统中开辟的一块存储空间,所以说只支持Windows+IE的组合,实际测试在2000(IE5.5)、XP(IE6、IE7),Vista(IE7)下都是可以正常使用的。在XP下,一般位于C:\Documents and Settings\用户名\UserData,有些时候会在C:\Documents and Settings\用户名\Application Data\Microsoft\Internet Explorer\UserData。在Vista下,位于C:\Users\用户名\AppData\Roaming\Microsoft\Internet Explorer\UserData;单个文件的大小限制是128KB,一个域名下总共可以保存1024KB的文件,文件个数应该没有限制。在受限站点里这两个值分别是64KB和640KB,所以如果考虑到各种情况的话,单个文件最好能控制64KB以下。 localStorage: 相对于上述本地存储方案,localStorage有自身的优点:容量大、易用、强大、原生支持;缺点是兼容性差些(chrome, safari, firefox,IE 9,IE8都支持 localStorage,主要是IE8以下版本不支持)、安全性也差些(所以请勿使用localStorage保存敏感信息)。 主要说说localStorage和UserData: UserData 基本语法 :XML: <Prefix: CustomTag id=sID style=”behavior:url(‘#default#userData’)” />HTML: <ELEMENT style=”behavior:url(‘#default#userData’)” id=sID> Script:object.style.behavior = “url(‘#default#userData’)”object.addBehavior (“#default#userData”) 属性:expires 设置或者获取 userData behavior 保存数据的失效日期。XMLDocument [...]
1 Comment so far | Read On »
1条评论 »
发表在前端应用
Tags: localStorage userData 本地存储
HTML5表单的Input类型及HTML5表单的新属性
2011年4月6日 由 gongyy999
3 条评论 »
表单是电子商务网站中最常见的页面,包括注册账户、
© 2010 - 2020 网站综合信息查询 同IP网站查询 相关类似网站查询 网站备案查询网站地图 最新查询 最近更新 优秀网站 热门网站 全部网站 同IP查询 备案查询
2026-02-07 07:47, Process in 0.0053 second.