Blog | Blog

排序算法

November 6, 2022 · One min read

参考文档：

hustcc/JS-Sorting-Algorithm: 一本关于排序算法的 GitBook 在线书籍《十大经典排序算法》，多语言实现。 (github.com)

浏览器的回流与重绘

October 27, 2022 · One min read

参考文档

浏览器的回流与重绘 (Reflow & Repaint) - 掘金 (juejin.cn)

flex，grid中ellipsis不生效

September 23, 2022 · One min read

解决方案

flex元素添加min-width:0属性

gird子元素添加min-width:0属性

参考文档

css - Ellipsis in flexbox container - Stack Overflow

小程序使用svg字体图标

September 23, 2022 · One min read

参考文档

iconfont-tools/README.md at 3d1490c5b4bbc4ad676901d0ebc8a994efd30147 · HuaRongSAO/iconfont-tools (github.com)

移动端适配px,rem,vw，以及1px问题

September 21, 2022 · One min read

参考文档

[极致用户体验] 为什么建议2022年不用"等比设计稿"+rem，而用"灵活设计稿"+px - 掘金 (juejin.cn)

吃透移动端 1px｜从基本原理到开源解决方案 - 知乎 (zhihu.com)

git协作工作流

September 15, 2022 · One min read

master分支：

用于线上发布，正式环境。只做merge develop,hotfix操作

develop分支：

用于测试环境。只做merge本地分支,cherry pick hotfix操作。

本地分支：

用于本地开发。保持和develop分支同步。

git checkout local-branch
git pull origin develop
git rebase develop

配合commitlint保持提交信息的规范。

使用git rebase -i保持commit的简洁。

浏览器http1.0,http1.1,http2,http3协议的区别

September 9, 2022 · One min read

参考文档

HTTP 三次握手与四次挥手 - 掘金 (juejin.cn)

ip - Is a TCP three-way handshake required for an HTTP POST? - Network Engineering Stack Exchange

TCP 的 Keepalive 和 HTTP 的 Keep-Alive - 掘金 (juejin.cn)

一文总结http1.0，http1.1，http2，http3，面试强心剂 - 知乎 (zhihu.com)

浏览器缓存机制

September 6, 2022 · One min read

总结

1.根据相关字段判断是否命中强缓存，如果命中，就直接使用缓存了。

2.如果没有命中强缓存，就发请求到服务器检查是否命中协商缓存。

3.如果命中协商缓存，服务器会返回 304 告诉浏览器使用本地缓存。

4.否则，返回最新的资源。

ts实现valueOf

August 6, 2022 · One min read

需求场景

ts自带的操作符有keyof，typeof，可是没有valueOf

解决方案

type ValueOf<T> = T[keyof T];

前端开发学习资料整理

July 25, 2022 · One min read

参考文档：​

参考文档​

解决方案​

参考文档​

参考文档​

参考文档​

master分支：​

develop分支：​

本地分支：​

参考文档​

总结​

相关参考​

需求场景​

解决方案​

基础知识及背景​

前端开发入门教程​

CSS基础知识​

参考文档：

参考文档

解决方案

参考文档

参考文档

参考文档

master分支：

develop分支：

本地分支：

参考文档

总结

相关参考

需求场景

解决方案

基础知识及背景

前端开发入门教程

CSS基础知识