Mrceel的博客_CSDN博客-Vue,javascript,前端领域博主

原创 mac vscode 在所选的每一行的末尾插入光标

mac vscode 在所选的每一行的末尾插入光标快捷键

2022-11-15 09:53:39 30

原创把 vs Code 添加到右键菜单 ( 其他程序一样 )

把 vs Code 添加到右键菜单 ( 其他程序一样 )

2022-10-30 16:05:07 262

原创 vite+vue3实现对Echarts的动态换肤。及页面动态换肤

页面换肤插件vite-plugin-theme-preprocessor官网使用这个插件很简单就能实现页面的动态换肤Echarts 动态换肤的实现首先在Echarts主题编辑器里边生成想要的颜色主题导入到项目中配置动态切换导入主题文件ps：本人这里Echarts使用的是按需引入，所以需要注册一下，特意试了一下不注册无法换肤。定义全局变量const app = createApp(App)app.config.globalProperties.$echart = ref('

2022-04-21 10:05:40 1421

原创 svn 命令行使用记录

删除svn上文件或文件夹svn delete [ path ] 例如： svn delete src 或者 svn delete test.jssvn ci -m ’删除文件‘ 注： ci 为 commit的简写

2022-02-24 10:03:47 24

原创 Echarts 多轴多图实现

效果图基于 echarts 5.2.2官网原话如下：在 ECharts 2.x 里单个 echarts 实例中最多只能存在一个 grid 组件，在 ECharts 3 中可以存在任意个 grid 组件。也就是在Echarts3及以上都可以实现单个实例多个图形。示例图源代码如下，可直接复制到echarts官网实例进行修改查看。以便明白各个属性的具体作用！Echarts官网实例option = { grid: [ // 该数组的每一项代表一个图形相当于一个x轴和y轴 {

2021-11-28 13:03:09 1220

原创 win10 安装gcc

今天安装gcc的时候看了好多文章，千篇一律而且不友好。所以才决定写下来记录一下！下载地址官网地址打开后往下找，具体如图。点击下载：官网下载比较慢，可以去我上传的文件里找找直达车文件名叫 { mingw64.7zx86_64-8.1.0-release-posix-seh-rt_v6-rev0 }不需要积分就能下载（如果没有的话大概是没有审核完预计2-9天审核完成，上传时间 2021-11-11）解压接下来我们把它解压到目标路径，注意：路径不要包含中文名例如：E:\Program Fi

2021-11-11 00:16:29 371

原创 Mac vscode配置c语言开发环境

2021年11月05日16:29:59先检查一下gcc的安装情况gcc -v如果报错， “X…” 什么的执行下面命令：（此语句并不是安装xcode，放心，本人亲测）xcode-select --install-------准备工作完成----打开vscode安装插件Code Runner安装完code runner 后右上角有个图标，如图。这个时候你新建一个.c文件，写个测试代码点击一下运行图标就可以运行了，非常适合新手。关于其他的配置，参考下面链接。很具体ps：虽然看起

2021-11-05 16:52:26 724

原创 Mac配置cx_oracle连接远程数据库（python3）

本机： Mac 64位python使用的是Anaconda3 => Python 3.8.5cx_oracle 是直接通过 pip3 install cx_oracle 下载的具体版本号我也不知道怎么看。。。oracle即时客户端 19.8 点击此处下载合适的版本文件下载完成后将软件包解压缩到应用程序可访问的单个目录中。例如，在终端中，您可以将你的主目录解压缩：cd ~unzip instantclient-basic-macos.x64-19.8.0.0.0dbru.zip这将创建

2021-10-28 11:30:58 180

原创 vue3子组件通过emit反馈给父组件，会触发两次。

使用 emit 需要先注册在 setup 中使用emit的时候如果不注册会给父组件反馈两次。详情如下 vue.component('ls-unit', { props: { selectedItems: { default: {} } }, emits: ['change'], // 这里需要先注册 setup(props, { emit })

2021-10-25 15:13:35 1033

原创 vite vue3 ant-design-vue 按需引入

版本说明：具体配置// vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'/// 以下import ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components';/// 以上// https://vitejs.dev/config/export default defineConfig({

2021-09-28 01:59:49 728

原创 vite配置别名，类似webpack的@

vite 配置别名具体配置如下// vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'// https://vitejs.dev/config/export default defineConfig({ resolve: { alias: { 'vue': 'vue/dist/vue.esm-bundler.js', // 定义vue的别名，如果使用其

2021-09-28 01:31:09 289

原创 vite配置less全局变量

有些东西不记录一下，不久就忘了。好记性不如烂笔头！vite配置less全局变量Less变量文件地址如下：src/assets/styles/base.less方法一// vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path';// https://vitejs.dev/config/export default def.

2021-09-28 00:32:35 4323 1

原创 html video

支持格式一共支持三种格式： Ogg、MPEG4、WebM。MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器播放问题1.video 标签属性 1. video 标签属性 2. src: 设置显示视频路径 3. controls: 显示控制栏 4. loop: 控

2021-08-26 10:24:14 276

原创 vue3 toRef() toRefs()区别

参数区别toRef() 接收两个参数，第一个参数是一个对象，第二个参数是个字符串（其第一个参数的key）。toRefs() 接收一个参数，参数为对象。共同点接收的对象都是响应式对象，也就是经过 reactive() 的对象。ps：如果不是一个响应式对象那么返回值也无法响应化。不同点toRef() 返回值是一个ObjectRefImpl对象。toRefs() 返回值是一个对象，对象的每个key的值是ObjectRefImpl对象。相当于把对象的值设置为 toRef() 后的对象。

2021-07-20 12:09:46 390

原创 vue3 reactive 和 ref

reactive 和 refreactive()1、返回对象的响应式副本。2、解构会导致数据是去响应化。ref()1、接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。2 、参数接收基础数据类型。不支持对象！特别注意！！！改变 reactive() 解构出来的数据, 视图不会更新，但当更新ref的数据时会更新解构出来的数据对应的视图详细如下（具体代码如下方代码）：1 点击 change ref

2021-07-19 17:27:50 537

原创 mybatis字符串比较

同一个坑踏了两次了！！！<if test = " TYPE == '1' "> 这里的SQL并不能执行 </if>因为 mybatis 使用的是ognl 表达式。会把 1 解析为一个字符！！！而不是字符串。所以java在比较的时候一直都是 false。解决办法1、转换为字符串进行比较<if test = " TYPE == '1' .toString()"> 转换为字符串进行比较 </if>2、使用双引号 “”<if

2021-07-08 16:09:37 2117

原创 linux java 安装与卸载

卸载java1.查找javarpm -qa |grep java2.卸载javayum remove *openjdk*3.输入命令卸载jdk包 rpm -e `rpm -qa |grep java` 4.输入命令强制卸载jdk包 rpm -e `rpm -qa |grep java` --nodeps 查询 rpm -qa |grep java，看看还有没有 java安装java1、开始安装 JDKwget https://download.oracle.com/otn

2021-07-01 18:20:28 102

原创 centos7 在docker中使用oracle并配置持久化

拉取镜像docker pull registry.cn-hangzhou.aliyuncs.com/helowin/oracle_11g创建容器在创建容器之前首先要在服务器或者虚拟机上创建一个data_temp的目录(当然这个名字可以随便取，看个人喜好)，并且赋予可读写权限，为了下面运行容器做映射。mkdir /usr/local/data_tempchown -R 500.500 /usr/local/data_temp创建一个文件目录，用于挂载到容器内，做oracle数据备份时数据存放的位置

2021-06-16 13:40:15 141

原创 mac彻底卸载java指定版本

1 打开终端2 输入sudo rm -fr /Library/Internet/Plug-Ins/JavaAppletPlugin.pluginsudo rm -fr /Library/PreferencesPanes/JavaControlPanel.prefpane3 查找当前版本输入：ls /Library/Java/JavaVirtualMachines/输出：jdk-1.8.0.jdk4 输入sudo rm -rf /Library/Java/JavaVirtualMachines

2020-11-24 17:07:23 1304 2

原创 plsql无法锁定oci dll

原因是缺少配置文件，或者是有文件但没配置没文件先下载文件文件获取地址：链接: https://pan.baidu.com/s/1P-WLIyIpmxin0yRlNiRIZQ提取码: uvrn把下载的文件解压到一个你想放的地方~ （放好就不要动地方了）打开PLSQL 找到首选项如图：根据上图填写填上你的文件地址：第一个框填这个D:\worksApp\PLSQL Folder \instantclient_12_2第二个框填这个D:\worksApp\PLSQL Folder \i

2020-09-09 20:25:43 9010

原创 PL SQL 中文乱码解决方案

1、输入sql语句 select userenv('language') from dual 查看数据库字符集2、新建系统变量，设置变量名：NLS_LANG，变量值：SIMPLIFIED CHINESE_CHINA.ZHS16GBK（这里的变量值就是第一步数据库的字符集，即第一步 SQL 语句查出来的东西），确定然后重启 PL SQL 即可。重点在于系统变量的值一定要是第一步查出来的东西！！！重点在于系统变量的值一定要是第一步查出来的东西！！！重点在于系统变量的值一定要是第一步查出来的东西！！！

2020-09-09 20:10:56 185

原创 Sublime text 3 安装使用 Theme Boxy

Theme Boxy作者删除了该插件详细信息>>新版 Sublime Text 3 已经无法正常使用 BoxyTheme 了，就算是复制 BoxyTheme 到 Packages 文件夹过几分钟就会被删除。1 插件资源：链接: https://pan.baidu.com/s/1EgFb_9NcxZJyAvK6DIFJTw 快速访问>>提取码: 1an92 解决办法：刪除插件中的 package-metadata.json 文件, Package Contro

2020-08-17 10:50:08 296

原创 win10 给右键文件、文件夹、桌面菜单添加程序（项）

右键菜单分为在空白处右键（桌面右键）在文件上右键在文件夹上右键对应的目录地址：空白处右键： HKEY_CLASSES_ROOT/Directory/background/shell文件夹右键： HKEY_CLASSES_ROOT/Directory/shell文件上右键： HKEY_CLASSES_ROOT/*/shell例如：在文件夹上添加右键菜单项，添加一个 sublime首先找到 HKEY_CLASSES_ROOT/Directory/shell 目录。首先右键 shell

2020-07-20 11:51:33 1523

原创 docker 提交自己的镜像

首先通过容器创建镜像docker commit [OPTIONS] CONTAINER [REPOSITORY[:TAG]]-a :提交的镜像作者；-c :使用Dockerfile指令来创建镜像；-m :提交时的说明文字；-p :在commit时，将容器暂停。将容器 a404c6c174a2 保存为新的镜像,并添加提交人信息和说明信息。C:\Users\mrceel> docker commit -a "ceel" -m "my centos" 6077ef1339ec mycen

2020-07-16 10:51:26 242

原创 win10 docker 挂载本地目录

首先来看一下docker的run命令docker run [OPTIONS] IMAGE [COMMAND] [ARG...]说明一下此处我们需要用到的OPTIONS：-t：为容器重新分配一个伪输入终端，通常与-i同时使用-i：以交互模式运行容器，通常与-t同时使用–volume, -v：绑定一个卷，在执行挂载宿主机目录操作时要用到挂载指令：docker run -it -v D:\docker\wordcount:/home/root/a_dir/ IMAGE冒号前后分别为本地路径和要

2020-07-15 19:11:27 1601

原创 vscode docker 使用远程环境开发

针对没有挂载本地文件夹。安装好docker拉取镜像 centos7生成容器 centos-py(自定义名字)容器内安装 python3启动容器。（保持启动状态）vscode 内安装2个插件： Remote - Containers 、 docker以上都准备好以后。打开 vscode 左下角会有一个蓝色的东东（打开远程窗口），点一下。在弹出的选项中选择： Attach to Running Container… (运行中的docker容器)此时便进入了容器的内部。你可以新建一个

2020-07-15 18:42:54 1418

转载 linux （centos7）配置python3 软链失败（ln: failed to create symbolic link ‘/usr/bin/python‘: File exists）

linux的软连接存放位置cd /usr/bin查看现有python的软连接指向的版本ls -al python建立新的软连接ln -s /usr/python/bin/python3(python 安装目录) /usr/bin/python在执行ln -s /usr/python/bin/python3(python 安装目录) /usr/bin/python 的时候有可能会报错报错信息如下：ln: failed to create symbolic link '/usr/b

2020-07-15 09:52:35 12238 3

原创 uniapp 配置全局scss/less/sass变量

uniapp 配置全局scss/less/sass变量vue.config.jsmodule.exports = { css: { loaderOptions: { sass: { prependData: `@import "~@/assets/name.scss";`// 改为自己路径 }, scss: { prependData: `@import "~@/variables.scss";` // 改为自己路径

2020-07-12 18:50:32 3990 6

原创 vue + iview 使用原生拖拽事件无效问题解决办法

在vue中使用拖拽事件，可以直接绑定使用，例如：.....<div draggable="true" @drag='drags($event, "42225")' @dragstart='dragstart($event)' > 拖拽</div>.....但在使用 iview 的组件的时候这么写是没有效果的，例如：<Row> <Col span='24'> <Button draggable="true" @dr

2020-06-23 11:14:20 1401

原创 Java FreeMarker 编辑导出 word 文档

首先需要一个word文件作为模板，例如${name} 是将要替换的变量。在需要的地方，放上变量会自动替换。如果定义了变量却没有值来替换，会报错。导入依赖 <dependency> <groupId>org.freemarker</groupId> <artifactId>freemarker</artifactId> <version>2.3

2020-06-09 16:03:45 100

转载 Git操作失败并提示Another git process seems to be running in this......

Git操作的过程中突然显示Another git process semms to be running in this repository, e.g. an editor opened by ‘git commit’. Please make sure all processes are terminated then try again. If it still fails, a git p...

2020-04-03 11:28:52 185

原创 docker 删除镜像image报错 Error response from daemon: conflict: unable to remove repository reference

我在删除nginx镜像报错, 报错信息如下：Error response from daemon: conflict: unable to remove repository reference "nginx" (must force) - container d9a6b2492e56 is using its referenced image 6678c7c2e56c解决：原因是因为...

2020-03-20 18:06:52 1350

原创 nginx+tomcat 配置不同二级域名访问tomcat中的对应项目

先修改tomcat的配置1、找到tomcat的安装目录，进入config目录。打开server.xml2、编辑里面的内容找到host节点。复制host节点并且编辑里面的内容： <Host name="项目访问的网址" appBase="webapps" unpackWARs="true" autoDeploy="true"> <Cont...

2020-03-19 10:21:13 191

原创 win10 安装 docker 并修改镜像

安装步骤参考 docker安装修改镜像在registry-mirrors的[]里添加："https://registry.docker-cn.com"

2020-03-16 14:21:31 353

原创 java 文件上传 transferTo

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2020-03-16 10:06:44 1024

原创 js 实现一键复制功能

// html <textarea name="" id="" cols="30" rows="10"></textarea> <button>复制</button>// js$('button').click(e=>{ $('textarea').select() document.execCommand("Co...

2020-01-03 15:29:02 494

原创 tomcat 报错解决记录

基于APRAPR的本地库加载失败详细信息为找不到 tcnative-1.dllTomcat启动报错 Failed to initialize connector [Connector[HTTP/1.1-8080]]具体信息就不贴出来了。这是因为 8080 端口被占用导致的错误。注意！注意！注意！如果是启动两一个以上的 tomcat 那么在 server.xml 中需要修改的地方有...

2019-12-27 13:23:19 97

原创 js 图片下载

downloadIamge(imgsrc, name) {//下载图片地址和图片名 let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); image.onload = function() { let c...

2019-12-27 11:11:17 91

原创 kkfileview 文档预览安装使用

官网地址：kkfileview1. 环境要求Java: 1.8+OpenOffice或LiberOffice(Windows下已内置，CentOS或Ubuntu下会自动下载安装，MacOS下需要自行安装)2. 部署运行1). 物理机或虚拟机上运行从码云发行版本下载最新版发行包解压kkFileView-2.x.x.zip包打开解压后文件夹的bin目录，运行startup脚本（Wi...

2019-12-25 09:16:22 4182