chenweihuan / blogs

找个安静的地方，记录学习的经验:book:

每周算法	HTML	CSS	Javascript	前端构建工具	小游戏	框架	数据库	学习笔记
😄	📝	💾	☁️	🔧	🎮	🔨	💼	⚡

⭐️ 个人独白，记录学习经验，希望能改掉自己学完就扔的老毛病。
❤️ 这也是记录读书笔记的好地方。
✌️ 日复一日，年复一年。请你坚持，哈哈哈。。。

😄 每周算法

1. LeetCode

记录解题思路，培养编程的意识
大致方向按tag走，tag里按难易程度走，重点是思维，举一反三

（1）树（20.03.08 ~ 20.04.03）

• 100 - 相同的树 ❗
• 101 - 对称二叉树 ❗
• 104 - 二叉树的最大深度 ❗
• 107 - 二叉树的层次遍历 II
• 108 - 将有序数组转换为二叉搜索树
• 110 - 平衡二叉树 ❗
• 111 - 二叉树的最小深度
• 112 - 路经总和
• 226 - 翻转二叉树
• 235 - 二叉搜索树的最近公共祖先
• 257 - 二叉树的所有路径
• 404 - 左叶子之和
• 437 - 路径总和 III
• 501 - 二叉搜索树中的众数
• 530 - 二叉搜索树的最小绝对差
• 538 - 把二叉搜索树转换为累加树
• 543 - 二叉树的直径
• 559 - N叉树的最大深度
• 563 - 二叉树的坡度
• 572 - 另一个树的子树
• 589 - N叉树的前序遍历
• 590 - N叉树的后序遍历
• 606 - 根据二叉树创建字符串
• 617 - 合并二叉树
• 637 - 二叉树的层平均值
• 653 - 两数之和 IV - 输入 BST
• 669 - 修剪二叉搜索树
• 671 - 二叉树中第二小的节点
• 687 - 最长同值路径
• 783 - 二叉搜索树结点最小距离
• 872 - 叶子相似的树
• 897 - 递增顺序查找树
• 938 - 二叉搜索树的范围和
• 965 - 单值二叉树
• 993 - 二叉树的堂兄弟节点
• 1022 - 从根到叶的二进制数之和
• 94 - 二叉树的中序遍历(中等) ❗
• 98 - 验证二叉搜索树(中等) ❗
• 102 - 二叉树的层序遍历(中等) ❗
• 105 - 从前序与中序遍历序列构造二叉树(中等) ❗
• 106 - 从中序与后序遍历序列构造二叉树(中等)
• 144 - 二叉树的前序遍历(中等) ❗
• 145 - 二叉树的后序遍历(困难) ❗
• 889 - 根据前序和后序遍历构造二叉树(中等)

（2）数组（2020-04-04 ~ now）

• 001 - 两数之和 ❗
• 026 - 删除排序数组中的重复项
• 027 - 移除元素
• 035 - 搜索插入位置
• 053 - 最大子序和 ❗
• 066 - 加一
• 088 - 合并两个有序数组 ❗
• 118 - 杨辉三角 ❗
• 119 - 杨辉三角 II
• 121 - 买卖股票的最佳时机 ❗
• 122 - 买卖股票的最佳时机 II ❗
• 167 - 两数之和 II - 输入有序数组
• 169 - 多数元素
• 189 - 旋转数组
• 215 - 数组中的第K个最大元素(中等) ❗
• 217 - 存在重复元素
• 219 - 存在重复元素 II
• 268 - 缺失数字
• 283 - 移动零
• 414 - 第三大的数
• 448 - 找到所有数组中消失的数字
• 485 - 最大连续1的个数
• 509 - 斐波那契数 ❗
• 532 - 数组中的K-diff数对 ❗
• 561 - 数组拆分 I
• 566 - 重塑矩阵 ❗
• 581 - 最短无序连续子数组
• 605 - 种花问题
• 628 - 三个数的最大乘积
• 643 - 子数组最大平均数 I
• 661 - 图片平滑器
• 665 - 非递减数列
• 674 - 最长连续递增序列 ❗
• 697 - 数组的度
• 717 - 1比特与2比特字符 ❗
• 724 - 寻找数组的中心索引
• 746 - 使用最小花费爬楼梯（dp） ❗
• 747 - 至少是其他数字两倍的最大数
• 766 - 托普利茨矩阵
• 830 - 较大分组的位置
• 832 - 翻转图像
• 840 - 矩阵中的幻方
• 849 - 到最近的人的最大距离
• 867 - 转置矩阵
• 888 - 公平的糖果交换
• 896 - 单调数列
• 905 - 按奇偶排序数组
• 914 - 卡牌分组 ❗
• 922 - 按奇偶排序数组 II
• 941 - 有效的山脉数组
• 977 - 有序数组的平方
• 1287 - 有序数组中出现次数超过25%的元素

（3）字符串，链表，数学，排序（todo）

📝 HTML

💾 CSS

• 设置边框颜色渐变
• 引入特殊字体
• 控制中英文的单词间隔

☁️ Javascript

🔧 前端构建工具

1. webpack

• 从零搭建webpack配置系列

  • 从零搭建webpack配置 - ES6
  • 从零搭建webpack配置 - 配置html模板
  • 从零搭建webpack配置 - devserver
  • 从零搭建webpack配置 - 引用css
  • 从零搭建webpack配置 - 引用图片
  • 从零搭建webpack配置 - 代码分割

• 配置

  • resolve解析

• plugin

  • 打包前清空dist目录 -- clean-webpack-plugin

• 知识小点

  • 使用 Prettier格式化代码

🎮 小游戏

1. phaser

• webpack + [email protected]
• Phaser中的事件机制
• 基于Phaser的加载进度条实现
• 使用对象池模式优化游戏性能
• 基于phaser的滚动排行榜
• 基于phaser的天降火鸡demo

🔨 框架

1. vue

• vue基础

  • 简单的弹窗组件实现
  • 图片预加载
  • vue移动端适配方案--vw
  • 基础组件的自动化全局注册
  • 全局过滤器注册
  • 实现防抖/节流HOC
  • 实现弹出窗popover

• vuex

  • vuex的基本项目结构
  • vuex-pathify的基本项目结构

• vue-cli

  • 通过环境变量设置publicPath
  • 更多vue-cli3配置参考 - vue-cli3-config-reference

• vue-router

  • vue-router的使用方法

• 知识小点

  • 给 router-link 绑定事件
  • 监听route的变化
  • 在火狐浏览器中，disabled的input元素不会执行父组件的click事件

2. React

• react-redux
  • 如何安装Redux-DevTools
  • react-redux的使用和基本项目机构

💼 数据库

• mongodb的基础操作

⚡ 学习笔记

• 微前端入门