bala001 - 博客园

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 阅读(1164) 评论(0) 推荐(0)

浏览器的缓存机制

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

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

浏览器渲染原理及优化

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

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

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

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

posted @ 2022-01-28 13:46 bala001 阅读(201) 评论(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 阅读(108) 评论(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 阅读(1022) 评论(0) 推荐(0)

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

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

posted @ 2021-12-20 16:48 bala001 阅读(616) 评论(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 阅读(1698) 评论(0) 推荐(1)

浏览器的本地存储(2)的WebStorage了解多少

摘要： WebStorage又可以分为localStorege和sessionStorage localStorage 和Cookie异同：相同的一点是：针对一个域名，即在同一个域名下，会存储相同的一段localStorage 区别：容量：localStorage 的容量上限为 5M，相对于 cookie 阅读全文

posted @ 2021-12-20 15:15 bala001 阅读(333) 评论(0) 推荐(1)

浏览器的本地存储(1)的cookie了解多少？

摘要： Cookie最开始被设计出来其实并不是做本地存储的，而是为了弥补http在状态管理上的不足 http协议是一个无状态协议，客户端向服务器发请求，服务器返回响应，这次事件就完成了，但是下次发请求如何让服务端知道客户端是谁呢？在这个需求下就产生了Cookie Cookie本质上就是浏览器里面存储的一个很阅读全文

posted @ 2021-12-20 10:28 bala001 阅读(272) 评论(0) 推荐(0)