联系我们

致我们终将组件化的Web 2015/11/25 · HTML5 · 1 评论 · 组件化 原文出处: AlloyTeam    这篇文章将从两年前的一次技术争论开始。争论的聚焦就是下图的两个目录分层结构。我说按模块划分好,他说你傻逼啊,当然是按资源划分。  《=》 ”按模块划分“目录结构,把当前模块下的所有逻辑和资源都放一起了,这对于多人独自开发和维护个人模块不是很好吗?当然了,那争论的结果是我乖 […]

01月30日, 2019 01月30日 0

一分钟预览 HTTP2 特性和抓包分析 2016/09/26 · JavaScript · HTTP/2 原文出处: 段隆贤    背景 近年来,http网络请求量日益添加,以下是httparchive统计,从2012-11-01到2016-09-01的请求数量和传输大小的趋势图: 当前大部份客户端&服务端架构的应用程序,都是用http/1.1连接的,现代浏览器与单个域最大连接数,都在4 […]

01月30日, 2019 01月30日 0

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

01月30日, 2019 01月30日 0

xMinYMax 强制统一缩放。 视窗X轴的最小值对齐元素viewBox的<min-x>。 视窗X轴的最大值对齐元素的viewBox的<min-y>+<height>。 把这个类比为backrgound-position: 0% 100%;。   变换矩阵 – matrix       学过图形学的都知道,所有的变换其实都是由矩阵表征的,所以上面的变 […]

01月28日, 2019 01月28日 0

谈谈 HTTP/2 的协议协商机制 2016/04/16 · 基础技术 · HTTP/2 本文作者: 伯乐在线 – JerryQu 。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作者。 文章目录 HTTP Upgrade ALPN 扩展 小结 在过去的几个月里,我写了很多有关 HTTP/2 的文章,也做过好几场相关分享。我在向大家介绍 HTTP/2 的过程中,有一些问题经常会被问到 […]

01月28日, 2019 01月28日 0

2,Server Push是什么。 简单来讲就是当用户的浏览器和服务器在建立链接后,服务器主动将一些资源推送给浏览器并缓存起来,这样当浏览器接下来请求这些资源时就直接从缓存中读取,不会在从服务器上拉了,提升了速率。举一个例子就是: 假如一个页面有3个资源文件index.html,index.css,index.js,当浏览器请求index.html的时候,服务器不仅返回index.html的内容, […]

01月28日, 2019 01月28日 0

HTTP/2 头部压缩技术介绍 2016/04/13 · 基础技术 · HTTP/2 本文作者: 伯乐在线 – JerryQu 。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作者。 我们知道,HTTP/2 协议由两个 RFC 组成:一个是 RFC 7540,描述了 HTTP/2 协议本身;一个是 RFC 7541,描述了 HTTP/2 协议中使用的头部压缩技术。本文将通过实际案例带 […]

01月28日, 2019 01月28日 0

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

01月27日, 2019 01月27日 0

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

01月27日, 2019 01月27日 0

大小之辨-完全自适应 “完全自适应式”是卤煮对越此方案的叫法,由于卤煮现在找不到官方名称,所以暂时就这样叫它。这种解决方案相对前一种来说进步不少,不仅仅宽度实现了自适应,而且界面所有的元素大小和高度都会根据不同分辨率和屏幕宽度的设备来调整元素、字体、图片、高度等属性的值。简单来说就是在不同的屏幕下,你看到的字体和元素高宽度的大小是不一样的。在这里,有人就会说利用的是媒体查询熟悉,根据不同的屏幕宽度 […]

01月27日, 2019 01月27日 0

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

01月27日, 2019 01月27日 0

网页程序迁移至微信小程序web-view详解 2018/08/02 · JavaScript · 小程序 原文出处: NeoPasser    小程序现在越来越流行,但是公司的很多项目都是用网页写的,小程序语法不兼容原生网页,使得旧有项目迁移至小程序代价很高。 小程序之前开放了webview功能,可以说是网页应用的一大福音了,但是微信的webview有一些坑,这篇文章就是列举一下我在开发过程中遇到 […]

01月26日, 2019 01月26日 0

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

01月26日, 2019 01月26日 0

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

01月25日, 2019 01月25日 0

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

01月24日, 2019 01月24日 0
网站地图xml地图