随着Vue更新到3.x版本，出现了一个新的代码组织方式-组合式API。以前Vue2.x到代码书写风格是选项式 API。 具体可以去vue官网查看 但是在实际代码编写过程中，组合式API一大坨代码都放在一起。不利于后期代码维护，本人小菜鸟一枚就思考是否有什么设计模式或者什么解决的方法。一开始采用的就是普通的分函数这种，但是后面觉得维护起来也很麻烦，问了大佬之后总结出一部分经验。

今天遇到一个问题，我写了下面一个样式，发现子的margin-top没有作用，但是父亲的却出现了子的margin-top值。

今天在写flex自适应布局的时候，出现了一个问题：flex布局子元素高度设置无效。 我的页面布局是这样的

父元素.parent设定了高度，设置iframe height：100%,通过浏览器观察发现，外层div与iframe高度相同，为什么出现滚动条，发现没有padding/margin的影响。

更麻烦的是有些图标悬浮上去是要改变颜色的。这里我找到了一种让svg方便引入的方法，而且能像字体文件一样，简单的改变颜色和大小。

本文记录一下Vue3的一个基本的开发框架的搭建。主要在公司开发业务，主体框架不用每次都搭建。时间长了就容易忘记了，当初的框架如何搭建的。文章记录的框架搭建的主要实现功能如题，然后研究一些快捷的操作。例如，ts定义的空间自动导入等等。

随着移动端设备的普及，作为前端开发，难免会遇到图片双指放大的需求。触控设备可以直接使用手指进行交互，而且基本上都支持多点触控。所以，查阅了网上大佬的案例，编写一个vue指令，来完成双指放大图片的需求。

原本旧项目框架的问题，导致打包的内容比较大，vendor这种文件达到了4M，个人感觉是存在一些问题的，想着优化下，正巧同事做了新模版，打包之后整体文件也就在2M左右，太强了，看来vue-cli脚手架还是要研究研究。

服务器本身很垃圾，是一个小鸡服务器，Java后端程序经常崩溃，所以用sh脚本简单的做一个自动重启命令

最近遇到个需求，需要一个类似于钉钉头部的菜单栏，因为钉钉的头部可以通过函数来渲染需要组件的样式，以及回调函数。所以，第一眼想到了，用单粒模式来模仿这个。那么我们就需要一个全局组件

通常我们编写脚本中会遇到用户输入字符的操作，对于大部分网站来说，用的都是input或者一些用contenteditable=true这种属性。来完成用户的输入。但是，网站通常都在用户输入的时候做一些JS的操作，那么，在JS脚本中如果单纯的在input里面填入文字，他不会触发网站的JS操作。为此查询了下资料，得知可以通过EventTarget.dispatchEvent来重新初始化事件。这样在脚本填入文字的时候就能触发网站原本的操作了。

因PVE7.0更换了Debian11作为内核，软件源管理方式也发生了变更，故原软件源配置方法已失效。默认是企业订阅版，如果不做修改，在使用 pveceph init 进行 ceph 初始化安装的时候会将整个环境破坏，切记！