• 浏览器缓存知识小结及应用

    浏览器缓存,也就是客户端缓存,既是网页性能优化里面静态资源相关优化的一大利器,也是无数web开发人员在工作过程不可避免的一大问题,所以在产品开发的时候我们总是想办法避免缓存产生,而在产品发布之时又在想策略管理缓存提升网页的访问速度。了解浏览器的缓存命中原理,是开发web应用的基础,本文着眼于此,学习浏览器缓存的相关知识,总结缓存避免和缓存管理的方法,结合具体的场景说明缓存的相关问题。希望能对有需要

    Dec 1, 2017 阅读(94)
    标签: 性能优化
  • 14 个你可能不知道的 JavaScript 调试技巧

    了解你的工具可以极大的帮助你完成任务。尽管 JavaScript 的调试非常麻烦,但在掌握了技巧 (tricks) 的情况下,你依然可以用尽量少的的时间解决这些错误 (errors) 和问题 (bugs) 。我们会列出14个你可能不知道的调试技巧, 但是一旦知道了,你就会迫不及待的想在下次需要调试 JavaScript 代码的时候使用它们!虽然许多技巧也可以用在别的检查工具上,但大部分的技

    Nov 22, 2017 阅读(101)
    标签: 调试技巧
  • 你必须懂得的css清除浮动方法,4种清除浮动方法

    做前端开发我们都不得不使用float浮动属性,但是如果使用了浮动,难免会遇到父级元素不能自适应高度。假设了有三个盒子对象,一个父级里包含了两个子级,父级元素没有设置固定高度,子级一个使用了float:left(左浮动)属性,另外一个子级使用float:right(右浮动)属性,这种情况的话父级元素的高度就必定不能被子内容而撑开。如图:(三个盒子对象)(设置了浮动之后,父级元素不能被撑开)(我们所希

    Nov 19, 2017 阅读(146)
    标签: Css
  • JS实现文章详情页自动生成目录导航树

    很多网站都有根据文章内容,自动提取对应的标题然后组织成文章目录树导航,例如常见的CSDN就实现了目录导航树,如下图实现思路,遍历详情找出 H1 ~ H6标题标签,然后有序的构造成一棵树并显示到页面中。JS代码实现://构造树 function buildTreeData(tree,node){ if(tree.childrens.length == 0){ tr

    Sep 29, 2017 阅读(155)
    标签: Javascript
  • Javascript Date format (js日期格式化)

    ​Javascript 通过原型链对Date(日期)对象进行扩展实现将 Date(日期) 转化为指定格式的String(字符串)类型,代码实现如下:/** * 对Date的扩展,将 Date 转化为指定格式的String

    Jun 23, 2017 阅读(161)
    标签: Javascript
  • AngularJS简单示例——Hello Wolrd

    实现一个 AngularJS简单应用,首先需要搭建开发AngularJS应用环境,搭建开发环境只需AngularJS文件库即可,然后在你的HTML代码中引入文件库。AngularJS文件库获取方式:官网下载:https://angularjs.org/GitHub下载:https://github.com/angular/angular.js/tree/masterCDN地址直接引用:http:/

    May 25, 2017 阅读(206)
  • AngularJS 基本语法特点及使用范围

    AngularJS (官网地址: http://angularjs.org) 是Google公司提供的一套在原有的HTML语言基础之上基于MVC结构进行扩展的JavaScript开发工具。其扩展的目的就是希望能够通过HTML标签构建动态的WEB应用。要实现这样的目的,需要在AngularJS内部利用了两项技术点,一个是数据的双向绑定,另一个是依赖注入。基本语法特点使用双{{}}语法对动态获取的数据

    May 25, 2017 阅读(238)
  • 网页优化——图片优化

    概览尽量减小图片尺寸,以缩减用户等待资源加载的时间。适当地设置图片的格式并进行压缩可以节省大量的数据字节空间。这样可以为那些网络连接较慢的用户节约时间,还可以为有流量套餐限制的用户节省成本。建议您应对所有图片进行基本优化和高级优化。基本优化包括裁剪不必要的区域,将颜色深度降至可接受的最低水平,移除图片评论以及将图片保存为恰当的格式。您可以使用任意图片编辑程序(例如,GIMP)执行基本优化。

    May 23, 2017 阅读(181)
    标签: 性能优化
  • 网页优化——使用浏览器缓存

    概览如果用户会多次访问您的网站,那么静态资源的浏览器缓存可以节省用户的时间。缓存标头应当应用到所有可缓存的静态资源中,而不仅仅是应用到一小部分静态资源(例如,图片)中。可缓存的资源包括JS和CSS文件、图像文件及其他二进制对象文件(媒体文件和PDF文件等)。通常情况下,HTML不是静态资源,默认情况下不应被视为可缓存资源。您应考虑哪些缓存政策适用于您网站的HTML。建议为您的服务器启用浏览

    May 23, 2017 阅读(180)
    标签: 性能优化
  • 网页优化——缩减资源(HTML、CSS和JavaScript)的大小

    当PageSpeed Insights检测到您的某个资源可通过缩减操作来减小其大小时,就会触发此规则。概览缩减资源大小是指删除不必要的字节(例如,多余的空格、换行符和缩进)。压缩HTML、CSS和JavaScript可提高下载、解析和执行的速度。此外,对于CSS和JavaScript,还可通过以下方式进一步缩小文件体积:在对HTML进行适当更新的过程中重命名变量名称,以确保选择器继续运行。

    May 23, 2017 阅读(196)
    标签: 性能优化