All posts by 龙生

在VUE中 如何在DOM 渲染完成后 在执行一些DOM 操作

{
created () {
this.$nextTick(() => {
// 可以使用回调函数的写法
// 这个函数中DOM必定渲染完成
})

this.$nextTick().then(() => {
// 也支持promise
// 这个函数中DOM必定渲染完成
})
}
}

vue3的优秀开源项目

vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案，它提供了一系列的通用组件和基础功能，可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能，同时也提供了多种主题风格和自定义配置选项，方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-vben-admin Vue Vben Admin 是一个基于 Vue3 和 TypeScript 的开源后台管理系统模板，它包含了众多的组件和插件，可以帮助开发者快速构建出高质量的后台管理系统。Vue Vben Admin 具有极高的可扩展性和灵活性，可以轻松地满足不同的业务需求。它还提供了丰富的文档和示例代码，使得开发者可以快速上手并进行开发。 https://github.com/vbenjs/vue-vben-admin vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案，它提供了一系列的通用组件和基础功能，可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能，同时也提供了多种主题风格和自定义配置选项，方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案，它提供了一系列的通用组件和基础功能，可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能，同时也提供了多种主题风格和自定义配置选项，方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案，它提供了一系列的通用组件和基础功能，可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能，同时也提供了多种主题风格和自定义配置选项，方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案，它提供了一系列的通用组件和基础功能，可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能，同时也提供了多种主题风格和自定义配置选项，方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system   参考：https://www.zhihu.com/question/440658257

Vue2 环境下安装Vue3 ，同一台电脑同时安装vue2 和vue3

目前大多数老的项目还是以vue2.0版本为主，在vue3的环境下vue2的项目又不能运行，因此Vue2 和Vue3两个版本同时存在显得尤为重要，本博客为转发博客，非常详细。

VS Code中powershell无法运行cnpm, vue等命令

转载：https://www.cnblogs.com/donz/p/12200915.html 在VSCode中，选项View -> Terminal，默认打开PowerShell执行命令，如产生如下报错：   1. 在Windows系统搜索powershell，以管理员运行：   2. 在命令框输入： set-ExecutionPolicy RemoteSigned， 然后输入A   from:https://www.cnblogs.com/donz/p/12200915.html

Vue3 — PDF展示、添加签名（带笔锋）、导出

文章目录
笔锋签名
方案一
实现要点
实现过程
组件引用
页面元素
添加引用
实现代码
效果展示
缺点
方案二
修改页面元素
替换引用
修改代码
效果展示
完整代码地址

实现功能的时候采用了两个方案，主要是第一个方案最后的实现效果并不太理想，但实现起来比较简单，要求不高时可以使用。

该
DEMO 会一次性加载并展示所有的
PDF 页面，目的是方便在手机上观看时上下滑动，如果要做成上一页下一页的效果，需要自行实现。

smooth-signature​：H5前端canvas实现带笔锋手写签名，支持PC端和移动端使用，无框架限制，Vue、React等均可使用

我们平时纸上写字，细看会发现笔画的粗细是不均匀的，这是写字过程中，笔的按压力度和移动速度不同而形成的。而在电脑手机浏览器上，虽然我们无法获取到触摸的压力，但可以通过画笔移动的速度来实现不均匀的笔画效果，让字体看起来和纸上写字一样有“笔锋”。

npm设置国内源（淘宝镜像源），解决npm包下载速度慢的问题

因为众所周知的原因，我们从拉取从官方源拉取npm 依赖，经常容易出现超时，拉取失败的情况。这个时候我们就非常有必要切换使用国内源了，如淘宝源等
npm config set registry https://registry.npm.taobao.org

前端开发环境

Node.js 服务端的 JavaScript，所有的包依赖、开发脚手架都是基于node.js的。 下载地址：https://nodejs.org/en/   Python 有些依赖包是python写的。 下载地址：https://www.python.org/downloads/release/python-2717/   Vscode 微软开源轻量级IDE，插件多，受众广泛。 下载地址：https://visualstudio.microsoft.com/zh-hans/downloads/   安装过node.js之后，就可以cmd下查看npm的版本了，vue2要求npm的版本3.0以上。 用以下命令查看npm版本：npm -v 使用淘宝 NPM 镜像安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org   npm设置为淘宝镜像 npm config set registry https://registry.npm.taobao.org   #升级 npm cnpm install npm -g # 升级或安装 cnpm npm install cnpm -g   # 全局安装 vue-cli npm install --global vue-cli   创建Vue项目 vue init webpack {project name}

node 版本与 node-sass node-loader 版本的对应关系

node 版本与 node-sass 版本的对应关系： 其一、查看文档的地址： https://www.npmjs.com/package/node-sass 其二、对应关系的表格： 对应版本 node16 “node-sass”: “6.0.1” “sass-loader”: “10.2.0” node: v14.19.0; node-sass: ^4.14.1; sass-loader: ^7.3.1; from:https://blog.csdn.net/weixin_38345306/article/details/132311818

Spring Boot 3.0 (二十六)：Docker Compose + Spring Boot + Nginx + Mysql 实践

我知道大家这段时间看了我写关于 docker 相关的几篇文章，不疼不痒的，仍然没有感受 docker 的便利，是的，我也是这样认为的，I know your feeling 。

前期了解概念什么的确实比较无聊，请不要着急精彩马上开始，当大家对 docker 相关概念有所了解之后，后面我会结合 Spring Boot 给大家来一系列的小例子，会让大家感受到使用 Docker 就是这么爽！

今天给大家演出的导演是 Docker 家族的 docker-compose ，主演是 Spring Boot、Nginx、Mysql 三位又红又紫的大碗，名导名演在一起的时候往往是准备搞事情，接下来又一场经典大片值得大家期待。