地址中输入URL回车后发生了什么 步骤【DNS解析】 查找浏览器DNS缓存 查找系统HOST文件 DNS查询 主机和本地域名服务器之间使用递归查询,本地域名服务器要负责一直到查询得出结果 本地域名服务器和其他服务器之间的使用迭代查询,域名服务器会告诉本地服务器下一次去询问谁,防止单台域名服务器压力过大 DNS请求使用UDP协议,如果请求失败则使用TCP重试 1. 本地DNS服务器查找自己缓存 2. 本地DNS服务器向【根 2022-02-24 #面试
graphql新手包 GraphQlGraphQL是一个旨在简化前端和后端之间通信的规范。它主要由服务端的 schema 语言和客户端的查询语言组成。【_查询语法和 schema 语法几乎是相等的_】。 gql的 api 需要完整描述期望返回的数据,相对于RestFul API减少了数据的冗余。修改一下官网的示例: // 描述你的数据 // 定义了一个名为Project的对象类型,该类型上有三个字段,并且字段拥有不同的 2022-01-04 #javascript #graphql #apollo
面向对象题 打车时可以打专车或快车。任何车都有车牌号和名称。快车每公里1元,专车每公里2元。行程开始时,显示车辆信息。行程结束时,显示打车金额。行程距离为5公里。 class Car{ constructor(licence,name){ this.licence = licence this.name = name } } class Fa 2022-02-24 #面试 #javascript
浏览器缓存策略 强缓存浏览器在本地验证资源是否过期,如果没过期直接使用本地缓存,并返回200和显示(from memory cache / from disk cache)(根据内存空闲情况和资源类型,并且memory cache页面关闭后会清理,下次加载是从disk cache) 强缓存字段Expires http 1.0 时间戳格式Expires: Wed, 22 Oct 2018 08:41:00 GM 2022-02-24 #面试
js设计模式 javascript设计模式 张容铭 创建性设计模式 安全模式创建实例时,为了保证被new关键字正确调用,可在构造函数中加入对this指向的判断。 const Factory = function(...args){ if(this instanceof Factory){ ... return new this(args) }else 2021-09-09 #面试 #js
队列及算法题 队列结构,先进先出 用数组实现-顺序队列 function ArrayQueue(len){ this.items = new Array(len) this.n = len this.head = 0 this.tail = 0 } ArrayQueue.prototype.enqueue = function(item){ if(this.ta 2022-02-24 #javascript #算法
js模块化 模块化的演进过程 文件划分 命名空间 (将每个模块暴露在全局对象 IIFE 立即执行函数 模块化开发的思想模块化的开发方式可以提高代码复用率,方便进行代码的管理。通常一个文件就是一个模块,有自己的作用域,只向外暴露特定的变量和函数。 CommonJS (Node.js) 运行在服务端 代码同步加载 代码可以多次加载,但是运行结果会被缓存 require('xxx') 2022-02-24 #面试 #javascript
svg图标封装组件 VUE项目中将svg图标封装为组件,后续拷贝进svg文件直接使用 icon组件<template> <svg :class="svgClass" aria-hidden="true" // /* aria-hidden="true"将元素从可访问树上移除 */ v-on="$listene 2022-02-24 #javascript #vue
MVC/MVP/MVVM MVCModel-View-ControllerView->Controller->Model ^ | | v <---------------------< View可以访问Model,不可避免的会包含一些业务逻辑,导致特定View依赖特定Model 视图的更新逻辑由View自己完成 Vie 2022-02-24 #面试
flex布局 ref:阮一峰的网络日志 容器的属性 flex-direction 主轴的方向 row(默认住) | row-reverse 横向排列 column | column-reverse纵向排列 flex-wrap 换行 nowrap不换行 wrap换行 wrap-reverse逆序换行 flex-flow(上述两种的简写) justify-content 主轴上的对齐方式 flex 2022-02-24 #面试 #css