Flask 是一个轻量级且灵活的 Python Web 框架。其主要功能之一是能够使用强大的模板引擎 Jinja2 呈现 HTML 模板。本博客将引导您了解 Flask 模板的基础知识，并演示如何使用 Jinja2 渲染动态 HTML 内容。

模板字面量（Template Literals）

ECMAScript 6引入了模板字面量，对字符串的操作进行了增强方式：

• 多行字符串

真正的多行字符串。

• 字符串占位符

可以将变量或JavaScript表达式嵌入到占位符中并将其作为字符串的一部分输出到结果中。

多行字符串

编程语言毕竟是文本，只在ASCII码内无法表达更多的含义，如果不用新的函数或者关键字，就需要用“转义”的字符串格式来代表特定格式串。这就是格式串的来源。

转自网络

1、console.log()

我们经常会使用console.log来打印出某个变量的值或者某个实体对象，也可以传入多个变量参数，它会按照传入顺序进行打印：

1. 传入一个变量
const a = 1;
console.log(a); // -> 1

2. 传入一个对象
const foo = {a: 1};
console.log(foo); // -> {a: 1}

3. 传入多个变量
console.log(a, foo); // -> 1 {a: 1} 
复制代码

Flask 使用 Jinja2 模板引擎来渲染 HTML 页面，允许开发者将动态内容嵌入到静态 HTML 文件中，从而实现页面的动态渲染。Jinja2 是一个功能强大的模板引擎，提供了变量替换、控制结构（如循环和条件语句）以及过滤器等功能。

环境：SpringBoot2.3.9.RELEASE + QQ邮箱 + JDK8

• QQ邮箱开启SMTP

进入设置---》帐户

开启功能

生成授权码

这里的授权码用于配置邮件服务的密码。

• 应用配置

spring:
  mail:
    host: smtp.qq.com
    port: 465
    default-encoding: UTF-8
    username: xxxx@qq.com
    password: xxxxx #这里是上一步生成的授权码
    properties:
      mail.smtp.ssl.enable: true #开启SSl
      mail.smtp.connectiontimeout: 5000
      mail.debug: true #调试模式，这样在发送邮件时会输出详细信息

一般我们常见placeholder伪类选择器用来修改默认样式及文案，忽然发现placeholder-shown伪类选择器，比较官方的解释是

CSS伪类表示任何显示占位符文本的form元素。

简单来说就是当输入框的placeholder内容显示的时候，输入框干嘛干嘛。

兼容性如下，在移动端没什么问题

placeholder-show是如何工作的？

文本输入

现在终于可以开始介绍Swing用户界面组件了。首先，介绍具有用户输入和编辑文本功能的组件。文本域（JTextField）组件和文本区（JTextArea）组件用于获取文本输入。文本域只能接收单行文本输入而文本区可以接收多行文本输入。

这两个类都继承于JTextComponent类。由于JTextComponent类是抽象类，所以不能构造这个类的对象。另外，在Java中常会看到这种情况，当查看API文档时，发现自己正在寻找的方法实际上来自父类JTextComponent，而不是来自派生类自身。例如，在一个文本域和文本区内获取（get）、设置（set）文本的方法实际上都是JTextComponent类中的方法。

概念

HTML Webpack Plugin这是一个webpack插件，它简化了HTML文件的创建，以服务于你的webpack bundle。这对于在文件名中包含哈希的webpack包特别有用，因为文件名会改变每次编译。您可以让插件为您生成一个HTML文件，或者使用lodash模板提供您自己的模板，或者使用您自己的加载器。

安装

针对webpack的版本，需要安装对应不同的版本。

我们经常会遇到这样的一个问题。

设计出了很牛逼的设计稿，客户确认了，前端静态制作也出来，还原设计稿95%以上，客户也确认了。

那是个完美啊！！做完程序了，交给客户了。然后客户自己上传了图片了。那个悲催啊！！惨不忍睹啊！！

完全和设计稿两码事？图片不好看，到处都跑位。

客户就骂过来了，你们是否也遇到这样的事情？因为客户的公司没有设计师啊，哈哈，这个问题可能遇到的不少。

其实大家都会说，这归根到底都是客户没有处理图片的问题所造成的。然后大家都推来推去。