原创 vue3中使用websocket

WebSocket是一种在Web应用程序中实现双向通信的通信协议，它允许客户端和服务器之间建立持久的、低延迟的连接，以实现实时数据传输。通过封装Websocket类，我们可以在Vue3中轻松使用Websocket进行实时数据传输。基于Vue3封装一个好用的Websocket_vue3 websocket封装-优快云博客。vue3 封装WebSocket（直接复制）_vue3 websocket封装-优快云博客。vue3中使用webstocket_vue3 封装websocket.ts-优快云博客。

原创 vue3中使用ant-design-vue

ant-design-vue官网：Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAn enterprise-class UI components based on Ant Design and Vuehttps://www.antdv.com/components/overview-cn/ 引入全局引入：局部引入：使用

原创 将 Notepad++ 添加到右键菜单

在 HKEY_CLASSES_ROOT/*/Shell 下，点击shell，右键新建项 【Notepad++】，点击 Notepad++，在右侧的【默认】上右键点击【修改】打开注册表编辑器：快捷键为“Windows+R”，打开 “运行”窗口，输入 【regedit】，然后点击“确定”。点击command，在右侧的“默认”上右键并点击“修改”此时在txt上右键发现有【通过 Notepad++ 打开】的选项了！在弹出的对话框中输入：【通过 Notepad++ 打开】命名为【Icon】，并右键 修改。

原创 html5播放flv视频

【代码】html5播放flv视频。

原创 python将地理数据导出到postgis

注意要选择postgis范本。

原创 python导出数据到sqlite中

【代码】python导出数据到sqlite中。

原创 python导出数据到excel

【代码】python导出数据到excel。

原创 python入门

Python Windows版本下载| Python中文网 官网。Python Windows版本下载| Python中文网 官网。

原创 input原生标签结合vue3双向绑定只有第一次生效问题

在以下changeTest函数中改变test的值，发现input输入框只有第一次会更新，后面几次就不更新了。解决办法：将:value="test"改为。

原创 img为空时不显示

当img标签的src为空时，会显示一个破碎的图片，不好看。2、图片为空时用其他图片替代。1、图片为空时隐藏图片。

原创 el-table中添加一行后滚动到表尾

原创 大家可以关注一下公司同事c++,gis大佬~~~~小白舒

小白舒_SC擅长c++,学习总结,qt,等方面的知识,小白舒_SC关注elasticsearch,linux,mysql领域.小白舒_SC的博客_优快云博客-c++,学习总结,qt领域博主。

原创 Navicat对postgresql导入导出的坑

Navicat导出postgresql中的表，再新建数据库导入时通常会报错，往往是因为自增id导致的。重新导入，并执行以下命令：（注意：user为表名，id为自增字段）可以看到，再次导入时会报错！

原创 CSS自定义cursor鼠标光标样式

自定义鼠标：cursor:url('图标路径'),default;表示如果图标路径有问题，则会应用default样式。浏览器兼容性不一，最好用cur或ico格式。cur文件大小务必设为32*32。

原创 Navicat删除postgres数据库提示有会话正在使用

postgresql中的test数据库删不掉，出现以下错误提示。解决办法：执行以下sql语句，注意要指定数据库名（test）再次删除test数据库即可删掉。

原创 vue3中使用富文本编辑器【wangEditor】

开源 Web 富文本编辑器，开箱即用，配置简单。

原创 vue3实现拖拽线

【代码】vue3实现拖拽线。

原创 vite中使用html2canvas 将img、svg和div转canvas

使用 html2canvas 插件，其官网：html2canvas - Screenshots with JavaScripthttp://html2canvas.hertzen.com/ 安装html2canvas： 引入：测试： 效果图： 注意：svg外面要再包一层div，才能获取到svg的dom，不能直接在svg上用ref img转canvas方式1：方式2：使用 html2canvas 插件

原创 TypeScript中namespace命名空间

这个暴露是暴露在命名空间外，不是将其在模块中暴露出去。中的命名空间中的对象、类、函数等可以通过。

原创 Vue3深度选择器 :deep()

使用 :deep() 替换 ::v-deep。vue3中： :deep()vue2中： ::v-deep。

原创 Vue3中引入外部自定义字体

免费商用字体下载（中文字体、繁体字体、英文字体、日文字体、韩文字体），含有授权说明，不定期更新，诚信分享。将下载的ttf文件放到 src/assets/font 文件夹中。

原创 Vue3一键回到顶部/底部

【代码】Vue3一键回到顶部/底部。

原创 Vue3页面内跳转锚点-scrollIntoView（）

方法将调用它的元素滚动到浏览器窗口的可见区域。alignToToptruefalsescrollIntoViewOptions，一个包含下列属性的对象。behavior定义过渡动画，默认值为auto。autosmoothblock定义垂直方向的对齐，默认值为start。start顶端center中间end底端nearestinline定义水平方向的对齐，默认值为nearest。start左端center中间end右端nearest。

原创 Nuxt3中使用swiper

Swiper7使用的默认容器是.swiper，Swiper6以下使用的是.swiper-container。再引入swiper时，尝试了npm 包： swiper、vue-awesome-swiper等，尝试在nuxt3里增加plugin的方式引入，都没有成功，个人感觉应该是可以的，可能是我没有尝试对，最后使用了在nuxt.config.ts中引入的方法。nuxt3：swiper实现轮播效果_nuxt 使用swiper_snow@li的博客-优快云博客。Swiper使用方法 - Swiper中文网。

原创 CSS实现鼠标悬停时图标旋转

180deg为相对于初始样式旋转的角度。

原创 Nuxt3.3中使用scss

这个版本默认是不能使用scss的，我们只需要安装sass包即可在项目中直接使用scss了，什么都不用配置。

原创 Nuxt3去掉body中默认的边距

在nuxt.config.ts中添加以下一行即可。

原创 Nuxt3中的状态管理-useState

Nuxt3不再集成Vuex。但是Vue的官方建议是使用pinia，通过包导入到项目中。如果是大型项目中，建议使用pinia, 如果只是简单的存储信息，Nuxt3自带的useState足矣。首先我们需要在项目的根目录新建composables文件夹，然后创建状态管理文件如state.ts。

原创 Nuxt3中的useCookie

删除cookie时，只需赋值为undefined或null即可。

原创 Nuxt3中的useNuxtApp和插件plugins

nuxtApp是一个运行时的上下文， 可以通过插件（plugins）来扩展它。使用provide方法就可以创建nuxt 插件，指定name，就可以在所有的组合式API和组件中通过name来调用value指定对象。

原创 Nuxt3中的常用seo标签

Nuxt提供了和等组件让你在组件中方便的设置和更改你项目中的metadata。由于这些组件名与原生的HTML中的一些元素一样，所以你在template中使用时，一定要注意大写。和可以内部包含元标签(meta tags)。但对最终渲染成的HTML中的嵌套元标签没有什么影响。网页标题

原创 Nuxt3中的runtimeConfig与app.config

Nuxt提供了一个运行时配置API，在你的应用程序和服务器路由中暴露配置，并能在运行时通过设置环境变量进行更新。

原创 Nuxt3中请求数据-useFetch等

删：/server/api/user/[id].delete.ts。增：/server/api/user.post.ts。改：/server/api/user.put.ts。查：/server/api/user.ts。前缀的服务器路由，可以把它们放到。里面的文件会自动在路由中加上。

原创 Nuxt3中的中间件-middleware

nuxt3中有三种路由中间件1、匿名(或者叫内联)的中间件：在pages目录下的以文件名自动生成对应路由的功能，就是nuxt3框架内部自动生成一些中间件来实现这一机制的。如我在index页下面添加了这行代码，我的首页被直接重定向到了test页2、命名的路由中间件：放在项目的middleware目录下。此目录下的命名路由如果在page中使用，那nuxt3框架会自动加载此路由中间件。

原创 Nuxt3中的composables目录

Nuxt3中composables

原创 Nuxt3中引入ElementUI-Plus

nuxt.config.ts文件中引入模块。

原创 Nuxt3中的layouts 公共模板布局

在根目录下创建layouts（文件名必须是layouts）文件夹，在layouts文件夹下新建defult.vue文件（默认自定义布局页的模板）。default文件里要写一个,插槽就是用来放自定义的组件的。

原创 Nuxt3中的路由 NuxtLink

给app.vue中 添加标签（相当于vue2中router-view标签）,再在根目录新建 pages 文件夹，添加 index.vue文件，这样当访问localhost:3000/ 时，就不会去访问app.vue，而是 pages/index.vue 页面了。（经测试，此时就算把app.vue删掉，项目依然是可以运行的）

原创 Nuxt3入门

nuxt3中文文档：SEO 和 Meta · 开始使用Nuxt3 Nuxt中文站改进您的Nuxt应用程序的SEO与强大的头部配置，组合和组件。如果发现以下无法下载的情况可以通过手动指定结点ip， 方式如下：访问：raw.githubusercontent.com_在线ping_多地ping_多线路ping_持续ping_网络延迟测试_服务器延迟测试修改后，就可以安装nuxt了运行成功。

原创 nodejs中判断windows、mac或linux系统

【代码】nodejs中判断windows、mac或linux系统。