• DNS

    一、定义DNS 是: 一个使得主机能够查询分布式数据库的应用层协议 一个由分层的 DNS 服务器实现的分布式数据库 (1)DNS 是一个分布式数据库,整个 DNS 系统由分散在世界各地的很多 DNS 服务器组成,每台服务器上都保存了一些数据,可以让我们最终查到主机名对应的 IP。 (2)DNS 是一个应用层协议,发送一个包含所查询主机名的请求,它会返回该主机名对应的 IP。 分布式: 世...
  • 浏览器缓存与304状态码

    总结出现304状态码的条件 不禁止缓存 不检查本地缓存是否过期;或者检查本地缓存、且未过期 响应头有Etag(则下次的请求头中有If-None-Match);或者响应头有Last-Modified(则下次的请求头中有If-Modified-since) 缓存有效 注意:下图中的Etag和Last-Modified之间不存在先后顺序 一、304请求的交互过程假设用户通过浏览器访问某静态资...
  • 投放链接防重定向

    为了防止浏览器进行多次重定向,影响页面性能,投放链接应该以 https 开头,以 ‘/‘ 结尾不用:http://lc.jr.jd.com/finance/fund/fundinvest/investZone使用:https://lc.jr.jd.com/finance/fund/fundinvest/investZone/ 不正确投放链接访问http://lc.jr.jd.com...
  • 浏览器解析url过程

    1. URL的格式协议表示浏览器应当使用的访问方法,包括:”http:””ftp:””file:””mailto:”。比如访问Web服务器使用HTTP协议,访问本地服务器使用FILE协议,访问FTP服务器使用FTP协议。 图1 列举了常见的几种URL,访问自标不同,URL的写法也不同。例如在访问Web服务器和FTP服务器时,URL中包含服务器的域名和要访问的文件的路径名等,而发邮件的URL则...
  • 浏览器输入url后发生了什么

    1. URL解析用户输入的URL(例如 https://www.example.com/index.html)首先被浏览器解析,该过程包括: 提取协议(如HTTP或HTTPS) 主机名(如www.example.com) 端口 路径(如/index.html) 查询参数 锚点 详见: 浏览器解析url过程 2. DNS 查询浏览器需要将域名转换为IP地址,以便进行网络通信。...
  • vue3 依赖注入

    props 逐级透传深层子组件需要较远的祖先组件中的部分数据,使用 props 逐级传递很麻烦: provide(提供)为组件后代提供数据,使用 provide() 函数: 12345<script setup>import { provide } from 'vue';provide(/* 注入名 */'message&#...
  • vue 插槽

    基础插槽内容可以为文本、模版、组件 1234<!-- 父组件 --><FancyButton> Click me! <!-- 插槽内容 --></FancyButton> 1234<!-- 子组件 --><button class="fancy-btn"> <slot></sl...
  • vue3 继承 attributes

    禁用 attributes 继承如果不想一个组件自动继承 attribute,可在组件选项中设置 inheritAttrs: false 12345<script setup>defineOptions({ inheritAttrs: false});</script> 透传进来的 attribute 可在模版的表达式中用 $attrs 访...
  • vue3 组件 v-model

    基础父组件: 123456<CustomInput v-model="searchText" /><!-- 被展开为: --><!-- <CustomInput :model-value="searchText" @update:model-value="newValue => searc...
  • vue3 props & emits

    props注意:props 为单向数据流,从父组件流子组件,所以不应该在子组件中修改 props。 如有需要: 用另一个属性接收该 prop 的初始值; 基于该 prop 定义一个计算属性; 向父组件抛出一个事件。 声明使用字符串数组: 123<script setup>const props = defineProps(['foo']);</scr...
145678