推荐9个非常有用的开发技巧给Web开发者
来源:互联网 发布:肯尼迪双柱 做丝数据 编辑:程序博客网 时间:2024/05/21 09:13
在这篇文章中,我们将推荐9个非常有用的CSS,HTML和JavaScript开发窍门。如果你也是一个非常热爱前端开发的Web开发人员,那么这几个CSS3和Html5对你肯定非常有用。
1.Html5 placeholder
一个非常有用的脚本创建,用于对字段标签中的占位符和普通的JavaScript之间切换,我知道,你可能会认为这个是多余的,但是如果你想给现代浏览器一个更加敏捷和干净的解决方案,那么你可以使用Html5 placeholder,可以从Franck Maurin获得这个脚本的。
支持的浏览器: Opera 11+, Firefox 9+,Safari 5+,IE 10+
2. font face
该使用些什么,让那些糟糕的网页字体变的更好和独具特色呢?你现在可以使用font-face。有人说,可以使用谷歌的字体服务,但是如果你想自己控制字体,你就使用字体发生器@font-face,在你的Web网页中使用下面的CSS代码。
支持的浏览器:Opera 11+, Firefox 3+, Safari 5,IE6+
3.Box Sizing
这是我近期最喜欢的一个CSS属性了,它可以帮你解决布局问题,例如,当你向textfield里面填充时,那个宽度将会变成textfield的宽度加上padding的宽度,这样的话,布局通常就会被破坏,而且很让人感到苦恼。然而,你只要使用这个属性,类似的问题就会被解决。更多的例子,你可以从CSS Trick Box Sizing上阅读。
支持的浏览器:Opera 8.5+, Firefox 1+, Safari 3, IE8+, Chrome 4+
4.禁止对Textare进行调整
有时,你只想textarea在Safari和Chrome中禁用调整大小功能,使其他浏览器保持一致,下面将教你怎么做:
支持的浏览器:Webkit browser only (Chrome and safari)
5. jQuery.trim()
上次,我一直在寻找一个能去掉空格的函数,却没想到jQuery早已经把这个函数封装成起来了,如果你想去掉字符串前后那些空白字符,这个方法就可以派上用场了。
6. jQuery.inArray()
这是一个与Javascript里面的indexOf()很相似的一个方法。如果你知道PHP,这个方法基本上是做同样的事情,它看起来就像是大海捞针,但一旦被发现,这个方法就会返回一个布尔值true。
7. jQuery的插件模式
这是我最近阅读的最好的一篇文章了,谢谢Doug Avery,他写了一个fire patterns,你可以使用它去写jQuery插件。他们中的每一个都可以进行利与弊方面的比较,最后由你来决定使用哪个更合适。 与此同时,我自己也创建了一个简单的jQuery插件模式,或者你可以阅读我们“10个很棒的jQuery插件技巧”这篇文章。
8. 可扩展的jQuery选择器功能
James Padolsey创建了一些非常使用的jQuery选择器。你可以去他的网站上面进行一次全面的关于可扩展的jQuery选择器功能方面的学习,里面有很多好例子和好的想法,你可以选择一些看看。
这是我最近在项目中经常使用的一个,正则选择器。
9.最有效的方法去压缩和优化PNG图像
它并不是最近刚出来的新方法,但是它帮助我和其他人很多次,所以我决定再次拿出来分享一下以防你们错过。它基本上是通过色调分离来减少png图像的大小,你可以阅读我们的png文件压缩教程。(张红月/编译)
- 推荐9个非常有用的开发技巧给Web开发者
- Web 开发中 9 个有用的提示和技巧
- Web开发中 9 个有用的提示和技巧
- 12个非常有用的Web开发设计在线工具
- 12个非常有用的Web开发设计在线工具
- 12个非常有用的Web开发设计在线工具
- 10个非常有用的CSS技巧
- 10个非常有用的CSS技巧
- 10个非常有用的CSS技巧
- 10个非常有用的CSS技巧
- 非常有用的4个Excel 技巧
- 非常有用的10个谈话技巧
- 10个非常有用的CSS技巧
- 12 个非常有用的 JavaScript 技巧
- 12个非常有用的JavaScript技巧
- 12个非常有用的JavaScript技巧
- 12个非常有用的JavaScript技巧
- 12个非常有用的JavaScript技巧
- 【Cocos2d-x游戏引擎开发笔记(4)】系统动画
- 运营商行业移动信息化解决方案
- linux下git命令行的颜色配置
- 操作系统的Hosts文件的详细介绍与解析(图文)
- HTML5学习站点
- 推荐9个非常有用的开发技巧给Web开发者
- Flume使用-问题总结
- WPF中利用ODBC连接读取MYSQL中的数据
- iOS开发之静态库的制作
- Oracle 存储结构详解
- BestCoder Round #17
- 金融行业移动信息化解决方案
- 【Cocos2d-x游戏引擎开发笔记(5)】自定义动画
- java.lang.VerifyError解决方案 Android