前端
tzhennan
这个作者很懒,什么都没留下…
展开
-
pjax
pjax是对ajax + pushState的封装,可以很方便的使用pushState技术点击一个站内的链接的时候, 不是做页面跳转, 而是只是站内页面刷新,刷新页面的同时, 浏览器地址栏位上面的地址也是会更改, 用浏览器的回退功能也能够回退到上一个页面。好处:1、用户体验提升2、减少带宽消耗和服务器消耗.... 官方文档:https://github.com/...原创 2018-04-13 10:20:47 · 218 阅读 · 0 评论 -
web前端性能优化
1、减少http请求,合理设置 HTTP缓存http协议是无状态的应用层协议,意味着每次http请求都需要建立通信链路、进行数据传输,而在服务器端,每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵,减少http请求的数目可有效提高访问性能。 减少http的主要手段是合并CSS、合并javascript、合并图片。将浏览器一次访问需要的javascript和C...原创 2018-04-21 11:07:25 · 123 阅读 · 0 评论 -
HTTP头信息控制缓存
HTTP头信息控制缓存是通过Expires(强缓存)、Cache-control(强缓存)、Last-Modified/If-Modified-Since(协商缓存)、Etag/If-None-Match(协商缓存)实现 1)Expires是http1.0提出的一个表示资源过期时间的header,它描述的是一个绝对时间,由服务器返回,用GMT格式的字符串表示,如:Expires:Thu...原创 2018-04-21 11:27:01 · 418 阅读 · 0 评论 -
图片懒加载(lazyload image)
懒加载介绍:通俗介绍:懒加载怎么个懒法,就是你不想看就不给你看,我也懒得加载出来,懒得去请求。通俗的说就是你不要就不给你,怎么地。举个栗子,比如在进入某个页面的时候,它会有许多的图片,有些图片可能在下面,当我们点进页面但没有滑动下去或没看完整个页面,那么下面的图片就会"没用",加载了也白加载,而且还降低了网页的加载速度。因此用懒加载能当滚动到可视区域时才加载当前的图片。 原理:图片的...原创 2018-04-21 11:36:26 · 561 阅读 · 0 评论 -
gulp 压缩js,css和image
参考链接:https://www.kancloud.cn/thinkphp/gulp-guide/43994 #安装gulpgulp是基于Node.js的前端构建工具,所以首先需要安装nodejs。nodejs安装:http://tzhennan.iteye.com/admin/blogs/2410483 #nodejs安装成功之后,使用npm安装全局gulp$ n...原创 2018-04-21 20:36:36 · 173 阅读 · 0 评论 -
HTML5新特性
1、语义特性(Semantic)HTML5增加了新的内容标签,这些标签带有一定的语义,使搜索引擎爬取你的网站信息更高效。如:<header><footer><nav>.... 2、本地存储特性(OFFLINE & STORAGE)基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 A...原创 2018-05-16 08:24:33 · 221 阅读 · 0 评论