前端 | Bin's blog

前端: html、css、js、vue、uniapp、微信小程序等前端技术

目录

# 1. 《HTML》笔记: 1-1. 常用meta整理

# 2. 《CSS》笔记: 2-1. CSS教程和技巧收藏 2-2. flex布局语法 2-3. flex布局案例-基础 2-4. flex布局案例-骰子 2-5. flex布局案例-圣杯布局 2-6. flex布局案例-网格布局 2-7. flex布局案例-输入框布局 2-8. CSS3之transition过渡 2-9. CSS3之animation动画 2-10. 「布局技巧」图片未加载前自动撑开元素高度 2-11. 文字在一行或多行时超出显示省略号 2-12. 从box-sizing属性入手，了解盒子模型 2-13. 水平垂直居中的几种方式-案例 2-14. 如何根据系统主题自动响应CSS深色模式 2-15. 「css技巧」使用hover和attr()定制悬浮提示 2-16. CSS-function汇总 2-17. CSS给table的tbody添加滚动条 2-18. 网格布局中的动画

# 3. 《JavaScript》笔记: 3-1. 基础 3-2. 内置对象 3-3. 面向对象 3-4. 异步操作 3-5. DOM 3-6. 事件 3-7. 浏览器模型 3-8. JS设计模式总结笔记 3-9. 《JavaScript高级程序设计》笔记
# 3-10. JavaScript文章
3-10-1. 33个非常实用的JavaScript一行代码 3-10-2. new命令原理 3-10-3. ES5面向对象 3-10-4. ES6面向对象 3-10-5. 多种数组去重性能对比 3-10-6. JS随机打乱数组 3-10-7. 判断是否为移动端浏览器 3-10-8. 将一维数组按指定长度转为二维数组 3-10-9. 防抖与节流函数 3-10-10. JS获取和修改url参数 3-10-11. 比typeof运算符更准确的类型判断

# 4. 《ES6》笔记: 4-1. ECMAScript 6 简介 4-2. let 和 const 命令 4-3. 变量的解构赋值 4-4. 字符串的扩展 4-5. 字符串的新增方法 4-6. 正则的扩展 4-7. 数值的扩展 4-8. 函数的扩展 4-9. 数组的扩展 4-10. 对象的扩展 4-11. 对象的新增方法 4-12. Symbol 4-13. Set 和 Map 数据结构 4-14. Proxy 4-15. Reflect 4-16. Promise 对象 4-17. Iterator 和 for-of 循环 4-18. Generator 函数的语法 4-19. Generator 函数的异步应用 4-20. async 函数 4-21. Class 的基本语法 4-22. Class 的继承 4-23. Module 的语法 4-24. Module 的加载实现 4-25. 编程风格 4-26. 读懂 ECMAScript 规格 4-27. 异步遍历器 4-28. ArrayBuffer 4-29. 最新提案 4-30. 装饰器 4-31. 函数式编程 4-32. Mixin 4-33. SIMD 4-34. 参考链接

# 5. 《Node》笔记: 5-1. nodejs递归读取所有文件

# 6. 《Vue》笔记: # 6-1. 基础
6-1-1. MVVM模式 6-1-2. 生命周期 6-1-3. 计算属性 vs 方法 vs 侦听属性 6-1-4. v-if vs v-show 6-1-5. 列表渲染之数组、对象更新检测
# 6-2. 组件
6-2-1. 使用组件的细节点 6-2-2. 父组件给子组件传值 6-2-3. 子组件派发事件和值给父组件 6-2-4. Prop 验证与非 Prop 的 Attribute 6-2-5. 自定义事件 6-2-6. 兄弟组件传值 6-2-7. 非父子组件传值 6-2-8. 父组件调用子组件方法并传入值 6-2-9. 插槽slot 6-2-10. 动态组件与 v-once 指令 6-2-11. vue父子组件的生命周期顺序
# 6-3. 过渡&动画
6-3-1. transition过渡&动画 6-3-2. 使用animate库 6-3-3. transition-group列表过渡
# 6-4. 可复用性&组合
6-4-1. Mixin混入
# 6-5. 工具
6-5-1. Vue CLi v3 创建项目使用记录
# 6-6. 规模化
6-6-1. vuex操作相关 6-6-2. 路由懒加载
# 6-7. Vuex
6-7-1. Vuex
# 6-8. 其他
6-8-1. Vue中的防抖函数封装和使用 6-8-2. 操作本地缓存

