张初高的博客

浏览器输入url发生了什么？

浏览器输入URL发生了啥？浏览器的地址栏输入URL并按下回车。浏览器查找当前URL是否存在缓存，并比较缓存是否过期。 DNS解析URL对应的IP。根据IP建立TCP连接（三次握手）。 HTTP发起请求。服务器处理请求，浏览器接收HTTP响应。渲染页面，构建DOM树。关闭TCP连接（四次挥手）。 1....

Posted by BY CHUGAO on March 15, 2021

防抖和节流

JS中的防抖和节流什么是防抖？通过setTimeout的方式，在一定的时间间隔内，将多次触发变成一次触发。（通俗的说是在最后一次点击间隔规定时间之后才能再次成功触发，否则触发不成功）防抖的实现思路在防抖函数返回的函数的上级作用域设置一个定时器变量t置为null; 通过t来判断是否是第一次执行。如果不是...

Posted by BY CHUGAO on February 8, 2021

前端架构自身了解

前端架构到底怎么理解？前端架构服务于前端团队，所以前端架构的建设要以前端团队的状况为依据简单的说，前端的架构包括：选择技术模块化：requirejs、commonjs、seajs、webpack… 前端框架：angular、vuejs、boostrap… 前端js库：jQuery、lodash… UI库 ...

Posted by BY CHUGAO on January 1, 2021

Js跨域方法

JS - 这些跨域方法，你都知道吗？跨域协议、域名、端口不同，需要跨域跨域解决方案 jsonp：JSON with Padding script 标签没有同域限制服务端返回页面上 callback 包裹的 json 数据兼容性好仅支持 GET CORS：Cross-origin resource sharing 跨域资源共享简单请求： ...

Posted by BY CHUGAO on December 12, 2020

Nexttick原理解析

nextTick 原理解析 nextTick 是什么 $nextTick：根据官方文档的解释，它可以在 DOM 更新完毕之后执行一个回调函数，并返回一个 Promise（如果支持的话） // 修改数据 vm.msg = "Hello"; // DOM 还没有更新 Vue.nextTick(function() { // DOM 更新了 }); 这块理解 EventLoop 的应该一...

Posted by BY CHUGAO on November 27, 2020

Vue3.0新特性

vue3.0新特性简单总结尤大大在B站直播时分享了Vue3.0的几个亮点： Performance：性能优化 Tree-shaking support：支持摇树优化 Composition API：组合API Fragment，Teleport，Suspense：新增的组件 Better TypeScript support：更好的TypeScript支持 Cus...

Posted by BY CHUGAO on October 1, 2020

前端性能优化

前端性能优化小结一、页面加载及渲染过程优化 CRP(关键渲染路径Critical Rendering Path)优化：关键渲染路径是浏览器将 HTML、CSS、JavaScript 转换为在屏幕上呈现的像素内容所经历的一系列步骤。为尽快完成首次渲染，我们需要最大限度减小以下三种可变因素: ``` 关键资源的数量: 可能阻止网页首次渲染的资源。 ...

Posted by BY CHUGAO on September 28, 2020

git

git操作

git操作 git 命令 git init: 初始化一个git代码仓库； git add *: 记录此文件里全部的文件； git cimmit -m “v1.0”: 提交修改代码到暂存区； git status: 查看当前文件修改状态以及是否提交到了暂存区； git log: 查看输出日志； git checkout a.txt: 回退修改的a.txt文件； ...

Posted by BY CHU GAO on August 11, 2020

rem理解

rem理解动态设置html标签的font-size大小假设设计稿是750px; 假设我们把整个屏幕划分为15等份（划分标准不一定可以是20份也可以是15份）; 每一份作为html字体大小，这里就是750/15 = 50,那个font-size：50px; 那么在320px设备的时候，字体大小就是320/15 = 21.33px; 用我们页面元素的大小除以html的...

Posted by BY CHU GAO on August 11, 2020

tcp/ip的三次握手四次挥手

具体实现原理

tcp/ip的三次握手四次挥手报文格式（图片引用自：https://blog.csdn.net/mary19920410/article/details/58030147 ） TCP报文格式 TCP三次握手 TCP怎样才能保证可靠的传输任务，就是通过三次握手？首先由Client发出请求连接即 SYN=1 ACK=0 (请看头字段的介绍)...

Posted by BY CHU GAO on August 9, 2020

BY CHUGAO

浏览器输入url发生了什么？

防抖和节流

前端架构自身了解

Js跨域方法

Nexttick原理解析

Vue3.0新特性

前端性能优化

git

git操作

rem理解

rem理解

tcp/ip的三次握手四次挥手

具体实现原理

FEATURED TAGS

ABOUT ME

FRIENDS