计算机教程

HTTP2特性预览和抓包分析

4. 头信息压缩: HTTP/2 对消息头采用 HPACK 进行压缩传输,能够节省消息头占用的网络的流量。而 HTTP/1.x 每次请求,都会携带大量冗余头信息,浪费了很多带宽资源。 HTTP2对http头建立索引表,相同的头只发送hash table 的index, 同时还用了霍夫曼编码和传统的gzip压缩。 HTTP/2 源自 SPDY/2 SPDY 系列协议由谷歌开发,于 2009 年公开。 […]

减少HTTP请求(大型网站优化技术)

减少HTTP请求之合并图片详解(大型网站优化技术) 2015/11/26 · HTML5 · HTTP 原文出处: Kelly    一、相关知识讲解 看过雅虎的前端优化35条建议,都知道优化前端是有多么重要。页面的加载速度直接影响到用户的体验。80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。 减少组件数必然能够减少页面提交的HT […]

SVG 2D入门6 – 坐标与变换

理解SVG坐标系和变换:视窗,viewBox和preserveAspectRatio 2015/09/23 · HTML5 · SVG 原文出处: SaraSoueidan   译文出处:Blueed(@Ivan_z3)    SVG元素不像HTML元素一样由CSS盒模型管理。这使得我们可以更加灵活定位和变换这些元素-也许一眼看上去不太直观。然而,一旦你理解了SVG坐标系和变换,操纵SVG会非常简 […]

关于 iOS HTTP2.0 的一次学习实践<回顾基础>

ALPN 扩展 HTTP/2 协议本身并没有要求它必须基于 HTTPS(TLS)部署,但是出于以下三个原因,实际使用中,HTTP/2 和 HTTPS 几乎都是捆绑在一起: HTTP 数据明文传输,数据很容易被中间节点窥视或篡改,HTTPS 可以保证数据传输的保密性、完整性和不被冒充; 正因为 HTTPS 传输的数据对中间节点保密,所以它具有更好的连通性。基于 HTTPS 部署的新协议具有更高的连接 […]

HTTP2 Server Push的研究

4,Server Push怎么用。 既然server push这么神奇,那么我们如何使用呢?怎么设置服务器push哪些文件呢? 首先并不是所有的服务器都支持server push,nginx目前还不支持这个特性,可以在nginx的官方博客上得到证实https://www.nginx.com/blog/http2-r7/,但是Apache和nodejs都已经支持了server push这一个特性,需 […]

HTTP/2 头部压缩技术介绍

压缩后的效果 接下来我将使用访问本博客的抓包记录来说明 HTTP/2 头部压缩带来的变化。如何使用 Wireshark 对 HTTPS 网站进行抓包并解密,请看我的这篇文章。 首先直接上图。下图选中的 Stream 是首次访问本站,浏览器发出的请求头: 从图片中可以看到这个 HEADERS 流的长度是 206 个字节,而解码后的头部长度有 451 个字节。由此可见,压缩后的头部大小减少了一半多。 […]

移动端自适应方案

移动端自适应方案 2015/09/14 · JavaScript, 基础技术 · 移动端, 自适应 原文出处: 大搜车前端团队博客    前方依旧高能 ^_^ , 本文主要解决以下问题: 真的需要动态生成viewport吗? 如何自适应? 然后给出主观的最佳实践。 最帅的flex 赶时间戳这里传送门 比较无聊干燥的文章,看前请喝水。 研究样本 手淘 ml.js 天猫首页 手机携程 一个月前去了cs […]

CSS布局奇技淫巧:高度自适应

CSS布局奇技淫巧:高度自适应 2016/11/03 · CSS · 自适应 原文出处: 无双    何为高度自适应? 高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单,在兼容浏览器方面也稍微复杂一些。 布局思路 在IE7+及chrome、firefox等浏览器中,高度 […]

浅谈Web自适应

浅谈Web自适应 2016/07/28 · 基础技术 · 自适应 原文出处: 卖烧烤夫斯基    特别说明:在开始这一切之前,请开发移动界面的工程师们在头部加上下面这条meta: 前言 随着移动设备的普及,移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁,手机厂商繁多,导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难,适配问题在当下显得越 […]

DIV+CSS常用网页布局技巧!

CSS布局奇技淫巧:宽度自适应 2016/11/03 · CSS · 自适应 原文出处: 无双    css这个东西,说难不难,说容易也不容易。我觉得最重要的还是经验的积累,正所谓的不积硅步,无以至千里。这一系列文章讲述几种css特殊布局的实现,也当作为自己做个备忘吧。 首先讲的是三列布局,左右两列宽度固定,中间一列宽度自适应 这个很好实现,左右两列分别左浮动和右浮动并给一个固定宽度,中间不浮动, […]

网页程序迁移至微信小程序web-view详解

返回按钮缺失问题 如果web页面是在第一个页面的话,这时候会有一个问题,小程序的返回按钮就没有了,webview无法使用微信的返回按钮了,这时候只要在webview页面前多加一个跳转页面就好了(第一个页面也可以设置成获取用户权限的页面,不过我感觉这样体验不好,也不是所有页面都要用户获取了权限才可以使用) 最终的页面层级 JavaScript “pages”: [ &#822 […]

连不上网?英国卫报的个性离线页面是这样做的网赌平台哪个信誉好

Service Worker初体验 2016/01/06 · JavaScript · Service Worker 原文出处: AlloyTeam    在2014年,W3C公布了service worker的草案,service worker提供了很多新的能力,使得web app拥有与native app相同的离线体验、消息推送体验。 service worker是一段脚本,与web work […]

使用Service worker实现加速/离线访问静态blog网站

利用 Service worker 创建一个非常简单的离线页面 2016/06/07 · JavaScript · 1 评论 · Service Worker 本文由 伯乐在线 – 刘健超-J.c 翻译,艾凌风 校稿。未经许可,禁止转载! 英文出处:Dean Hume。欢迎加入翻译组。 让我们想像以下情景:我们此时在一辆通往农村的火车上,用移动设备看着一篇很棒的文章。与此同时,当你点击 […]

渐进式Web应用(PWA)网赌平台哪个信誉好:入门教程(下)

使用 Service Worker 做一个 PWA 离线网页应用 2017/10/09 · JavaScript · PWA, Service Worker 原文出处: 人人网FED博客    在上一篇《我是怎样让网站用上HTML5 Manifest》介绍了怎么用Manifest做一个离线网页应用,结果被广大网友吐槽说这个东西已经被deprecated,移出web标准了,现在被Service Wo […]

【网赌平台哪个信誉好】复杂单页应用的数据层设计

复杂单页应用的数据层设计 2017/01/11 · JavaScript · 单页应用 原文出处: 徐飞    很多人看到这个标题的时候,会产生一些怀疑: 什么是“数据层”?前端需要数据层吗? 可以说,绝大部分场景下,前端是不需要数据层的,如果业务场景出现了一些特殊的需求,尤其是为了无刷新,很可能会催生这方面的需要。 我们来看几个场景,再结合场景所产生的一些诉求,探讨可行的实现方式。 RxJS字面 […]

网站地图xml地图