# 7. 《React》笔记: # 7-1. 核心概念
7-1-1. JSX简介 7-1-2. 元素渲染 7-1-3. 组件&Props 7-1-4. State&生命周期 7-1-5. 事件处理 7-1-6. 条件渲染 7-1-7. 列表&Key 7-1-8. 表单 7-1-9. 状态提升 (共享状态) 7-1-10. 组合vs继承 7-1-11. React哲学
# 7-2. 高级指引
7-2-1. 高级指引
# 7-3. Hook
7-3-1. Hook概述 7-3-2. 使用State Hook 7-3-3. 使用Effect Hook 7-3-4. Hook规则 7-3-5. 自定义 Hook
# 7-4. 案例演示
7-4-1. 案例演示

# 8. 《TypeScript》笔记: # 8-1. 初识 TypeScript
8-1-1. 简介 8-1-2. 安装 TypeScript 8-1-3. 编写第一个 TypeScript 程序
# 8-2. TypeScript 常用语法
8-2-1. 基础类型 8-2-2. 变量声明 8-2-3. 接口 8-2-4. 类 8-2-5. 函数 8-2-6. 泛型 8-2-7. 类型推断 8-2-8. 高级类型
# 8-3. ts-axios 项目初始化
8-3-1. 需求分析 8-3-2. 初始化项目 8-3-3. 编写基础请求代码
# 8-4. ts-axios 基础功能实现
8-4-1. 处理请求 url 参数 8-4-2. 处理请求 body 数据 8-4-3. 处理请求 header 8-4-4. 获取响应数据 8-4-5. 处理响应 header 8-4-6. 处理响应 data
# 8-5. ts-axios 异常情况处理
8-5-1. 错误处理 8-5-2. 错误信息增强
# 8-6. ts-axios 接口扩展
8-6-1. 扩展接口 8-6-2. axios 函数重载 8-6-3. 响应数据支持泛型
# 8-7. ts-axios 拦截器实现
8-7-1. 拦截器设计与实现
# 8-8. ts-axios 配置化实现
8-8-1. 合并配置的设计与实现 8-8-2. 请求和响应配置化 8-8-3. 扩展 create 静态接口
# 8-9. ts-axios 取消功能实现
8-9-1. 取消功能的设计与实现
# 8-10. ts-axios 更多功能实现
8-10-1. withCredentials 8-10-2. XSRF 防御 8-10-3. 上传和下载的进度监控 8-10-4. HTTP 授权 8-10-5. 自定义合法状态码 8-10-6. 自定义参数序列化 8-10-7. baseURL 8-10-8. 静态方法扩展
# 8-11. ts-axios 单元测试
8-11-1. 前言 8-11-2. Jest 安装和配置 8-11-3. 辅助模块单元测试 8-11-4. 请求模块单元测试 8-11-5. headers 模块单元测试 8-11-6. Axios 实例模块单元测试 8-11-7. 拦截器模块单元测试 8-11-8. mergeConfig 模块单元测试 8-11-9. 请求取消模块单元测试 8-11-10. 剩余模块单元测试
# 8-12. ts-axios 部署与发布
8-12-1. ts-axios 编译与发布 8-12-2. 引用 ts-axios 库
8-13. TypeScript笔记

# 9. 《小程序》笔记: 9-1. 小程序笔记

# 10. 《Git》笔记: # 10-1. 手册
10-1-1. 常用Git命令清单 10-1-2. Git变基合并 10-1-3. Git命令思维导图
# 10-2. 文档笔记
10-2-1. Git基础与命令 10-2-2. Git分支-分支原理 10-2-3. Git分支的新建与合并-分支操作 10-2-4. Git分支管理-查看分支 10-2-5. Git分支开发工作流 10-2-6. Git分支-远程分支 10-2-7. Git分支-变基 10-2-8. Git工具-查看修订版本 10-2-9. Git工具-交互式暂存 10-2-10. Git工具-重写历史 10-2-11. Git工具-重置揭密

上次更新: 2024/05/24, 16:47:49

← 后端运维→

01
计算机网络 05-27

02
计算机原理 05-27

03
Devops 05-27

更多文章>