那一抹温暖的阳光,是我们永恒的向往。
www.webbar.cn

Web 开发中 9 个有用的提示和技巧Browse:8271

Web 开发中 9 个有用的提示和技巧

1. 使用 html5 的 placeholder 属性 以前我们经常要写不少JavaScript 的代码来实现现在HTML5 的 placeholder 属性的功能,一个输入框在没获取焦点时显示某个提示信息,当获得输入焦点就自动清除提示信息,目前支持该属性的浏览器有:Opera 11+, Firefox 9+, Safari 5+, IE 10+,不过下面提供的代码对于不支持 placeholder 的浏览器也适用:         // jQuery code var i = document.createElement("input"); // Only bind if placeholder isn't natively supported by the browser if (!("placeholder" in i)) { $("input[placeholder]").each(function () { var self = $(this); self....

时间:2014-04-15
分类:CSS , HTML , 前端开发
标签: , ,
评论:0

WEB前端开发规范Browse:6229

WEB前端开发规范

规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档.本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.   基本准则 符合web标准, 语义化html, 结构、表现、行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度.   文件规范 1. html, css, js, image文件均归档至约定的目录中; 2. html文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中, 若界面稿命名为中文, 请重命名与html文件同名, 以方便后端添加 功能时查找对应页面; ...

时间:2014-04-08
标签: ,
评论:0

WEB开发中合理选择图片格式Browse:4998

WEB开发中合理选择图片格式

1.JPEG JPEG格式是一种大小与质量相平衡的压缩图片格式。通俗一点讲,就是:高的压缩比=低的图片质量=小的文件大小。反之,低的压缩比=高的图片质量=大的文件大小。由于JPEG文件无法保持100 %的原始图像的像素数据,所以它不被认为是一种无损图像格式。 用途: 由于这种极其敏感的平衡特性,JPEG非常适合被应用在那些允许轻微失真的像素色彩丰富的图片(照片)场合。反之,JPEG格式图片并不适合做简单色彩(色调少)的图片,比如LOGO,各种小图标(ICONS)。 2.GIF GIF格式,是为使图片能够应用在在线(online)应用程序上所特别开发的图片格式。Gif,有时也被成为“Giff”,是一种无...

时间:2014-04-05
标签:
评论:0

【HTML+CSS基础】Canvas入门Browse:4224

【HTML+CSS基础】Canvas入门

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>html5 canvas</title> <style type="text/css"> body { margin: 0; padding: 0;} div { width: 200px; height: 200px; border: 1px #000 solid;} </style> </head> <body> <canvas id="oCanvas"></canvas> <canvas id="oCanvas1"></canvas> <canvas id="oCanvas2"></canvas> <canvas id="oCanvas3"></canvas> <canvas id="oCanvas4"></canvas> <script type="text/javascript"> /...

时间:2014-04-03
分类:HTML , 前端开发
标签: ,
评论:0

【HTML+CSS基础】HTML5 web储存Browse:4057

【HTML+CSS基础】HTML5 web储存

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5 web储存</title> </head> <div id="box"></div> <body> <script> /** 客户端储存,之前是用cookie储存,但是cookie不适合大量数据 localStorage : 不限时间的储存,关闭浏览器还有 sessionStorage :session储存,关闭浏览器就没有了 */ if(window.localStorage){//支持localStorage if(localStorage.localVal){ localStorage.localVal += 1; }else{ localStorage.localVal = 1; } } if(window.sessionStorage){//支...

时间:2014-04-03
分类:HTML , 前端开发
标签: ,
评论:0

每个Web开发者必备的9个软技能Browse:4313

每个Web开发者必备的9个软技能

对于一份工作,你可能专注于修炼自己的内功,会在不自觉中忽视软技能。硬技能决定你是否能得到工作,而软技能能够表明你是否适合这份工作和适应工作环境等。所有的公司都有属于自己的文化,并努力将这些文化传承下去,所以他们必须确保每一位新员工能够适应这个环境。 许 多硬技能很容易获得并可很快的提高,而软技能由于和你性格等联系紧密,可想要改变他们是一件很困难和缓慢的事情。这里有七个核心的软技能,适用于大多数的 企业,它们不分行业,但作为Web开发者不应该忽视其中的任何一个。但是,有两个软技能不仅有利于Web开发者,还适用于所有的开发者,那就是往往被企业 和员工忽视的:批判...

时间:2014-04-02
标签:
评论:0
Search