文章列表
daihuimi 于 2年前发表 6672 3 4
学习整理了web缓存的一些策略,如有不正确的地方,欢迎指正。 缓存策略 [http://thumbsnap.com/i/bTOegvzm.png?0809] 浏览器端的缓存规则 对于浏览器端的缓存来讲,这些规则是在 HTTP协议头 和 HTML页面的Meta标签 中定义的。他们分别从 新鲜度 和 校验值 两个维度来规定浏览器是否可以直接使用缓存中的副本,还是需要去源服务器获取更新的版本。 新鲜度(过期机制) :也就是缓存副本有效期。一个缓存副本必须满足以下条件,浏览器会认为它是有效的,足够新的: * 含有完整的过期时间控制头信息(HTTP协议报头),并且仍在有效期内; * 浏览器已经使用过这个缓存副本,并且在一个会话中已经检查过新鲜度 满足以上两个情况的一种,浏览器会直接从缓存中获取副本并渲染。 校验值(验证机制) :服务器返回资源的时候有时在控制头信息带上这个资源的实体标签 Etag(Entity Tag) ,它可以用来作为浏览器再次请求过程的校验标识。如过发现校验标识不匹配,说明资源已经被修改或过期,浏览器需求重新获取资源内容。 一个重要的概念
2年前
HTTP网络
九月 ,这... 于 2年前发表 2189 1 0
随着web的发展,http/1.x 已经很难满足现在的需求,Google 因此开发了 SPDY 作为尝试, http/2 在此基础上应运而生。 此外,Google 已经宣布,2016年移除 Chrome 里对 SPDY 和 NPN 的支持,到此这个实验性的项目也算是功德圆满,可以寿终正寝了,在此不表。 命名 IS IT HTTP/2.0 OR HTTP/2? The Working Group decided to drop the minor version (“.0”) because it has caused a lot of confusion in HTTP/1.x. In other words, the HTTP version only indicates wire compatibility, not feature sets or “marketing.” 参考 http://http2.github.io/faq/#is-it-http20-or-http2 [http://http2.github.io/faq/#is-it-http20-or-http2]
2年前
HTTP网络
helondeng 于 2年前发表 1216 0 1
JPEG有两种存储格式:baseline 和 progressive。Baseline JPEG 会在数据可用时, 一行一行自上而下 显示。Progressive JPEG会 先显示模糊图片,然后逐渐清晰 。 01-02_baseline_vs_progressive [https://cloud.githubusercontent.com/assets/3880323/7693875/e38c96d2-fe0a-11e4-9fc9-5a116df51920.jpg] 浏览器渲染 Progressive JPEG在所有浏览器都会显示,这里的关注点是如何渲染。 qq 20150518145212 [https://cloud.githubusercontent.com/assets/3880323/7693874/df6d4236-fe0a-11e4-9c1a-d4e7fe93996e.png] Chrome + Firefox + IE9 下 Progressive JPEG 加载很快。 对比
2年前
HTTP网络
李冬冬 于 2年前发表 3351 0 0
简单来说就是一个运行在node上的webkit内核,支持DOM渲染,css选择器,Canvas,SVG等,在浏览器上能做的事情,理论上,phantomjs 都能模拟做到。 PHANTOMJS 使用场景: 页面自动化测试: 无需浏览器的情况下进行快速的Web测试,且支持很多测试框架,如YUI Test、Jasmine、WebDriver、Capybara、QUnit、Mocha等。 网页监控: 定期打开页面,检查网站是否正常加载,加载结果是否符合预期等 页面截图: 以编程方式抓起CSS、SVG和Canvas等页面内容 网络爬虫: 抓取网络页面 #start 在官网直接下载phantomjs。windows环境直接下载exe文件,解压,运行 http://phantomjs.org/download.html [http://phantomjs.org/download.html] #来个截图小demo 由于phantomjs相当于一个没有UI的浏览器,可以抓取url下的所有内容,并渲染。因此,网络截图,对于phantomjs来说,就不费劲了。
2年前
HTTP网络
helondeng 于 2年前发表 17037 4 0
Vue.js 是一个基于 MVVM 模型的 web 库。通过双向数据绑定连接View和Model层。实际的 DOM 操作被封装成 Directives 和 Filters 。 基本定义 每个Vue对象的实例是一个ViewModel。创建方式: var vue = new Vue({ el: view, data: model }); 其中 vue.$el 用于管理 View 层上的 DOM 。而 vue.$data 用于管理 Model 层的数据,可以通过 vue.$data.property 访问 Model 层数据,也可以直接 vue.property 访问。 HELLO WORLD 入门 <div id="example" <h1{{ title }}</h1 <ul <li v-repeat='todo:todoList'{{ todo | uppercase }}</li </ul </div// 对应 jsvar demo = new Vue({ el: '#example', data: {
2年前
HTTP网络
moonye 于 2年前发表 3349 4 0
##概念 域名系统(英文:Domain Name System,缩写:DNS)是因特网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库,能够使人更方便的访问互联网。DNS 使用TCP和UDP端口53。当前,对于每一级域名长度的限制是63个字符,域名总长度则不能超过253个字符。 正向解析:从域名到ip的转换 反向解析:从ip到域名的转换 * 根域 就是一个".", 就是我们的网址,比如 www.example.com [http://www.example.com] ,实际是" www.example.com [http://www.example.com] .", 最后是有一个点的。当然一般是被我们忽略了的。 全球共有504个根域服务器,分为13组。
2年前
HTTP网络
黎腾 ,如果sea能带走我的哀愁 于 2年前发表 1388 1 0
下面是我自己在工作中学到的一些简单的技巧和策略,希望能对各位有用。 1.橡皮鸭调试法 不知道各位有没有这样的经历,当你正在给别人描述问题的时候,突然灵机一动想到了解决方案?这种情况的产生是有科学依据的。高谈阔论能让我们的大脑重新 有条理地组织问题。在这种情况下,你的聊天对象就是“橡皮鸭”。团队中的每个人都应该积极主动乐意地成为彼此的“橡皮鸭”。有时候,如果你幸运的话,你的 “橡皮鸭”搞不好还能给出有效的建议呢。 2.快速信息反馈 一旦写好代码就要尽快得到反馈。当你和我们在HubSpot一样,收到大量的Pull请求,不妨做些细微的改动,然后立马打开PR,讨论设计和代码。和你的“橡皮鸭”交流一下,请他们提点建议。要知道,迭代原型可远比纠正成品要节约成本。 有的团队结构,最初可能并不要求写代码。因为实体模型、白板设计等等,这些成本都比一下子删改上千行代码的成本要低。 3.首先搞定端至端 当我们在解决问题和完成功能时,很容易深入到细节问题的研究。这里有一个好方法,能让我们尽快搞定端至端。
2年前
HTTP网络
黎腾 ,如果sea能带走我的哀愁 于 2年前发表 1278 0 0
[http://img.mukewang.com/53a106b20001727a05000261.jpg] 慕客访谈 ▪ 第二期 本期人物:Bruce 设计总监 在IT行业,有一群人,他们最懂美与艺术,也最懂得如何能给用户带来极致的视觉体验,从美工到设计,他们是IT行业里不可或缺的成员。本期的采访对象Bruce是一名80后设计总监,油画系毕业,从广告公司到互联网公司,从业12年,没有疲惫感,仍然对他的职业充满兴趣。 如今稳稳地掌控全局,做新人的“导师”,自己入行时却有一段艰辛的“偷艺”经历。采访中,他讲述了自己的经历,也给设计新人提出了很多中肯的建议,他直言做设计需要“眼高手低”,也告诫新人做设计的秘诀只有两个字:吃苦。 对于自己的leader身份,他则说:如果把自己当成领导是很“二”的行为,作为团队的leader,责任就是让新人成长起来。 导读: 入行篇——心高气傲与“脸皮厚” 经验篇—— “眼高手低”与“能吃苦” 工作篇——领导方式与成就感 个人篇——长发与艺术 [http://img.mukewang.com/53a10b1b00019f8504500490.jpg]
转载自www.imooc.com
2年前
HTTP网络
黎腾 ,如果sea能带走我的哀愁 于 2年前发表 1359 1 0
Application Cache [https://developers.whatwg.org/offline.html] , also known as AppCache, has been a pretty hot topic with web developers these days. AppCache enables you to allow your website visitors to browse your website when they are offline. You can even store parts of your website, such as images, stylesheets, or web-fonts in the cache on a user’s computer. This can help your website load faster and hence reduces load on your server.
2年前
HTTP网络
黎腾 ,如果sea能带走我的哀愁 于 2年前发表 2157 1 1
一.简介 Processing.js作者是John Resig,这是继Jquery之后,他的第二个力作。 Processing.js提供了教学可视化的编程语言及运行环境。通过编写processing程序,教师可以将复杂的物理、化学、数学原理形象的展示给学生。比如绘制各种曲线图,波线,粒子,绘制分子结构,当然在生理卫生课上还可以绘制一群小蝌蚪在游泳等动态的图形。 Processing.js是一个开放的编程语言,在不使用Flash或Java小程序的前提下, 可以实现程序图像、动画和互动的应用。 Processing.js使用JavaScript绘制形状sharp和操作HTML5 canvas元素产生图像动画。 Processing.js是轻量,易于了解掌握,并提出一个理想的工具,可视化的数据,创建用户界面和开发基于Web的游戏。 二.核心函数 // Global variables &#x5168;&#x5C40;&#x53D8;&#x91CF; int radius = 50.0; int X, Y; int nX, nY; int delay = 16;
2年前
HTTP网络