个人技术分享

之前的项目中，有些文字比较长，不可能全部展示出来，就自己手写了个指令版本的tooltip,开始使用的显示方式，是自己在body中单独创建了个元素，然后监听鼠标事件，然后采用position:fixed的方式展示。后来，想了下，打算借助ElementPlus的tooltip组件进行实现，只需要自己去判断内容是否超出展示的边界即可，于是便有了这篇文章。

封装组件top.vue是一个封装的组件，因为它可以接收外部数据（通过 props）并展示它。父子组件之间传值：在父组件中，通过textprop 将数据传递到top子组件中，这体现了父子组件之间的数据传递。

这个世界上，有两种人最痛苦，第一种是身居高位者，第二种是身居底层者，第一种人很少，第二种人很多。第一种人叫崇祯，第二种人叫百姓。而最幸福的，就是中间那拨人，主要工作，叫做欺上瞒下，具体特点是，除了好事，什么都办；例如：我们要将 a=1&b=2&c=3 转为 {a:1, b:2, c:3}as 重映射-索引的重命名。那么，我们要有按这三步走。

Autofit.js是一个用于自适应网页布局的JavaScript库，它可以根据元素的尺寸和屏幕的大小，自动调整布局和排列方式，以适应不同的设备和分辨率。它提供了简单易用的API，可以帮助我们轻松实现各种自适应效果。

用keyframes定义动画（类似定义类选择器）@keyframes动画名称{0%{100%{

JS全称是JavaScript，是一种脚本语言，诞生于1995年，JS是由ECMAScript（包含js语法）、BOM（Brower Oject Model，和浏览器相关操作）、DOM（Document Object Model，和页面内容相关操作）组成的。JS的版本有ES5、ES6、ES7、ES8JS可以写在HTML文件当中的，JS也可以写在后缀名为js的文件当中，然后导入到html文件中，还可以写在标签中，作为标签属性。和CSS一样，JS也有三种写入html的写法。

关闭所有页面，打开到应用内的某个页面。

基于springboot的养老院管理系统，本系统为后台管理系统，分为三个角色，分别是超级管理员、管理员、用户。超级管理员、管理员的功能如下：登录、修改密码、账号管理、健康档案管理、病例管理、药品管理、每月餐饮管理、外出报备、入住登记、寝室分配、事故记录、访客记录、收费管理; 其中超级管理员可进行管理员账号管理。用户的功能如下：登录、修改密码、个人信息、家人情况、每月餐饮管理、外出报备、查看收费标准。

war上传到linux的tomcat的webapps下。其他环境配置和macOS大差不差。springboot后端。

重学C语言

war上传到linux的tomcat的webapps下。其他环境配置和macOS大差不差。springboot后端。

【代码】react基础。

React：Mobx的autorun 和 runInAction（异步）

但是，如果必须将道具传递到中间的许多组件，或者应用中的许多组件需要相同的信息，则传递道具可能会变得冗长且不方便。但是，当您需要将一些道具深入树中传递时，或者如果许多组件需要相同的道具时，传递道具可能会变得冗长和不方便。最接近的共同祖先可能与需要数据的组件相距甚远，将。如果有一种方法可以在不传递道具的情况下将数据“传送”到树中需要它的组件，那不是很好吗？允许父组件将一些信息提供给其下树中的任何组件（无论其深度如何），而无需通过 prop 显式传递它。是将数据通过 UI 树显式传递到使用它的组件的好方法。

因为在webpack看来，项目中的所有资源皆为模块，通过分析模块间的依赖关系，在其内部构建出一个依赖图，最终编绎输出模块为 HTML、JavaScript、CSS 以及各种静态文件（图片、字体等），让我们的开发过程更加高效。4、编译模块：调用相应的loader对不同的文件做转换处理，在找出该模块依赖的模块，递归本操作，直到项目中依赖的所有模块都经过了本操作的编译处理。5、完成编译并输出：根据入口和模块之间的依赖关系，生成一个个chunk，根据output输出所有的chunk到相应的文件目录。

观察者模式(Observer Pattern)：定义对象之间的一种一对多依赖关系，使得每当一个对象状态发生改变时，其相关依赖对象皆得到通知并被自动更新。观察者模式的别名包括发布-订阅（Publish/Subscribe）模式、模型-视图（Model/View）模式、源-监听器（Source/Listener）模式或从属者（Dependents）模式。观察者模式是一种对象行为型模式。

这样，可以在父组件中使用SupplierSelect组件，并将其与Form同步数据。通过调用setSelectedSupplier函数来更新父组件中selectedSupplier的值，从而保持数据的同步性。

文章目录一、HTML5新特性1.HTML5新增的语义化标签2.HTML5新增的多媒体标签3.HTML5新增的input类型4.HTML5新增表单属性二、CSS3的新特性1.属性选择器2.结构伪类选择器3.伪元素选择器4.CSS3盒子模型5.过渡一、HTML5新特性1.HTML5新增的语义化标签2.HTML5新增的多媒体标签video标签audio标签3.HTML5新增的input类型4.HTML5新增表单属性二、CSS3的新特性1.属性选择器2.结构伪类选择器

本文章将介绍MyBatis的几个常见的标签并实现动态SQL