• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
交流空间
博客园    首页    新随笔    联系   管理    订阅  订阅
2013年12月31日
前端网页性能最佳实践
摘要: 你愿意为打开一个网页等待多长时间?我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站,博 客,你的网页响应速度如何呢?在这篇文章中我们来介绍一下提高网页性能的最佳实践,以及相应的问题解决方案,让站长或者即将要成为站长的朋友了解如何去测 试和提高网站响应速度,对自己的网站更有信心。最佳实践最佳实践我们引用的来自yahoo前端性能团队总结的35条黄金定律。原文猛击这里。下面我们分门别类将每条的关键点总结一下。网页内容减少http请求次数减少DNS查询次数避免页面跳转缓存Ajax延迟加载提前加载减少DOM元素数量根据域名划分内容减少iframe数量避免 阅读全文
posted @ 2013-12-31 16:23 月阳 阅读(241) 评论(0) 推荐(0)
DIV使用tabindex获得事件详解 移动div
摘要: 添加 tabindex='-1' 属性;默认:获取不到焦点事件(blur)1可以获取焦点事件(blur)1具体详解:先看:W3C关于onfocus的部分 The onfocus event occurs when an element receives focus either by the pointing device or by tabbing navigation. This attribute may be used with the following elements: A, AREA, LABEL, INPUT, SELECT, TEXTAREA, and BU 阅读全文
posted @ 2013-12-31 16:21 月阳 阅读(2509) 评论(0) 推荐(0)
JavaScript性能优化
摘要: 如今主流浏览器都在比拼JavaScript引擎的执行速度,但最终都会达到一个理论极限,即无限接近编译后程序执行速度。 这种情况下决定程序速度的另一个重要因素就是代码本身。在这里我们会分门别类的介绍JavaScript性能优化的技巧,并提供相应的测试用例,供大家在自己使用的浏览器上验证, 同时会对特定的JavaScript背景知识做一定的介绍。目录变量查找优化变量声明带上var慎用全局变量缓存重复使用的全局变量避免使用with核心语法优化通过原型优化方法定义避开闭包陷阱避免使用属性访问方法避免在循环中使用try-catch使用for代替for…in…遍历数组使用原始操作代替方法调用传递方法取代方 阅读全文
posted @ 2013-12-31 13:42 月阳 阅读(287) 评论(0) 推荐(0)
ocument的createDocumentFragment()方法
摘要: 在《javascript高级程序设计》一书的6.3.5:创建和操作节点一节中,介绍了几种动态创建html节点的方法,其中有以下几种常见方法:· crateAttribute(name): 用指定名称name创建特性节点· createComment(text): 创建带文本text的注释节点· createDocumentFragment(): 创建文档碎片节点· createElement(tagname): 创建标签名为tagname的节点· createTextNode(text): 创建包含文本text的文本节点其中最感兴趣且以前没.. 阅读全文
posted @ 2013-12-31 11:35 月阳 阅读(259) 评论(0) 推荐(0)
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3