yilra
获得徽章 0
- ~~和Math.floor有什么区别？
"`~~` 和 `Math.floor` 都用于将数字转换为整数，但它们的工作方式和适用场景有所不同。
`~~` 是一种位运算符，实际上是将数字转换为32位整数。它的作用是通过两次按位非运算符（`~`）来实现。首先，`~` 会将数字转换为其二进制补码形式，并反转所有位。第二次 `~` 再次反转回原始数值的整数部分。这种方法会丢弃小数部分，返回一个整数。
```javascript
let num1 = 4.7;
let result1 = ~~num1; // 结果为 4
```
`Math.floor` 是一个数学函数，它返回小于或等于给定数字的最大整数。它可以处理负数并返回相应的整数。例如，`Math.floor(-4.7)` 返回 `-5`。
```javascript
let num2 = -4.7;
let result2 = Math.floor(num2); // 结果为 -5
```
两者的主要区别在于处理负数时的行为。`~~` 对负数行为较为简单，直接去除小数部分：
```javascript
let num3 = -4.7;
let result3 = ~~num3; // 结果为 -4
```
而 `Math.floor` 则会向下取整：
```javascript
let result4 = Math.floor(num3); // 结果为 -5
```
此外，`~~` 在处理非数字类型时会将其转换为数字，例如字符串或布尔值：
```javascript
let str = \"5.9\";
let result5 = ~~str; // 结果为 5
```
`Math.floor` 也可以接受非数字类型，但会返回 NaN 如果无法进行转换：
```javascript
let result6 = Math.floor(str); // 结果为 5
```
总之，`~~` 适用于快速转换为整数，特别是在性能要求较高的场合，而 `Math.floor` 更适用于需要精确控制取整行为的场景。选择使用哪个方法取决于具体需求和上下文。"展开54 - 服务端渲染（Server-Side Rendering，SSR）和服务端生成（Server-Side Generation，SSG）虽然都在服务器端处理内容，但它们有着重要的区别。让我们详细比较一下这两种方法：
1. 服务端渲染（SSR）：
定义：SSR 是在每次收到请求时，服务器动态生成 HTML 内容并发送给客户端。
优点：
- 实时数据：可以为每个请求提供最新的数据。
- 个性化内容：可以根据用户状态（如登录信息）生成定制内容。
- 良好的 SEO：搜索引擎可以爬取完整的 HTML 内容。
- 首次内容加载快：用户能快速看到完整的页面内容。
缺点：
- 服务器负载高：每个请求都需要服务器处理。
- 可能的响应延迟：如果服务器负载高，响应时间可能增加。
- 配置复杂：需要维护能够执行服务端 JavaScript 的服务器环境。
2. 服务端生成（SSG）：
定义：SSG 是在构建时预先生成所有静态 HTML 页面，然后将这些页面部署到服务器或 CDN。
优点：
- 极快的加载速度：所有页面都是预先生成的静态文件。
- 安全性高：不涉及动态内容生成，减少了安全风险。
- 低服务器负载：服务器只需要提供静态文件。
- 简单部署：可以轻松部署到 CDN 或静态文件托管服务。
- 优秀的 SEO：所有内容都在 HTML 中，便于搜索引擎爬取。
缺点：
- 内容更新不及时：需要重新构建和部署才能更新内容。
- 不适合高度动态的内容：难以处理需要实时数据的页面。
- 构建时间长：对于大型站点，生成所有页面可能需要很长时间。
- 个性化限制：难以提供用户特定的内容。
主要区别：
1. 内容生成时机：SSR 是每次请求时生成，SSG 是在构建时生成。
2. 数据新鲜度：SSR 可以提供实时数据，SSG 提供的是构建时的数据。
3. 服务器负载：SSR 的服务器负载较高，SSG 的服务器负载很低。
4. 适用场景：SSR 适合动态内容，SSG 适合相对静态的内容。
选择建议：
- 如果您的网站内容频繁更新，需要实时数据或个性化内容，选择 SSR。
- 如果您的网站内容相对稳定，更新频率低，并且希望获得最佳性能和扩展性，选择 SSG。展开评论3
blog.csdn.net![[吐舌]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_95.6b0752f.png)