bala001 - 博客园

浏览器中的网络：31 | HTTP/3：甩掉 TCP、TLS 的包袱，构建高效网络

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录前面两篇文章分析了 HTTP/1 和 HTTP/2 ，在 HTTP/2 出现之前，开发者需要采取很多变通的方式来解决 HTTP/1 所存在的问题，不过 HTTP/2 在 2018 年就开始得到了大规模的应用，HTTP/1 中存在的一大堆缺阅读全文

posted @ 2022-03-04 16:38 bala001 阅读(325) 评论(0) 推荐(0) 编辑

webpack 打包工具，loader 和 plugin 是什么，是如何实现的

摘要：参考原文：https://www.jb51.net/article/148719.htm webpack.config.js的常见配置 const webpack = require("webpack") const path = require("path") const HtmlWebpackP 阅读全文

posted @ 2022-02-12 15:35 bala001 阅读(650) 评论(0) 推荐(0) 编辑

Vue 中父子组件的生命周期钩子函数的执行顺序

摘要：参考原文：https://m.html.cn/qa/vue-js/22535.html Vue 中生命周期钩子函数分别做了什么？ beforeCreate执行时：data / el 未初始化，值为undefined created执行时：可得到 data 的值，但根 dom元素 el 还未初始化阅读全文

posted @ 2022-02-11 17:32 bala001 阅读(1030) 评论(0) 推荐(0) 编辑

浏览器的缓存机制

摘要：参考原文：https://zhuanlan.zhihu.com/p/93357692 一、什么是缓存？缓存能减少浏览器请求资源的次数，当第一次请求资源完成后，根据相应的缓存机制，将一些静态资源存储在本地磁盘中，这样下次请求资源的时候，浏览器直接从本地缓存中读取文件，不需要再次发送请求。好处：减阅读全文

posted @ 2022-02-10 09:03 bala001 阅读(414) 评论(0) 推荐(0) 编辑

浏览器渲染原理及优化

摘要：此篇文章后期有时间会进行更详细的补充。一、浏览器访问网页时候，做了这几件事： DNS 解析 TCP 三次握手链接 HTTP 客户端请求和服务端响应客户端渲染二、客户端渲染有以下几步： HTML 代码解析为 DOM ,CSS 代码解析为 CSSOM（CSS Object Model）将 DOM 阅读全文

posted @ 2022-02-05 18:53 bala001 阅读(87) 评论(0) 推荐(0) 编辑

从浏览器输入 url 到页面渲染

摘要：浏览器中输入 url 到页面渲染: 1. 解析url，拿到域名 2. DNS 解析，域名解析。DNS 就是域名和IP对应的数据库，域名和IP之间是一一对应的关系，域名解析有专门的域名解析服务器。整个过程是自动完成的。 DNS 解析会经过以下几个步骤： 1）查询浏览器缓存 2) 如果在浏览器中没有阅读全文

posted @ 2022-01-28 13:46 bala001 阅读(170) 评论(0) 推荐(0) 编辑

2022年前端面试题整理

摘要： 1. 浏览器的缓存机制 2.实现一个简单的路由跳转 router class Router(){ todo } router.register('/user/id') router.match('/user/123') router.push({path: '/user/:id', name:'x 阅读全文

posted @ 2022-01-28 11:39 bala001 阅读(82) 评论(0) 推荐(0) 编辑

flutter 安装 & 启动 --- windows

摘要：一、环境配置 —— 使用镜像由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中： PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_UR 阅读全文

posted @ 2022-01-21 17:28 bala001 阅读(821) 评论(0) 推荐(0) 编辑

浏览器中的网络：30 | HTTP/2：如何提升网络速度？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录上一篇文章聊了 HTTP/1.1 的发展史，虽然 HTTP/1.1 已经做了大量的优化，但是依然存在很多性能瓶颈，依然不能满足我们日益变化的新需求，所以就有了今天要聊的 HTTP/2。本文依然从需求的层面来谈，先分析 HTTP/1.1 阅读全文

posted @ 2021-12-20 16:48 bala001 阅读(516) 评论(0) 推荐(0) 编辑

说一下 vue-router 的原理是什么？

摘要：实现原理：vue-router 的原理就是更新视图而不重新请求页面 vue-router 可以通过 mode 参数设置为三种模式：hash 模式、history 模式、abstract 模式。 hash 模式。默认是 hash 模式，基于浏览器 history api，使用 window.addEv 阅读全文

posted @ 2021-12-20 15:51 bala001 阅读(1644) 评论(0) 推荐(1) 编辑