IE下实现placeholder效果的jquery插件

发现ie11都不支持placeholder,这是相当悲剧的。下面贴出一段简单的解决方法: $(document).ready( function () { var doc = document, inputs = doc .getElementsByTagName(‘input’), supportPlaceholder = ‘placeholder’ in doc .createElement(‘input’), placeholder = function ( input) { var text = input.getAttribute(‘placeholder’), defaultValue = input.defaultValue; if (defaultValue == ”) { input.value = text input.setAttribute(“old_color”, input.style.color); input.style.color = “#c0c0c0”; } input.onfocus = function () { this.style.colo…

Continue reading

添加播放器

JW FLV PLAYER 中文文档 使用方法:如果你仅需要播放一个FLV文件[例如“video.flv”],那么只要把“video.flv”和压缩包内的 flvplayer.swf复制到同一个目录内,然后在页面内添加 程序代码 <object type=”application/x-shockwave-flash” width=”400″ height=”220″ wmode=”transparent” data=”flvplayer.swf”> <param name=”movie” value=”flvplayer.swf” /> <param name=”wmode” value=”transparent” /> <object/> “flvplayer.swf”会自动找到同一目录内的“video.flv”播放。也可以在“flvplayer.swf”后添加FLV文件的URL 来进行播放。方法如下: 程序代码 <object type=”application/x-shockwave-flash” width=”400″ he…

Continue reading

shell命令的批量修改文件内容

简单修改: 1,使用sed的打印功能,在执行替换前检查一下 $sed -n ‘/.png/p’ c*.htm 2,没有问题的话,执行替换 $sed -i ‘s/.png/.gif/’ c*.htm 3,如果你在执行替换前想做一个备份(在原文件之后加.bak扩展名) $sed -i.bak ‘s/.png/.gif/’ c2.htm (修改c2.htm的同时,备份修改前的文件为c2.htm.bak文件)   多命令结合修改:   Linux下批量替换多个文件中的字符串的简单方法。用sed命令可以批量替换多个文件中的字符串。 用sed命令可以批量替换多个文件中的字符串。  sed -i “s/原字符串/新字符串/g” `grep 原字符串 -rl 所在目录`(千万注意这个符号,是最左上角那个符号不是单引号) 例如:我要把/test下所有包含abc的文件中的abc替换为def,执行命令:  sed -i “s/oldstring/newstring/g” `grep oldstring -rl /test` [格式为:sed -…

Continue reading

JS 控制VIEWPORT在微信上正常显示

经常在做移动手机网站的时候由于需要在微信平台推广我们不得不去兼容他。在IOS上由于苹果把控的很好,浏览器内核都是统一的。所以自然没有兼容问题。但是安卓就不同了,碎片化的缘故。加上微信的WEBVIEW是定制过的浏览器,导致和原生的效果不同。下面是一个兼容方案。 首先你要设置meta viewport属性。 <meta name=”viewport” content=”width=device-width, target-densityDpi=device-dpi, user-scalable=yes”> 然后再JS代码中设置如下代码 var viewport = document.querySelector(“meta[name=viewport]”); var winWidths=$(window).width(); var densityDpi=640/winWidths; densityDpi= densityDpi>1?300*640*densityDpi/640:densityDpi; if(isWeixin()){ viewport.setAttribute…

Continue reading

在做WEB前端开发时可以借鉴的规范

一、文件命名规范 images  //图片资源,如果项目多人开发里面还需要用子文件夹分开 fonts    //字体资源,一般就是特殊字体嵌入或者图标字体 styles   //CSS文件 – app.css //reset样式,如果项目小直接写在里面,如果多人开发则需要分开如:app.xxx.css – app.a.css – app.b.css scripts //javascripts – jquery.js – app.js //主程序 videos  //视频 sounds //音频 index.html //HTML文件 注:所有文件夹以及文件名都是小写,编码都均采用UTF-8编码 二、书写规范 1.所有HTML标签都必须使用小写。 2.CSS能用id的尽量用id,能复用的要使用class。 3.样式文件要在head标签内,脚本要再底部。 4.如果页面图片量很多,要使用JS脚本按需动态加载。 5.如果要兼容retina屏幕要使用 srcset和-webkit-ima…

Continue reading