国庆佳节,尤大发布了vue2.0的正式版,让人不好好过节啊。
节日回来后,虽然vue官网上的教程还是1.0版本,但2.0是趋势,而且我们使用vue的项目还在开发阶段,现在上车,还来得及。
作为我们使用的第一个正式vue项目,有点试水的感觉,未使用vue-router
,所以,只涉及vue核心语法的升级。
针对项目的实际情况,现总结如下:
http 2.0 前瞻
http 1.0 vs 1.1
最近研究《图解http》一书,收获颇多,现总结一下http 1.0 与 1.1的区别,另参考了网上的资料。
keep-alive
HTTP 1.0规定浏览器与服务器只保持短暂的连接,浏览器的每次请求都需要与服务器建立一个TCP连接,服务器完成请求处理后立即断开TCP连接,服务器不跟踪每个客户也不记录过去的请求。此外,由于大多数网页的流量都比较小,一次TCP连接很少能通过slow-start区,不利于提高带宽利用率。
HTTP 1.1支持长连接(PersistentConnection)和请求的流水线(Pipelining)处理,在一个TCP连接上可以传送多个HTTP请求和响应,减少了建立和关闭连接的消耗和延迟。例如:一个包含有许多图像的网页文件的多个请求和应答可以在一个连接中传输,但每个单独的网页文件的请求和应答仍然需要使用各自的连接。
缓存方面
浏览器渲染机制——转+补充
本来想自己总结来着,结果网上的有篇文章,写的太好了,直接拿过来学习了
Google Web Fundamentals 是一个非常优秀的文档,里面讲到了跟web、浏览器、前端的方方面面。我总结一下其中的 Ilya Grigorik 写的 Critical rendering path 浏览器渲染机制部分的内容如下:
几个概念
大前端兼容性规范——PC
最近开发国际化项目,下个月又要官网818上线,开会跟N多人扯淡。
然后私聊在米国留学的同学
Firefox JS兼容性问题
svg图标库以及与icon font对比
新版官网上线已有一段时间了,这次改版的风格是尽可能的使用图片表达,其中用到了大量的图标。
一般情况下,大量图标出现,前端直接使用 CSS Sprite即可搞定(gulp-css-spriter,这个我们留着以后再讲)。但是这次图标的使用场景有些特殊:
- 1、图标是整站统一的,会跨项目重复使用。
- 2、适配Retina屏。
- 3、同一图标根据不同的使用场景,大小,颜色会有所不同,存在颜色叠加的情况。
基于以上需求,你一定也想到了,做一套属于我们自己的矢量字体图标库是再合适不过了。那么现在问题来了,究竟是使用 SVG font 还是icon font ?为什么最终我们选择了svg font呢?
那么为什么我们要用svg font?