zoukankan      html  css  js  c++  java
  • 我们访问一个页面的时候都做了什么

    我们访问一个页面的时候都做了什么

    DNS寻址以及IP解析

    webserver背后做的事

    前端页面渲染流程

    浏览器的JS引擎

    WebPageTest分析网站的网络性能

    yahoo军规,通用不一定适合我们

    技术优化出发点--前端

    技术优化出发点--后端

    技术优化出发点--加载方式

            加载方式:同步加载、异步加载、按需加载(网络层和文件顺序的调整都密切相关)

    同步加载:在所有资源都加载完毕之后,一起展示给用户。

    异步加载:加载一部分就展示给用户,不会阻塞。例如:加载60条数据,根据浏览器并行下载数量或同步请求数,一起下载7个,下载完在下载其他文件,直到60条下载完毕。

     同步加载的应用场景:用户信息类的功能性接口写2个,一个是通过模板的方式吐出来,吐到页面,我只要引入这个模块之后;另一个是再写一个异步接口。这样如果喜欢同步的方式用直接在模板变量里读取,这种方式抓包是抓不到的。但是是不会更新的,只有在刷新的时候才会更新,比如改个用户名需要在页面立马更新这就需要异步的请求。第二种方式更灵活。

  • 相关阅读:
    vue组件---动态组件之多标签页面
    vue组件---动态组件&异步组件
    vue组件---插槽
    vue组件---自定义事件
    ES6字符串模板
    vue组件---组件注册
    vue基础---表单输入绑定
    vue基础---事件处理
    从浏览器输入 URL 到页面展示过程
    表单提交type=submit和type=image的区别
  • 原文地址:https://www.cnblogs.com/zuojiayi/p/7473581.html
Copyright © 2011-2022 走看看