资讯专栏INFORMATION COLUMN

Instagram是如何工作的?(搭配视频更好)

Reducto / 527人阅读

摘要:首先先放一个视频地址传统的页面工作方式优化的目标方法优化的思路不需要一次获取所有的页面,只需要获取部分所需要使用的页面的做法常用的对的处理方式将集中在一个文件里面缺陷页面加载会比较慢合适的处理方式基于,使用模块系统,利用异步加载,引

首先先放一个视频地址:How Instagram.com Works; Pete Hunt

传统的页面工作方式:

优化的目标(方法):


优化的思路:不需要一次获取所有的页面,只需要获取部分所需要使用的页面page

Instagram的做法

常用的对js的处理方式
将js集中在一个文件里面---->缺陷:页面加载会比较慢

合适的处理方式
基于webpack,使用模块系统,利用异步加载,引入这些module

css文件的引入(pete自述是他最讨厌的)
做法与js类似,利用module system引入

css文件引入的问题
类名相同,由于css层叠的原因,会出现解析错误的问题

解决方法:
1)在不同的命名空间使用类名
2)类名需要明确
3)不使用级联的方式
4)不出现类名覆盖(no override)

webpack的使用方法
1)Pete关于介绍webpack使用方法的
2)国内segmentFault关于webpack的介绍

视频感想

没有明白HTML结构是如何加载的,难道是由于每个Instagram用户的界面基本一致,直接在APP中“植入”

css文件异步加载,在无法确定哪一个css文件首先加载情况下,如何保证客户端快速连接服务器的同时,稳定而且美观

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111088.html

相关文章

  • Instagram如何工作?(搭配视频更好)

    摘要:首先先放一个视频地址传统的页面工作方式优化的目标方法优化的思路不需要一次获取所有的页面,只需要获取部分所需要使用的页面的做法常用的对的处理方式将集中在一个文件里面缺陷页面加载会比较慢合适的处理方式基于,使用模块系统,利用异步加载,引 首先先放一个视频地址:How Instagram.com Works; Pete Hunt 传统的页面工作方式: showImg(https://s...

    chenatu 评论0 收藏0
  • 社会地位即服务, Status as a Service (二): 社交网络投资回报率 (ROI)

    摘要:以年轻人为例,他们使用社交媒体的频率最高,也是对投资期限和回报率最为敏感的人群。此外,也不利于网络表情包的传播。在社交网络中,社会资本回报率的梯度,往往可以主导你在不同人群中的市场份额。否则,就会出现社会资本不平等。 本文作者 Eugene Wei 是 Amazon 战略部门的第一位分析师,后来还担任过 Flipboard, Hulu, Oculus 的产品负责人。 原文标题是 ...

    lijy91 评论0 收藏0
  • 纽约蹭饭手册:怎样利用Python和自动化脚本在纽约省钱又省心?

    摘要:会解释怎样使用逻辑回归,随机森林,和自动化脚本,但都不会深入。这使我在纽约地区积累了超过名粉丝,并且仍在快速增长。我收集了个帐户,这些帐户发布了许多关于纽约的优质图片。以下面这两篇帖子为例这两个帖子来自同一个纽约的帐户。 showImg(https://segmentfault.com/img/remote/1460000019393373); 在家做饭不下馆子可以减少开支已经是公开的...

    Xufc 评论0 收藏0
  • Facebook 运行在 AWS 上 1 年成本约为 59.7 亿美元!

    摘要:最近公布了一则消息分别与和签署价值亿和亿美元订单,这使得我们不禁好奇,以如此庞大的规模,能否在之上运行。年,营收为亿美元。将年的营收除以年的服务器总量,那么每服务器营收为万美元。 Facebook 大约在 2004 年成立,随着逐渐成为美国五大科技巨头之一,他们的基础架构也由大学寝室里的一台服务器发展成为遍布...

    zhunjiee 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<