- 博客(20)
- 资源 (7)
- 收藏
- 关注
转载 html5手机网站需要加的那些meta/link标签,html5 meta全解
一、大众机型常用meta标签name的设置1、name之viewport说明:屏幕的缩放content的几个属性: width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值,大部分的安卓手机不支持,但是ios支持; height – viewport 的高度 (
2015-05-07 17:08:16 572
转载 js用来区别IE与其他浏览器及IE6-8之间的方法
if (document.all){ alert(”IE浏览器”); }else{ alert(”非IE浏览器”); } if (!!window.ActiveXObject){ alert(”IE浏览器”); }else{ alert(”非IE浏览器”); } var isIE=!!window.ActiveXObject; var isIE6=isIE&&!wi
2015-01-29 11:41:03 396
原创 关于hash和ico的一些关联
近期测试提出一个bug,说某几个页面中的ico不显示,于是针对此问题排查原因。首先,确保页面中的link已引入favicon.ico。经查看,发现是js中的location.hash导致了ico不显示。原因是在ico未加载完毕时设置了location.hash从而导致ico不显示。location.hash在项目中经常用到,用于url定位,例如http://h.liepin.com/#jo
2014-09-02 17:55:55 1156
转载 Sublime Text 2 设置文件详解
// While you can edit this file, it's best to put your changes in // "User/Preferences.sublime-settings", which overrides the settings in here. // // Settings may also be placed in file type specif
2014-08-27 17:45:06 519
原创 js/jquery 实时监听输入框值:oninput & onpropertychange
(1) 先说jquery, 使用 jQuery 库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了,示例代码:
2014-07-31 16:27:58 2304
转载 CSS强制英文、中文换行与不换行 强制英文换行
1. word-break:break-all;只对英文起作用,以字母作为换行依据2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据3. white-space:pre-wrap; 只对中文起作用,强制换行4. white-space:nowrap; 强制不换行,都起作用5. white-space:nowrap; overflow:hidden; tex
2014-06-12 11:41:26 604
原创 Javascript毫秒数
毫秒数是指指定的日期和时间距 1970 年 1 月 1 日午夜(GMT 时间)之间的毫秒数。1、当前系统时间的毫秒数var myData = new Date();var times = myData.getTime();//当前时间的毫秒数2、制定时间的毫秒数var time = "2014-02-27 11:50:21";var times = Date.parse(new
2014-02-28 09:45:14 900
转载 Javascript 多浏览器兼容性问题及解决方案
一、document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName"];Firefox 下,只能使用document.formName.elements["elementName"]。 解
2014-02-11 08:30:18 417
转载 javascript性能优化
一.Javascript代码执行效率1. DOM1.1 使用 DocumentFragment 优化多次 append说明:添加多个 dom 元素时,先将元素 append 到 DocumentFragment 中,最后统一将 DocumentFragment 添加到页面。该做法可以减少页面渲染 dom 元素的次数。经 IE 和 Fx 下测试,在 append100
2014-02-11 08:26:38 511
转载 设置静态内容缓存时间
对于站点中不经常修改的静态内容(如图片,JS,CSS),可以在服务器中设置expires过期时间,控制浏览器缓存,达到有效减小带宽流量,降低服务器压力的目的。以Nginx服务器为例:location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {#过期时间为30天,#图片文件不怎么更新,过期可以设大一点,#如果频繁更新,则可以设置得小一点。expires
2014-02-10 15:01:56 1474
原创 Sublime Text 2快捷键
Sublime Text 2包含了大量快捷操作,而且还很方便修改和追加自己喜欢的快捷键。查看快捷键的方式也很简单: 点击菜单栏:Preferences->Key Bindings –Defaults 即可查看。快捷键:打开/前往Ctrl+P:搜索项目中的文件Ctrl+G:跳转到第几行Ctrl+R:前往 method
2013-12-10 15:11:31 748
转载 浅谈响应式布局
什么叫做响应式布局?也即是响应式Web设计。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,随着现在各种终端的快速发展,做出一些能够适应不同分辨率、不同平台、不同屏幕大小的网页
2013-12-09 12:21:22 545
原创 JS判断移动端访问设备并解析对应CSS
JS判断不同web访问环境,主要针对移动设备,提供相对应的解析方案(判断设备代码直接copy腾讯网的)// 判断是否为移动端运行环境if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|
2013-12-06 15:25:15 837
转载 常用正则表达式
记录一些常用的正则,以备不时之需。匹配中文字符的正则表达式: [\u4e00-\u9fa5]评注:匹配中文还真是个头疼的事,有了这个表达式就好办了匹配双字节字符(包括汉字在内):[^\x00-\xff]评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)匹配空白行的正则表达式:\n\s*\r评注:可以用来删除空白行匹配HTML
2013-12-06 13:55:47 394
原创 jquery操作select
jQuery获取Select选择的Text和Value: 语法解释:1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text(); //获取Select
2013-08-28 09:36:06 478
原创 jquery操作复选框checkbox
jquery判断checked的三种方法:$("input").attr(‘checked’); //版本1.6+返回:”checked”或”undefined” ,1.5-返回:true或false$("input").prop(‘checked’); //16+:true/false$("input").is(‘:checked’); //所有版本:true/false
2013-08-27 22:07:12 526
原创 CSS面试知识点
偶然发现,公司里多了很多新面孔。在电梯里,总能遇到面容似曾相识却叫不出名字的同事,才后知后觉,貌似又进入了求职高峰期。曾经一起奋战的同事,如今又在另外一片天空追寻自己的梦想,祝福他们,希望所有的程序员都能幸福。回想起去年这个时候,也是在求职的路上磕磕绊绊。去年很不顺,迷信的说法也许是本命年犯太岁。不过幸好,进入了如今的公司,虽然对于现在的公司有很多吐槽点,但是我依然热爱我的岗位和同事们。因
2013-08-14 19:46:31 899 4
转载 HTML特殊字符编码对照表
特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΑΒΒΒΓΓΓΔΔΔΕΕΕΖΖΖΗΗ&
2013-05-21 14:48:18 692
转载 响应式网页设计
响应式网页设计,这个概念在国外相当火热。不管是交互设计,视觉,前端开发都投入到这个老意识新概念的技术当中。首先我们看下什么是响应式网页设计。它为用户从他们的电脑切换到iPad、iPhone、黑莓、HTC、平板电脑等等,该网站能自动切换适应的分辨率,图像大小和脚本。换句话说,该网站能自动响应用户的喜好。通俗点说法就是有求必应的网页!它不仅仅是一种趋势,而是一个新的设计解决方案!它有助于解决不
2013-05-16 17:43:16 923
原创 解决IE6不支持positionfixed的bug
在网站中经常用到“回到顶部”或者悬浮在两侧的类似效果,达到这种效果需要用到固定定位,即position:fixed;,但是IE6并不支持这个属性值,因此要相对于ie6进行兼容性调整。现将demo奉上:左侧居顶部悬浮右侧居底部悬浮其css为:.left{display:inline-block; zoom:1; *display:inline; position:fixed; to
2013-05-13 09:03:37 598
icon通过@font-face实现
2013-09-10
调查表,根据不同的选项来显示相对应的内容
2013-09-06
Jquery Mobile a4 中文手册
2012-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人