- 博客(72)
- 资源 (1)
- 收藏
- 关注

原创 vue中使用element的i18n语言转换(保姆式教程-保证能用)
1、项目中需要使用的插件,vue2或vue3、element、vue-i18n、js-cookie、vuex我是在vue2中使用。其他的语言类似以上操作,创建xx.js的文件,在lang文件夹下面的index.js引入并且在messages里面使用即可。因为要在最外层切换,所以需要使用vuex,又想刷新语言不丢失,可以保存在本地。3、创建lang文件夹,然后对应的js语言文件。2、在main.js中引入i18n。然后在index.js引入模块即可。zh.js文件,中文语言包。在页面中进行语言切换。
2024-05-09 14:07:00
478
原创 vue2使用webpack-obfuscator对项目进行build时混淆+压缩+加密代码
我的对应的是2.6.0的版本,具体版本可以看其他的官网文档。2、使用方法:vue.config.js文件。
2025-02-11 14:58:45
366
原创 uniapp发布Android的app步骤和获取应用权限的方法
1、创建uni-app应用2、登录/dcloud官网,找到对应的应用生成Android的云端证书3、生成过后把证书下载到电脑上,然后点击证书详情,获取到里面的别名和密钥(密钥一定要保存好)然后到Hubilder界面进行打包,我这里选择的是云打包,方便这里把刚刚说到的数据填上即可打包。
2025-01-13 14:54:32
793
原创 浏览器点击视频裁剪当前帧,然后粘贴到页面
详细代码(当前的需求是在一个页面获取到当前帧,然后在另一个页面获取剪切板并粘贴)如果要进行上传的话,下面的操作。浏览器直接获取系统剪切板数据。废话不多说,直接上代码。
2024-12-25 14:25:36
427
原创 vue3+vite+js+elector开发流程
主进程通过 ipcMain.on() 接收渲染进程传递数据,通过 win.webContent.send() 传递数据至渲染进程。渲染进程通过 ipcRenderer.on() 和 ipcRenderer.send() 接收/传递信息主进程。一、创建Electron应用程序。配置vite.config.js。安装失败需要更改镜像文件。
2024-12-23 15:31:25
346
原创 vue2项目在发布后更新,提示用户刷新页面
1、在项目根目录创建resetVersion.js的文件,内容如下。2、在package.json的build命令中。3、在路由的页面添加路由守卫监听页面是否跟新。(具体路径可能会有点问题,但是不影响)4、具体就打包发布—就此运行成功。
2024-10-28 14:37:25
462
原创 vue2中使用tailwindCss 详细教程
通过 npm 安装 tailwindcss,然后创建你自己的 create your tailwind.config.js 配置文件。由于最新的tailwind css使用post css 8版本,vue2框架暂时还不支持,所以需要指定安装postcss7的版本。在tailwind.config.js文件中,将配置修改为以下内容。
2024-09-26 15:14:43
965
2
原创 前端解决后端的Long型数据id返回前端时,js的数字会丢失精度的问题
前端一般都是用axios进行数据请求,我们通过引入json-bigint来解决。在封装的请求工具类中添加如下代码即可。
2024-07-10 17:48:29
363
转载 已有的vue项目实现pwa添加到主桌面
4、 registerServiceWorker.js文件(registerServiceWorker.js主要是注册Service Worker。注意:使用SW需要https及浏览器兼容)2、此时会生成registerServiceWorker.js或者manifest.json两个文件。配置manifest.json文件.(manifest.json文件主要是配置图标,app名称,显示方式等)5、配置vue.config.js文件,控制Service Worker行为。设置缓存逻辑、文件名字等。
2024-07-01 11:24:17
305
转载 使用DataV轮播表dv-scroll-board添加移入显示tooltip功能
【代码】使用DataV轮播表dv-scroll-board添加移入显示tooltip功能。
2024-06-21 10:08:46
857
原创 ElementUI的Table组件在无数据情况下让“暂无数据”文本居中显示
【代码】ElementUI的Table组件在无数据情况下让“暂无数据”文本居中显示。
2024-06-06 10:01:33
583
原创 qrcode和qrcodejs2生成二维码+刷新
1、使用qrcode生产二维码,封装组件。2、使用qrcodejs2点击生成二维码。创建Qrcode.vue文件。
2024-05-22 16:52:21
1703
原创 keep-alive包裹的两个页面使用了echart,在resize后切换,echart会出现空白现象,需要再resize才会出现
因为keep-live保存了当前页面的属性,相当于给这个页面设置了display:none,当切换再切回去时候,保存的图的属性和当前浏览器大小不匹配,就认为这个图没被加载过,它的宽高都是0了。问题:页面有2个echarts图,一打开页面图表是有的,然后切换到另一个页面,也是有2个echarts图,然后缩放浏览器窗口,再切换回第一次打开的页面,图表不显示。在activated生命周期里,添加echarts实例的resize方法。
2024-04-10 11:28:50
430
原创 node_vue个人博客系统开发
1、创建node_serve服务文件夹2、初始化项目3、导入express框架4、创建一个app.js文件,为服务端的入口文件5、通过node或者nodemon启动服务。
2024-03-07 00:12:26
422
转载 uniapp使用vue3创建项目 echarts,dataZoom不能滑动解决办法
【代码】uniapp使用vue3创建项目 echarts,dataZoom不能滑动解决办法。
2024-03-04 11:01:35
639
2
原创 vue2中wangeditor富文本编辑器使用方法
vue2使用wangeditor富文本 包括:【标题设置、字体加粗、斜体、下划线、删除、文字颜色、背景颜色、链接、列表(有序、无序)、表情、图片(网络图片、本地上传)、表格、视频、代码块、返回上一步、返回下一步(但其实ctrl+z快捷键也可以)】3、wangEditor文件夹下面index的内容如下,直接复制粘贴上去就可以。2、安装好之后在components下面新建一个wangEditor文件夹。
2024-01-30 14:38:20
1049
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人