在web前端开发中遇到的问题

  • 页面内容多而复杂,怎样保证开发效率

借助符合场景的前端框架,eg.jQ ,MVVM

  • 页面内容多而复杂,项目管理如何去维护

用模块化和组件化的思路来管理,即采用代码管理中分而治之的方法,将复杂的代码结构拆分成多个独立,简单,解耦合的结构或文件管理分开

  • 页面加载内容很多,怎样保证尽快的将网页显示给用户

通过异步方式来处理

  • 怎样限制页面内的图片大小以保证页面快速发展

图片优化处理,使用更高压缩的webp格式图片

  • 对于重复打开的页面,能否让浏览器不再向服务器发起请求

利用文件缓存,浏览器默认支持缓存,对于重复的请求,服务器会返回HTTP的304状态码或者不发送请求

  • 访问过程

  1. 接收用户输入的网址,浏览器对用户输入的url地址进行判断
  2. 调用浏览器引擎中的对应方法,比如WebView中的loadUrl方法分析这个URL地址
  3. 通过DNS解析获取的该网站地址IP地址,查询完后连用浏览器的Cookie,UserAgent等信息向目的IP发出GET请求
  4. 进行HTTP协议对话,浏览器向Web服务器发送报文
  5. 进入网站后台上的Web服务器处理请求,如Apache,Tomcat,node,js
  6. 进入部署好的后端应用,如PHP,JAVA,Python,找到对应点的处理请求逻辑,会读取服务器缓存或查询数据库
  7. 服务器处理请求,并返回响应报文,如果缓存有对应的资源,会与服务器最后的记录进行对比,一致0返回304,否则返回对应的200和对应的内容
  8. 浏览器开始下载HTML文档,或从本地缓存读取内容(304)
  9. 浏览器根据收到的HTMl文件解析结构建立DOM文档树,下载MIME文件(CSS,JS)
  10. 页面开始渲染DOM,CSS,根据规则进行布局和渲染

猜你喜欢

转载自blog.csdn.net/Gbing1228/article/details/88756093