## 前言

在现代社会中，“普通”这个词汇常常被赋予负面的含义。它往往意味着“平凡”、“缺乏特别之处”、“未能引起他人的注意”。在这个充满竞争和焦虑的时代里，许多人都渴望摆脱“普通”这个标签，向往卓越与非凡。然而，真正应该担心的并不是“普通”，而是“甘于普通”，即对平庸的接受和自我的限制。哲学家尼采曾强调，人应当不断超越自我，追求成为更好的自己。

我们应当思考的是，如何避免陷入甘于普通的状态，如何在平凡的日常中发掘出独特的价值。

我之所以这么说，是因为甘于普通，害的不仅是你，还有你的孩子！

> 喜马拉雅在线收听：【[普通不可怕，甘于普通才可怕](https://www.ximalaya.com/sound/743480347)】



## “普通”的定义与误解

“普通”这个词汇往往被误解为一种消极的评价，但从哲学的角度来看，“普通”只是一种客观的描述，指的是某人或某事物在某些方面与大多数人或事物相似。这种相似性不仅是正常的，而且在很多方面是有益的。共性是人类社会运作的基础，因为它使得人们能够彼此理解、沟通与合作。没有这些共性，人类社会将难以维系。

然而，人们对“普通”的误解常常来自于一种对卓越的过度追求。在一个高度竞争的社会中，卓越被视为成功的标志，而“普通”则被视为失败的象征。这种观念忽略了一个重要的事实：并非所有的卓越都是表现在外在的成就上，也并非所有的“普通”都意味着缺乏价值。实际上，许多卓越的人士在某些方面也是“普通”的，他们的卓越往往是由于他们在特定领域内发挥了自己的潜力。

“普通”不等于平庸。平庸是一种对自我潜力的忽视和懒于改变的态度。哲学家阿尔伯特·加缪在《西西弗的神话》中探讨了存在的荒谬性，他指出，人生的意义不在于追求外在的成就，而在于寻找自我实现的过程。平庸的真正问题在于，它限制了这种自我实现的可能性，使得个体陷入一种舒适而无为的状态。

此外，现代社会中，成功与失败的定义被简单化和极端化，这使得许多人在面对未知和挑战时感到恐慌。他们可能选择维持现状，避免冒险，以避免可能的失败与失望。然而，这种态度不仅抑制了个体的发展，也抑制了他们发现自我真正潜力的机会。

## “甘于普通”的危害

甘于普通不仅是对个人发展的限制，也是对社会整体进步的阻碍。当越来越多的人选择甘于现状、逃避挑战时，整个社会的创新动力和进步动力都会减弱。历史上的许多重大突破，无论是科学技术的发明，还是社会制度的改革，都是源于人们对现状的不满和对更好未来的追求。如果每个人都甘于普通，那么社会将失去发展的动力，停滞不前。

哲学家弗朗西斯·培根在他的著作《新工具》中提出，人类的知识和进步依赖于不断的探索和质疑。甘于普通的态度实际上是一种对探索的放弃，是对未知和挑战的逃避。人们可能因为害怕失败或害怕承担责任，而选择安于现状。这种态度不仅是对自我发展的限制，也是对社会责任的逃避。

更进一步，甘于普通的态度还可能导致一种精神上的萎靡和疲惫。当个体失去了追求和目标，他们的生活将变得单调而缺乏意义。存在主义哲学家让-保罗·萨特认为，人生而自由，但也因此肩负着选择的责任。我们必须选择我们的人生道路，选择我们所要追求的目标，而这种选择本身就是一种责任。当人们选择甘于普通，他们实际上是在逃避这种选择和责任。

此外，甘于普通还可能影响到他人。个体的态度和行为往往会对周围的人产生影响。如果一个社会中的大多数人都甘于普通，那么这种态度将会蔓延，导致整个社会的创新精神和进步动力下降。这种现象在心理学上被称为“集体效应”，即个体的行为会受到群体行为的影响，并且这种影响会进一步强化个体的行为。

## “甘于普通”对你孩子的危害

在家庭教育中，家长的价值观和行为方式对孩子有着深远的影响。如果家长以“甘于普通”的心态对待生活，这种心态很可能会潜移默化地传递给孩子，从而对孩子的成长和发展产生负面影响。家庭是孩子最早接触的社会环境，也是他们最重要的成长场所。家长的言行举止、处事态度和生活方式都是孩子模仿和学习的对象。因此，如果家长自身缺乏进取心，对自己的生活缺乏追求和目标，孩子也很可能会受到影响，继而形成类似的价值观和行为模式。

### 家庭环境与价值观的传递

孩子的成长过程中，家庭环境起着至关重要的作用。家长的价值观和行为模式会通过言传身教的方式，深深植根于孩子的意识中。心理学研究表明，孩子在成长过程中，特别是在早期阶段，对家长的模仿和学习是不可避免的。如果家长表现出一种安于现状、不思进取的态度，孩子会认为这种态度是正常的，甚至是值得提倡的。

例如，如果家长对自己的职业和生活没有追求，认为“普通”是可以接受的，甚至是理所当然的，这种态度很可能会被孩子接受和内化。孩子在成长过程中可能会因此缺乏自我挑战的动力，认为只要保持现状就足够了。这种心态的形成不仅会影响孩子在学业和职业上的发展，也会限制他们在个人成长和社会适应中的潜力。

### 缺乏目标感与自我认知

“甘于普通”的心态还可能导致孩子缺乏明确的目标感和自我认知。在一个家庭中，如果家长没有明确的目标和计划，孩子也难以学习到如何设定和实现个人目标。目标感是个人发展的重要动力，它能激励人们不断努力，追求更高的成就。然而，没有目标感的生活往往是无趣和缺乏方向的，这种生活方式不仅使人难以取得进步，也容易导致一种平庸和无所事事的生活态度。

此外，目标感的缺失还可能导致孩子对自我认知的不足。哲学家苏格拉底曾强调“认识你自己”的重要性，认为自我认知是智慧的起点。如果家长对自己的潜力和价值没有清晰的认识，他们很可能也无法帮助孩子发现和认识到自己的潜力。这种情况下，孩子可能会低估自己的能力，缺乏自信心，进而在面对挑战时表现出退缩和逃避。

### 创新与冒险精神的抑制

创新和冒险精神是个人发展和社会进步的重要动力。然而，如果家长表现出“甘于普通”的态度，这种态度会抑制孩子的创新和冒险精神。许多家长可能会因为对失败的恐惧而选择安于现状，不愿冒险尝试新的事物。这种对风险的回避行为可能会传递给孩子，使他们在面对未知和挑战时也倾向于退缩。

例如，如果家长总是告诉孩子“不要冒险”、“这样做太危险”，或者“保持平凡就好”，孩子很可能会因此害怕尝试新的事物，担心失败带来的后果。长此以往，这种态度会限制孩子的创造力和创新能力，使他们难以在学业、职业和生活中取得突破性的进展。

### 社会竞争力的削弱

现代社会是一个充满竞争的环境，无论是在学业、职业还是其他领域，个体的竞争力都非常重要。然而，“甘于普通”的教育方式可能会削弱孩子的社会竞争力。孩子在成长过程中，如果没有得到足够的挑战和锻炼，他们的能力和自信心都难以得到充分的发展。这种情况下，孩子在面对竞争时往往处于劣势，因为他们缺乏自我激励和应对挑战的能力。

此外，甘于普通的心态还可能使孩子缺乏追求卓越的动力。他们可能会认为，只要达到了基本的要求，就已经足够了。这种态度不仅会影响他们在学业上的表现，也会限制他们在职业生涯中的发展潜力。与之相反，拥有强烈进取心和追求卓越精神的孩子往往更有可能在竞争中脱颖而出，取得更大的成就。

## 追求不普通：活出个性与独特价值

追求不普通并不意味着必须成为社会公认的成功人士，也不意味着必须在某个领域达到顶尖水平。真正的不普通在于充分发掘和展示自己的个性，活出真实的自己。在这个多元化的社会中，每个人都有自己独特的经历、性格、兴趣和能力。正是这些独特性，使得每个人都具有独特的价值和意义。

哲学家康德在他的道德哲学中强调，人应当作为目的而非手段来对待。这意味着每个人的存在都具有内在的价值，而不是单纯地为了达成某种外在的目的。这种价值观强调了个体独特性的重要性，鼓励人们去发掘和实现自己的潜力。

追求不普通还体现在对自我潜力的不断挖掘和实现上。正如马斯洛所提出的需求层次理论，人的最高需求是自我实现，即发挥自己全部的潜力。自我实现并非一个终点，而是一个持续的过程，是对自我和世界的不断探索和追问。通过追求不普通，我们不仅能发现自己的无限可能，也能为他人和社会创造更多的价值。

然而，追求不普通并不意味着无视他人和社会的期望。它更多的是在尊重自我和他人的前提下，探索和实现自己独特的价值。这种探索不仅包括对自己兴趣和能力的发掘，还包括对社会和世界的理解。通过理解和参与社会，我们可以找到自己的位置和角色，进而实现个人与社会的和谐发展。

## 面对失败和困难

追求不普通的道路上，难免会遇到失败和困难。这些挫折有时会让人感到沮丧和无助。然而，从哲学的角度来看，挫折和失败也是成长的一部分。哲学家斯多葛学派认为，外界的困难是不可避免的，而我们对这些困难的反应才是我们能控制的。通过培养内在的坚韧和智慧，我们可以从失败中学习，逐渐走向成熟和成功。

斯多葛学派的哲学家如爱比克泰德和塞涅卡，强调了内在自我控制的重要性。他们认为，外部世界的变化不可控，我们所能控制的是我们自己的态度和反应。当我们面对失败时，我们可以选择抱怨和放弃，也可以选择从中汲取经验，调整自己的行动和心态。这种内在的控制感和对自己的承诺，是成功的关键。

此外，失败也是一种学习的机会。通过失败，我们能够更清楚地认识到自己的不足和需要改进的地方。成功往往是许多次失败和调整的结果。爱迪生在发明电灯泡的过程中，经历了无数次的失败，但每一次失败都使他更接近成功。这种在失败中坚持和学习的精神，是追求不普通的重要组成部分。

然而，现代社会中，失败往往被视为一种耻辱。这种观念阻碍了人们对失败的正确认识和对自身发展的信心。我们需要重新认识失败，理解它在个人成长和发展中的积极作用。失败并不可怕，可怕的是因为害怕失败而不敢尝试。

## 结语

普通不可怕，甘于普通才可怕。

普通是每个人都会经历的状态，而甘于普通则是一种自我放弃。追求不普通，并不意味着要成为伟大或特殊，而是要忠于自己的内心，发挥自己的独特潜力，过上有意义的生活。通过这种方式，我们不仅能够实现自我价值，也能够为社会的进步贡献自己的力量。愿我们每个人都能在追求不普通的道路上勇敢前行，活出自己最真实的样子。

而且，家长“甘于普通”的心态对孩子的成长和发展有着深远的负面影响。这种心态不仅限制了孩子的潜力，也削弱了他们的社会竞争力。家长应该认识到，家庭教育的目的是帮助孩子发现和实现他们的潜力，而不是让他们安于现状。通过鼓励孩子勇于尝试、不断挑战自己，家长可以帮助他们培养创新精神和冒险精神，使他们在未来的人生道路上更加自信和有竞争力。最终，我们应该引导孩子相信，他们有能力在平凡的生活中创造出不平凡的价值。

“普通”不可怕，“甘于普通“才可怕

## 简介

网站客户端渲染（`CSR`）和服务端渲染（`SSR`）是两种常见的网页渲染方式，它们在实现原理、优缺点和适用场景上有显著区别。

这里先说一个基础应用场景举例：
1. 客户端渲染：各种管理系统。一般来说，用前后端分离架构开发的系统，都是客户端渲染的系统。
2. 服务端渲染：企业官网、资讯网站、博客网站等。一些内容比较固定的网站，都是采用服务端渲染。

至于为什么会有这样的分类，建议你向下读。



## 客户端渲染（Client-Side Rendering, CSR）
1. 原理：

初次加载时，服务器仅发送一个 `HTML` 骨架和一个包含应用逻辑的 `JavaScript` 文件。浏览器在接收到文件后，通过执行 `JavaScript` 代码来生成并显示页面内容。

2. 优点：

- 用户体验： 页面之间的切换通常非常快，因为大多数内容是在客户端动态生成的。
- 带宽效率： 初次加载后，不需要频繁地从服务器请求页面数据，减少了带宽消耗。
- 丰富的交互性： 更容易实现复杂的交互和动态效果。

3. 缺点：

- SEO 不友好： 由于搜索引擎爬虫有时难以执行 `JavaScript`，导致页面内容无法正确索引。
- 初次加载时间长： 需要加载和执行大量 `JavaScript` 文件，初次加载时间可能较长。
- 性能问题： 如果客户端设备性能较差，渲染速度会受到影响。

4. 应用场景：

- 单页应用（SPA）：如 `Gmail`、`Twitter`。
- 高度交互的用户界面：如各类仪表盘和实时更新的应用。

5. 常见开发技术：

- React： `Facebook` 开发的前端库，专注于构建用户界面。
- Vue.js： 轻量级的前端框架，易于上手和集成。
- Angular： `Google` 开发的框架，适合大型应用。

## 服务端渲染（Server-Side Rendering, SSR）

1. 原理：

服务器根据请求生成完整的 `HTML` 页面，并将其发送到客户端。浏览器直接显示从服务器接收到的完整页面。

2. 优点：

- SEO 友好： 生成的 `HTML` 是完整的内容，搜索引擎爬虫能够轻松索引。
- 初次加载快： 由于服务器已经生成了完整的 `HTML`，初次加载时间较短。
- 性能稳定： 不依赖客户端的计算能力，适合性能较差的设备。

3. 缺点：

- 服务器负载： 服务器需要处理更多的渲染工作，可能导致更高的服务器负载。
- 用户体验： 页面切换时，用户可能会看到白屏或闪烁。
- 交互性： 实现复杂交互可能会比客户端渲染更困难。

4. 应用场景：

- 内容丰富且需要 `SEO` 的网站：如博客、新闻网站。
- 电子商务网站：如电商平台，需要快速加载和 `SEO` 支持。

5. 常见开发技术：

- Next.js：基于 `React` 的框架，支持混合渲染模式（`SSR` 和 `CSR`）。
- Nuxt.js：基于 `Vue.js` 的框架，提供开箱即用的服务端渲染支持。

## 总结
1. `CSR` 更适合需要复杂交互的应用，但初次加载较慢，`SEO` 支持不佳。
2. `SSR` 更适合内容驱动的网站，初次加载快，`SEO` 友好，但服务器负载较大，用户体验可能略差。

## 其他语言服务端渲染举例

### Java
1. Spring Boot + Thymeleaf：

`Spring Boot` 是一个简化了 `Spring` 应用开发的框架，用于快速构建生产级别的独立应用。`Thymeleaf` 是一个现代的服务器端 `Java` 模板引擎，可以与 `Spring` 集成，用于生成 `HTML` 内容。适用场景： 企业级应用、大型 `Web` 系统、需要复杂业务逻辑的应用。

2. JSP：

古老的 `JSP` 技术。

### Python
1. Django：

`Django` 是一个高级 `Python Web` 框架，鼓励快速开发和清洁、实用的设计。内置模板引擎支持，方便实现服务端渲染。适用场景： 内容管理系统（`CMS`）、新闻网站、电子商务平台。

2. Flask + Jinja2：

`Flask` 是一个轻量级的 `Python Web` 框架，适合小型应用和微服务。`Jinja2` 是 `Flask` 默认的模板引擎，用于生成 `HTML` 内容。适用场景： 小型项目、原型开发、微服务架构中的组件。

### Go
1. Gin + HTML 模板：

`Gin` 是一个高性能的 `Go Web` 框架，类似于 `Python` 的 `Flask`。支持使用 `Go` 的标准模板库进行 `HTML` 渲染。适用场景： 高性能 `Web` 应用、微服务。

2. Beego：

`Beego` 是一个全功能的 `Go Web` 框架，内置 `ORM`、缓存、`Session` 等功能。提供内置的模板引擎支持，方便进行服务端渲染。适用场景： 大型 `Web` 应用、企业级应用。

3. Echo + HTML 模板：

`Echo` 是一个高性能、扩展性好的 `Go Web` 框架。支持多种模板引擎，如 `Go` 标准模板、`Pongo2`（`Django` 风格模板）。适用场景： 高性能 `Web` 服务、`API` 服务。

一文搞懂客户端渲染和服务端渲染

《大明王朝1566》是一部中国大陆历史题材电视剧，于2007年首播。该剧由张黎执导，改编自刘和平的同名小说，主要讲述了明朝嘉靖年间发生的一系列政治斗争和权力博弈。

> 关注公众号【月上老狗】，发送消息“1566”，获取网盘链接。
> ![月上老狗](https://images.oldmoon.top/images/dingdangdog/backup/dingdangdog1717512397.jpg)

## 故事背景

故事发生在明朝嘉靖年间，讲述了大明王朝在内忧外患中的政治斗争和社会动荡。剧中主要围绕着嘉靖帝、严嵩、胡宗宪、海瑞等历史人物展开，通过他们之间的斗争和互动，反映出当时的政治生态和社会现实。



## 主要角色

- 嘉靖帝（陈宝国 饰）：明朝第十一位皇帝，治国有道但个性阴险，深居宫中，信奉道教，热衷炼丹。
- 严嵩（倪大红 饰）：权臣，明朝内阁首辅，权倾朝野，利用权势谋取私利，逐渐成为众矢之的。
- 胡宗宪（王庆祥 饰）：浙江巡抚，力图打击倭寇，保境安民，但其间也卷入了朝廷的权力斗争。
- 海瑞（黄志忠 饰）：正直廉洁的清官，以“直谏”闻名于世，敢于对抗权臣严嵩。

## 剧情概要

剧集从嘉靖四十五年（1566年）讲起，当时的明朝面临着内忧外患，倭寇猖獗，朝廷内部权臣争斗不断。

剧中严嵩通过贪污、陷害忠良，逐渐控制了朝政，而胡宗宪则在抵御倭寇的过程中逐渐崛起，成为严嵩的对手。同时，海瑞因不畏权贵，直言进谏，成为了朝廷中的一股清流。

随着剧情的发展，人物之间的斗争愈发激烈，最终在权力的较量中，谁能笑到最后，成为了剧情的最大看点。

## 特色与评价

《大明王朝1566》以其精湛的演技、精良的制作和深刻的剧情受到了观众和评论家的高度评价。该剧不仅展现了复杂的历史背景和人物关系，还通过对权力斗争的细腻描绘，揭示了人性的复杂和政治的残酷。

该剧虽然没有一味追求商业化的噱头，但其深刻的主题和精彩的表演使得它成为了经典的历史剧之一，至今仍被认为是中国电视剧历史题材中的精品之作。

大明王朝1566 网盘资源 | 百度网盘、夸克网盘

原帖链接：https://www.instagram.com/p/C9uhrE7uQDF

![image](https://images.oldmoon.top/images/beauty/beauty1721658542.jpg)



![image](https://images.oldmoon.top/images/beauty/beauty1721658547.jpg)

![image](https://images.oldmoon.top/images/beauty/beauty1721658560.jpg)

20240722欣赏：有点感觉

以下是一些常见的 `display: flex` 子元素布局示例的 `CSS` 代码。

## 1. 水平居中
```css
.container {
    display: flex;
    justify-content: center;
}

.item {
    width: 100px;
    height: 100px;
    background-color: lightblue;
}
```


## 2. 垂直居中
```css
复制代码
.container {
    display: flex;
    align-items: center;
    height: 100vh; /* 确保容器有高度 */
}

.item {
    width: 100px;
    height: 100px;
    background-color: lightcoral;
}
```
## 3. 水平和垂直居中
```css
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 确保容器有高度 */
}

.item {
    width: 100px;
    height: 100px;
    background-color: lightgreen;
}
```
## 4. 水平分布（均匀分布）
```css
.container {
    display: flex;
    justify-content: space-between;
}

.item {
    width: 100px;
    height: 100px;
    background-color: lightpink;
}
```
## 5. 垂直排列
```css
.container {
    display: flex;
    flex-direction: column;
    height: 100vh; /* 确保容器有高度 */
}

.item {
    width: 100px;
    height: 100px;
    background-color: lightseagreen;
    margin-bottom: 10px; /* 添加间距 */
}
```
## 6. 水平和垂直均匀分布
```css
.container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100vh; /* 确保容器有高度 */
}

.item {
    width: 100px;
    height: 100px;
    background-color: lightskyblue;
}
```
## 7. 子元素自适应宽度
```css
.container {
    display: flex;
}

.item {
    flex: 1;
    height: 100px;
    background-color: lightsteelblue;
    margin: 5px; /* 添加间距 */
}
```
这些示例展示了使用 `display: flex` 可以实现的常见布局方式，可以根据具体需求调整和组合这些布局属性。