笔记来源：尚硅谷 Web 前端 HTML5&CSS3 初学者零基础入门全套完整版文章目录弹性盒简介1、基本概念弹性盒弹性容器弹性元素2、弹性容器的属性主轴属性排列方式：flex-direction自动换行：flext-wrap简写属性：flex-flow空白空间：justify-content辅轴属性辅轴对齐：align-items空白空间：align-content3、弹性元素的属性伸展

（当然更简单的方式，不套外层的inline-flex容器，直接在.box中使用vertical-align:top也可以解决这个对齐的问题，但是假设这里的span和div大小是不一样的，那么它们在同一行中并不能垂直居中对齐，而且垂直居中也是比较麻烦的-或者说把2个都设置为vertical-align:middle也可以垂直居中,而如果使用margin-top则两个都会一起向下移动达不到效果。，不管

WebSocket协议：5分钟从入门到精通https://www.cnblogs.com/chyingp/p/websocket-deep-in.htmlWebSocket协议入门介绍h ttps://www.cnblogs.com/nuccch/p/10947256.html

左边盒子和右边盒子在都没有设置高度的情况下，它们是等高的（因为默认-> align-items:stretch，它们的高度在flex容器没有设置高度的情况下，将由左边盒子和右边盒子最高的高度决定。但是如果在右边 盒子里面放一个宽度为600px，高度为200px的黄色盒子，显然宽度已经超出了右边盒子的宽度，如下所示，我们看到左边的宽度不再是固定的300px了！/* 重要的是这行代码，这样右边的盒子就

表情图片放在public的emoji文件夹下面emoji.json放在src/components/EmojiText文件夹下，文件内容如下：EmojiText.vue里面默认用了iconfont的字体，需要自行引入。

let PrevImgConstructor = Vue . extend(PrevImg) let instance = new PrevImgConstructor() /* 这里会打印dom */ console . log('instance' , instance . $mount() . $el);

注意：v-model 会忽略任何表单元素上初始的 value、checked 或 selected attribute。它将始终将当前绑定的 JavaScript 状态视为数据的正确来源。vue3可以帮助我们将vue定义的变量绑定到html表单元素上，并且监听到html表单元素修改值时，会将对应的vue定义的变量修改。v-model 还可以用于各种不同类型的输入。注意：要加上下面的样式，才有换行效

* 异步组件：当第一次切换到当前组件时候，才会去后台请求异步组件渲染函数，请求完了之后，下面这句代码才会执行，然后根据这个渲染函数创建组件实例 *//* 异步组件：当第一次切换到当前组件时候，才会去后台请求异步组件渲染函数，请求完了之后，下面这句代码才会执行，然后根据这个渲染函数创建组件实例 *//* 异步组件：当第一次切换到当前组件时候，才会去后台请求异步组件渲染函数，请求完了之后，下面这句代码

Framework.vue中通过路由出口，展示了Main.vue组件，但是现在需要在Main.vue组件中去调用Framework.vue组件中的方法，可以有以下几种做法。

文章目录学习链接效果图后台建表评论表（重要）用户表实体类CommentUserCommentDTO（重要）WebConfig配置配置跨域和静态资源文件夹Mybatisplus相关类MyBatisPlusConfig 配置分页插件CommentMapperCommentMapper.xmlCommentServiceImpl评论接口CommentControllerPageUtilsResult其它