bala001 - 博客园

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

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

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

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

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

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

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

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

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

说一下错误监控的实现，错误监控的正确使用方式，日志如何分等级?

摘要：错误分类运行时错误：这个错误往往是在写代码时造成的。如语法错误、逻辑错误等等，这种错误一般在测试过程中也能够发现资源加载错误：这个错误通常是找不到文件或者是文件加载超时造成的。错误捕获代码错误捕获 try { //运行可能出错的代码 } catch (e) { //捕获错误 } window 阅读全文

posted @ 2021-12-20 09:29 bala001 阅读(130) 评论(0) 推荐(0) 编辑

传输层和网络层分别负责什么，端口在什么层标记？

摘要：传输层 && 网络层传输层位于 OSI 七层模型的正中间层，具有承上启下的核心作用。是负责总体的数据传输和数据控制。提供端到端交换数据以及差错校验的机制，传输层对应用层高三层提供可靠的传输服务，对网络层提供可靠的站点信息。协议有 TCP、UDP 协议，数据包离开网卡后即进入网络层。网络层会基于数阅读全文

posted @ 2021-12-17 15:58 bala001 阅读(949) 评论(0) 推荐(0) 编辑

DOM tree 和 CSS tree 是如何合并成 render tree 的？

摘要：合并原理在 DOM tree 构建的同时，浏览器会构建另一个树结构 render tree(Gecko 中称为 frame tree)。这是由可视化元素按照其显示顺序而组成的树，也是文档的可视化表示。它的作用是按照正确的顺序绘制的内容具体流程 WebKit 的流程展示： DOM: HTML -> 阅读全文

posted @ 2021-12-16 11:16 bala001 阅读(301) 评论(0) 推荐(0) 编辑

浏览器中的网络：29 | HTTP/1：HTTP性能优化

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录谈及浏览器中的网络，就避不开 HTTP。我们知道 HTTP 是浏览器中最重要且使用最多的协议，是浏览器和服务器之间的通信语言，也是互联网的基石。而随着浏览器的发展，HTTP 为了能适应新的形式也在持续进化，我认为学习 HTTP 的最佳途径阅读全文

posted @ 2021-12-16 09:30 bala001 阅读(636) 评论(0) 推荐(0) 编辑

vue的双向绑定的原理是什么？

摘要： vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过ES5提供的Object.defineProperty()方法来劫持(监视)各个属性的setter,getter，在数据变动的时发布消息给订阅者，触发相应的监听回调。并且，由于是在不同的数据上触发同步，可以精确的将变更发送给绑定的视图，而不阅读全文

posted @ 2021-12-15 17:00 bala001 阅读(148) 评论(0) 推荐(0) 编辑

前端题目

摘要：下文章来源于前端宇宙，作者刘小夕，本文只记录原文，并加上个人记录，仅供自学。 1、new 的实现原理是什么？ new 的实现原理： 1. 创建一个空对象，构造函数中的 this 指向这个空对象； 2. 这个新对象被执行 [[原型]] 连接； 3. 执行构造函数方法，将属性和方法添加到 this 应阅读全文

posted @ 2021-12-15 16:49 bala001 阅读(52) 评论(0) 推荐(0) 编辑

七牛(qiniu)使用笔记

摘要：企业级云服务商。专注于以数据为核心的云计算业务图片存储在七牛为例： $ npm install qiniu 使用七牛存储需要合法的授权。授权凭证的签算需要七牛账号下的一对有效的 Access Key 和 Secret Key。这对秘钥获取步骤：注册七牛开通开发者账号登录七牛开发者后台，查看 A 阅读全文

posted @ 2021-12-15 16:49 bala001 阅读(233) 评论(0) 推荐(0) 编辑