blog

# 块级格式化上下文 Block Formatting Context (BFC) # BFC 的定义 BFC 是一个独立的渲染区域，并且有一定的布局规则。其中的元素布局是不受外界的影响，并且在一个 BFC 中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂直的沿着其父元素的边框排列。每一个 BFC 区域只包括其子元素，不包括其子元素的子元素。每一个 BFC 区域都是独立隔绝的，互不影响！ # BFC 的产生 根元素 position 不是 static 的，(fixed,relative,absolute) Flex 子项和 Grid 子项 overflow 值不是 visible...

# HTTP 的几种常见请求方法用途 GET 方法 其目的发送一个请求来取得服务器上的某一资源。 POST 方法 向 URL 指定的资源提交数据或附加新的数据。 PUT 方法 跟 POST 方法很像，也是想服务器提交数据。但是，它们之间有不同。 PUT 指定了资 源在服务器上的位置，而 POST 没有。 HEAD 方法 只请求页面的首部。 DELETE 方法 删除服务器上的某资源。 OPTIONS 方法 它用于获取当前 URL 所支持的方法。如果请求成功，会有一个 Allow 的头包含类似 GET,POST 这样的信息。 TRACE...

# 前端需要注意哪些 SEO 合理的 title 、 description 、 keywords ：搜索对着三项的权重逐个减小， title 值强调重点即可，重要关键词出现不要超过 2 次，⽽且要靠前，不同页面 title 要有所不同； description 把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面 description 有所不同； keywords 列举出重要关键词即可 语义化的 HTML 代码 ，符合 W3C 规范：语义化代码让搜索引擎容易理解网页 重要内容 HTML 代码放在最前：搜索引擎抓取 HTML...

# 如何进行网站性能优化 content 方面 减少 HTTP 请求：合并文件、 CSS 精灵、 inline Image 减少 DNS 查询： DNS 缓存、将资源分布到恰当数量的主机名 减少 DOM 元素数量 Server 方面 使用 CDN 配置 ETag 对组件使用 Gzip 压缩 Cookie 方面 减小 cookie 大小 css 方面 将样式表放到页面顶部 不使用 CSS 表达式 使用 <link> 不使用 @import Javascript 方面 将脚本放到页面底部 异步加载不是太重要的资源 将 javascript 和 css...

# 507. 完美数 难度：简单 # 题目： 对于一个 正整数，如果它和除了它自身以外的所有 正因子 之和相等，我们称它为 「完美数」。 给定一个 整数 n ， 如果是完美数，返回 true ，否则返回 false 示例 1： 输入：num = 28 输出：true 解释：28 = 1 + 2 + 4 + 7 + 14 1, 2, 4, 7, 和 14 是 28 的所有正因子。 示例 2： 输入：num = 6 输出：true 示例 3： 输入：num = 496 输出：true 示例 4： 输入：num = 8128 输出：true 提示： 1 <= num...

# 介绍 本项目是掘金小册上的一个课程，github 地址，作者水平很高，感觉物超所值。 此系列主要是记录实践过程。 # React 相关技术栈 react 全家桶套餐 react: 版本在 ^17.0.1 react-router react-router-dom redux: 状态管理容器 rc-redux-model: 让 redux 使用起来更加方便 redux-logger: 控制台看到最新 redux 的数据 # 配置相关技术栈 Babel 当前主流的 JS 编译器，我们可以从官网看到 Babel 和 React JSX 的关系。所以通过 Babel 将我们的 React...

# 846. 一手顺子 难度：中等 # 题目： Alice 手中有一把牌，她想要重新排列这些牌，分成若干组，使每一组的牌数都是 groupSize ，并且由 groupSize 张连续的牌组成。 给你一个整数数组 hand 其中 hand[i] 是写在第 i 张牌，和一个整数 groupSize 。如果她可能重新排列这些牌，返回 true ；否则，返回 false 示例 1： 输入：hand = [1,2,3,6,2,3,4,7,8], groupSize = 3 输出：true 解释：Alice 手中的牌可以被重新排列为 [1,2,3]，[2,3,4]，[6,7,8]。 示例...

# ts 入门 # TypeScript 中的基本类型 TypeScript 中的基本类型： 类型声明 类型声明是 TS 非常重要的一个特点； 通过类型声明可以指定 TS 中变量（参数、形参）的类型； 指定类型后，当为变量赋值时，TS 编译器会自动检查值是否符合类型声明，符合则赋值，否则报错； 简而言之，类型声明给变量设置了类型，使得变量只能存储某种类型的值； 语法： let 变量: 类型; let 变量: 类型 = 值; function fn(参数: 类型, 参数: 类型): 类型{ ... } 自动类型判断 TS...

# js 基础 # 1. this 的指代 全局环境里的 this->windows 全局函数里的 this->windows 方法中的 this-> 调用该方法的对象 事件里的 this-> 触发该事件的 DOM 对象 构造函数中的 this->new 创建的对象 new 关键字做了什么：new 创建对象，将构造函数的 this, 指向创建出来的对象。 箭头函数中 this-> 指向箭头函数上下文的 this # 2. call、apply、bind...

# 264. 丑数 II 难度：中等 # 题目： 给你一个整数 n ，请你找出并返回第 n 个 丑数 。 丑数 就是只包含质因数 2 、 3 和 / 或 5 的正整数。 示例 1： 输入：n = 10 输出：12 解释：[1, 2, 3, 4, 5, 6, 8, 9, 10, 12] 是由前 10 个丑数组成的序列。 示例 2： 输入：n = 1 输出：1 解释：1 通常被视为丑数。 提示： 1 <= n <= 1690 # 分析 丑数的判断方式 let judge=function(num){ // 能被二整除 while(num %...