喵小夕-CSDN博客

转载 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 540

转载 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 380

原创关于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 1138

转载 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 505

原创 js/jquery 实时监听输入框值：oninput & onpropertychange

(1) 先说jquery, 使用 jQuery 库的话，只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了，示例代码：

2014-07-31 16:27:58 2287

转载 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 585

原创 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 864

转载 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 403

转载 javascript性能优化

一．Javascript代码执行效率1. DOM1.1 使用 DocumentFragment 优化多次 append说明：添加多个 dom 元素时，先将元素 append 到 DocumentFragment 中，最后统一将 DocumentFragment 添加到页面。该做法可以减少页面渲染 dom 元素的次数。经 IE 和 Fx 下测试，在 append100

2014-02-11 08:26:38 499

转载设置静态内容缓存时间

对于站点中不经常修改的静态内容（如图片，JS，CSS），可以在服务器中设置expires过期时间，控制浏览器缓存，达到有效减小带宽流量，降低服务器压力的目的。以Nginx服务器为例：location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {#过期时间为30天，#图片文件不怎么更新，过期可以设大一点，#如果频繁更新，则可以设置得小一点。expires

2014-02-10 15:01:56 1435

原创 Sublime Text 2快捷键

Sublime Text 2包含了大量快捷操作，而且还很方便修改和追加自己喜欢的快捷键。查看快捷键的方式也很简单：点击菜单栏：Preferences->Key Bindings –Defaults 即可查看。快捷键：打开/前往Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+R：前往 method

2013-12-10 15:11:31 735

转载浅谈响应式布局

什么叫做响应式布局？也即是响应式Web设计。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，随着现在各种终端的快速发展，做出一些能够适应不同分辨率、不同平台、不同屏幕大小的网页

2013-12-09 12:21:22 530

原创 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 804

转载常用正则表达式

记录一些常用的正则，以备不时之需。匹配中文字符的正则表达式： [\u4e00-\u9fa5]评注：匹配中文还真是个头疼的事，有了这个表达式就好办了匹配双字节字符(包括汉字在内)：[^\x00-\xff]评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）匹配空白行的正则表达式：\n\s*\r评注：可以用来删除空白行匹配HTML

2013-12-06 13:55:47 378

原创 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 459

原创 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 514

原创 CSS面试知识点

偶然发现，公司里多了很多新面孔。在电梯里，总能遇到面容似曾相识却叫不出名字的同事，才后知后觉，貌似又进入了求职高峰期。曾经一起奋战的同事，如今又在另外一片天空追寻自己的梦想，祝福他们，希望所有的程序员都能幸福。回想起去年这个时候，也是在求职的路上磕磕绊绊。去年很不顺，迷信的说法也许是本命年犯太岁。不过幸好，进入了如今的公司，虽然对于现在的公司有很多吐槽点，但是我依然热爱我的岗位和同事们。因

2013-08-14 19:46:31 791 4

转载 HTML特殊字符编码对照表

特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΑΒΒΒΓΓΓΔΔΔΕΕΕΖΖΖΗΗ&

2013-05-21 14:48:18 676

转载响应式网页设计

响应式网页设计，这个概念在国外相当火热。不管是交互设计，视觉，前端开发都投入到这个老意识新概念的技术当中。首先我们看下什么是响应式网页设计。它为用户从他们的电脑切换到iPad、iPhone、黑莓、HTC、平板电脑等等，该网站能自动切换适应的分辨率，图像大小和脚本。换句话说，该网站能自动响应用户的喜好。通俗点说法就是有求必应的网页！它不仅仅是一种趋势，而是一个新的设计解决方案！它有助于解决不

2013-05-16 17:43:16 893

原创解决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 583

icon通过@font-face实现

icon图标通过@font-face实现，使用css3技术，更多图标请参考：http://kudakurage.com/ligature_symbols

2013-09-10

此调查表是针对上个调查表的改变，交互页为“survey-new.html”，静态效果页为“survey-new - 副本.html”，其需求为： 1、点击所需品类时，会出现对应的内容； 2、当没有选中品类时，“已选品类”这个标题不显示，当选中品类时，这个标题显示； 3、对应的内容要隔行换色； 4、因为内容的长短不同，所以根据品类的name来判断使用哪个class名。大体的效果就实现了，具体的就可以交给后台，他们写了接口，就可以根据具体的数据来添加html。其中有些参数需要后台开发来新增加。

2013-09-06

关键字飘红

关键字都显示为红色，很简单的一个效果。将所有关键字放在一个数组里，然后循环数组里的属性，当文字在数组里时，便让它的颜色为红色。

2013-08-30

达到一定距离，会在底部显示

类似显示在底部的广告条。banner当不在可视区域内，会在底部出现，此方法兼容了IE6。

2013-08-30

调查表-根据选项选择要显示的内容

根据要多选按钮来确定显示要填写或选择的信息

2013-08-29

css星星评分效果

星星评分效果。鼠标滑过星星变色，点击时评分成功。

2012-11-01

Jquery Mobile a4 中文手册

做移动设备端网站开发，jquery mobile 已经封装好很多框架，header content footer为主体框架，所有页面可以写在一个文档里，调整标记为id=“page”。这是自适应各种分辨率的，对于安卓和ios的网站开发相当有用。