随笔分类 -  WEB前端开发

摘要：article article 字面意思为“文章”。在web页面中表现为独立的内容，如一篇新闻，一篇评论，一段名言，一段联系方式。这其中包括两方面，一为整个页面的主旨内容，另外就是一些辅助内容。 article可以嵌套，即article里面还可以包含article，此时内article应该跟外article有一定的关联性，如同情景二，其中主内容的评论。 1 2 内容标题（选用） 3 内容 ... 阅读全文

摘要：你愿意为打开一个网页等待多长时间？我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站，博客，你的网页响应速度如何呢？在这篇文章中我们来介绍一下提高网页性能的最佳实践，以及相应的问题解决方案，让站长或者即将要成为站长的朋友了解如何去测试和提高网站响应速度，对自己的网站更有信心。最佳实践最佳实践我们引用的来自yahoo前端性能团队总结的35条黄金定律。原文猛击这里。下面我们分门别类将每条的关键点总结一下。网页内容减少http请求次数减少DNS查询次数避免页面跳转缓存Ajax延迟加载提前加载减少DOM元素数量根据域名划分内容减少iframe数量避免40 阅读全文

摘要：转自css88降低网络成本1.最大限度减少HTTP请求数。2.控制网站流量，合并样式图片。3.图片优化压缩处理，无损地减少图片体体积。4.减少CSS文件的体积，合并css样式文件。5.提高客户端渲染速度，尽量不使用占用过多CUP，占用过多内存的代码 如: text-indnt:-9999px 、IE滤镜等6.减少HTML的嵌套，减少无语义代码。 如: 消除浮动等Web内容可访问性 / 兼容性1.电脑浏览器兼容性。2.电脑分辨率兼容性。3.其它屏幕阅读器兼容性。4.语音浏览器兼容性。(暂时没有考虑,关注中,网易新闻有声版 做得不错)5.需要的话打印机兼容性也考虑，要求能准确的打印到需要的信息。H 阅读全文

摘要：为新项目写的一份规范文档, 分享给大家. 我想前端开发过程中, 无论是团队开发, 还是单兵做站, 有一份开发文档做规范, 对开发工作都是很有益的. 本文档由本人编写, 部分意见来源于网络, 以此感谢, 片面及有误的地方, 希望大家指正. 另, 本文档部分规范是为我所在项目组所写, 使用时请根据实际项目需求修改.以下为[WEB前端开发规范文档]正文点此查看WEB版本规范目的为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本 阅读全文

摘要：jQuery Mobile入门教程——主题的使用和定制 阅读全文

摘要：CSS3属性box-shadow使用教程 阅读全文

摘要：jQuery Mobile 入门教程 Mark 阅读全文

摘要：1、Backbone移动实例这是在Safari中运行的一款Backbone移动应用程序。想开始体验移动开发，一个好的出发点就是关注这个应用程序的构建方式。先不妨在你的浏览器中查看该应用程序。相关链接：http://bennolan.com/2010/11/24/backbone-jquery-demo.html2、使用媒体查询来锁定设备你可能会问如何使用CSS来锁定设备(根据屏幕尺寸)。比如说，你想要为iPad设计两列布局、为智能手机设计单列布局。要做到这一点，最佳办法就是使用媒体查询。只要一些简单的媒体查询已到位，你就能迅速让CSS锁定屏幕尺寸。相关链接：http://css-tricks. 阅读全文

摘要：想做个页面用到css3的圆角和阴影效果，但ie浏览器不支持，之前也听说有插件可以实现，周六在网上找到了一个方法，原文如下：但凡是前端工程师，都知道IE6，IE7，IE8不支持、或者不完全支持CSS3的属性。CSS3 有很多很强大、绚丽的效果，比如，圆角，阴影，渐变透明，渐变背景，等等。因为IE6时代，没有什么标准，而因为各种原因，IE6用户几乎不会更新IE版本。让IE6，IE7，IE8支持CSS3效果，有一个思路就是利用 VML 模拟。VML是The Vector Markup Language(矢量可标记语言)，原本是微软自己开发的东西，很强大。也就是说，IE下面，可以用 VML做出圆角 。 阅读全文