bala001 - 博客园

vue重学笔记六：vue3.2 使用手册

摘要： vite 构建的应用，vue3.2 版本中最新的语法糖是 <script setup>，自动执行 setup 函数。组件在编译的过程中代码运行的上下文是在 setup() 函数中，所有变量和函数都直接在这里面声明，此时已无需 renturn，其中定义的变量和函数会自动导出，可在 template 模阅读全文

posted @ 2022-06-15 15:40 bala001 阅读(4310) 评论(0) 推荐(0)

vue 重学笔记四：请求 axios & fetch 配置

摘要：上一篇笔记介绍了入口相关的内容，既然入口找到了，也知道是如何实现的了，今天这篇文章就来说下请求相关的内容。目前项目中常用的请求库是 axios 和 fetch。它们两者的区别，可以看下《axios、fetch 和 Ajax 等的区别详解》一文。既然知道了区别，那今天就来看看实际的操阅读全文

posted @ 2022-06-15 15:37 bala001 阅读(1102) 评论(0) 推荐(0)

正则

摘要：前言发现正则是自己的一个弱项，很多时候可以用正则解决的，每次临了都不知道要如何写，要么就总是写错，这里就将一些工作中用到或者碰见的正则整理成册，方便自己以后在用的时候，既可以快速开发，又可以再次学习。记录作用正则验证是否以 http /https 开头 /^(http|https 阅读全文

posted @ 2022-06-08 16:51 bala001 阅读(65) 评论(0) 推荐(0)

结束语

摘要：前言大兵老师的《浏览器的工作原理与实践》一文就到此结束了，非常感谢老师的分享。由于此文并非完全复制老师原文，其中有针对个人做了一些修改。而且，此处的文章并不全，里面的结束篇个人并没有更了，后期在复习的时候，个人还是会进行新一版的更新。所以还是再次建议大家去看看全文。此文老师编写完成阅读全文

posted @ 2022-05-12 15:32 bala001 阅读(244) 评论(0) 推荐(0)

课外加餐：6 | HTTPS：浏览器如何验证数字证书？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在《36 | HTTPS：让数据传输更安全》一文中介绍过： HTTPS 使用了对称和非对称的混合加密方式，这解决了数据传输安全的问题； HTTPS 引入了中间机构 CA，CA 通过给服务器颁发数字证书，解决了浏览器对服务器的信任问题；服阅读全文

posted @ 2022-05-12 14:33 bala001 阅读(1936) 评论(0) 推荐(0)

课外加餐：5 | 性能分析工具：如何分析Performance中的Main指标？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录上节介绍了如何使用 Performance，而且还提到了性能指标面板中的 Main 指标，它详细的记录了渲染主线程上的任务执行记录，通过分析 Main 指标，就能够定位到页面中所存在的性能问题，本节就来介绍如何分析 Main 指标。任务阅读全文

posted @ 2022-05-11 16:29 bala001 阅读(598) 评论(0) 推荐(0)

课外加餐：4 | 页面性能工具：如何使用 Performance？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在分析页面性能时，如果说 Audits 是道开胃菜，那 Performance 才是正餐，之所以这样说，主要是因为 Performance 可以记录站点在运行过程中的性能数据，有了这些性能数据，就可以回放整个页面的执行过程，这样就方便定位阅读全文

posted @ 2022-05-10 16:02 bala001 阅读(1042) 评论(0) 推荐(0)

课外加餐：3 | 加载阶段性能：使用 Audits 来优化 Web 性能

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录作为一名前端工程师，除了需要编写功能性的代码以外，还需要关注 Web 应用的性能问题，我们应该有能力让 Web 应用占用最小的资源，并以最高性能运行，这也是前端工程师进阶的必要能力。既然性能这么重要，那么进来聊聊 Web 性能问题。到底阅读全文

posted @ 2022-04-22 17:44 bala001 阅读(439) 评论(0) 推荐(0)

课外加餐 2 | 任务调度：有了 setTimeOut，为什么还要使用 rAF？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录都知道，要想利用 JS 实现高性能的动画，那就得使用 requestAnimationFrame 这个 API，简称 rAF，那为什么都推荐使用 rAF 而不是 setTimeout 呢？要解释清楚这个问题，就要从渲染进程的任务调度系统阅读全文

posted @ 2022-04-12 17:39 bala001 阅读(475) 评论(0) 推荐(0)

课外加餐：1 | 浏览上下文组：如何计算 Chrome 中渲染进程的个数？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在前面《04 | 导航流程》中讲过，在默认情况下，如果打开一个标签页，那么浏览器会默认为其创建一个渲染进程。不过还介绍了同一站点的概念，如果从一个标签页A 中打开了另一个新标签页B，当新标签页B 和当前标签页A 属于同一站点的话，那么新标阅读全文

posted @ 2022-04-08 15:03 bala001 阅读(304) 评论(0) 推荐(0)

导航

公告