I'm a slow walker, but I never walk backwards. — Abragam Lincoln.
本仓库旨在收集整理前端基础知识以及开发实践。包括前端八股，最佳实践，踩坑汇总等，既有完整的系列，也有零碎的思考。
- Browser网络安全
- 0-从输入 URL 到浏览器渲染发生了什么
- Cookie
- DNS 解析
- HTTP1
- HTTP2
- HTTP3
- HTTPS
- JS 中的执行原理-变量提升、调用栈、作用域以及闭包
- Nginx 必知必会
- SSE(server-send-event)
- TCP 三次握手四次挥手
- webRTC
- web 安全-内容安全策略 CSP
- web 安全-同源策略与跨域解决
- web 安全-点击劫持
- web 安全渗透之 CSRF
- web 安全渗透之 XSS
- web 缓存-CDN 缓存以及回源机制
- web 缓存
- 加密算法
- 响应头状态码
- 浏览器的多进程架构
- 理解 HTTP 中的 Content-type
- 理解 get 和 post
- 跨域验证的方案
- 长轮询(Long polling)
- Webpack
- Canvas
- 性能优化
- Javascript
- ES-Next 新特性
- HTML 中的焦点管理
- JS 中的事件捕获与冒泡
- JS 中使用 IndexDB
- JS 中的 BigInt
- JS 中的 proxy 和 defineProperty
- JS 中的二进制
- JS 中的位运算
- JS 中的类型转换
- JS 中的精度问题
- JS 实现多条件排序
- JS 正则表达式速查笔记
- Set 和 Map
- UnderScore 源码
- keydown, input,change,compsition 事件的区别
- selection 与 range
- 一文理解 JS 中的继承
- 前端国际化中的 RTL 适配
- 前端埋点
- 前端异常处理
- 前端截图
- 剪贴板操作
- 控制反转与依赖注入
- 理解 base64
- 策略模式
- HTML_CSS
- 0-css 面试题汇总
- css 中有关用户行为的 user-xx
- css 中的层叠,权重与继承
- css 中的方位与顺序
- css 中的线性渐变
- css 实现元素尺寸比例保持不变
- css 实现半椭圆效果
- css 实现平行四边形效果
- css 实现灵活的 footer 效果
- css 实现等高布局
- css 实现遮罩效果的几种方式
- css 实现饼图效果
- css 径向渐变
- flex 与 margin auto 为何能实现水平居中效果
- line-height 和 vertical-align 实现多行文字水平垂直居中效果
- zIndex 管理
- 你不知道的 margin
- 关于设备自适应需要知道知识(DPI,PPI,分辨率,屏幕尺寸)
- 实现一个按钮相关的单行布局效果
- 文字布局基础
- React 源码
- React 和 Vue 对比
- diff 算法
- fiber
- scheduler
- 合成事件
- React 相关
- Vue
- Typescript
- 工具_效率
- ChatGPT 初体验
- Circleci 机器人自动部署 storybook 到 GitHub
- Github
- acme.sh 生成 https 证书
- clash 配置指南
- iterms2-antigen-to-improve-your-work-experience
- prettier-eslint-vscode-实现前端代码格式化
- windows 配置
- 修改 cursor 机器 ID
- 在 vscode 上进行 markdown 写作
- 在 vscode 中快速调试你的前端项目
- 如何在线预览 github 的 html 页面
- 常用 git 命令
- 常用的 shell 命令
- 开发常用的效率工具(Mac)
- 环境变量
- 跨端开发
- 代码手写题
- 踩坑汇总
- Node
- SVG
- 程序人生