<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mrjimin的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mrjimin</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mrjimin]]></copyright><item><title><![CDATA[nuxt3项目修改端口号]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/130799761</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/130799761</guid><author>mrjimin</author><pubDate>Sun, 28 May 2023 13:13:34 +0800</pubDate><description><![CDATA[nuxt3项目修改开发环境端口号，nuxt3项目修改生产环境端口号，]]></description><category></category></item><item><title><![CDATA[使用typescript封装axios]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/127501952</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/127501952</guid><author>mrjimin</author><pubDate>Mon, 24 Oct 2022 23:26:54 +0800</pubDate><description><![CDATA[使用typescript封装axios]]></description><category></category></item><item><title><![CDATA[js常用的一些自定义函数、方法]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/124856263</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/124856263</guid><author>mrjimin</author><pubDate>Thu, 19 May 2022 09:32:06 +0800</pubDate><description><![CDATA[一些经常用上的js自定义函数，数据类型判断、防抖、节流、获取地址参数、时间格式化、ajax、字符串截取或替换、去除字符串两侧指定字符、localStorage简单封装、简单的提示框弹窗等等]]></description><category></category></item><item><title><![CDATA[js时间戳转指定的时间格式]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/121784655</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/121784655</guid><author>mrjimin</author><pubDate>Wed, 08 Dec 2021 10:10:48 +0800</pubDate><description><![CDATA[  时间戳转指定的时间格式，时间格式可以自己随意定义。
  以前写的时候，看了好几个时间格式的函数，后来慢慢处理优化搞出来的，自己也是一直都在用的方法
/** 
 * @description 时间戳转化为年 月 日 时 分 秒 
 * @method formatTime(format,num)
 * @param {string} [format='YYYY-mm-dd HH:MM:SS'] 时间格式,不填时默认使用'YYYY-mm-dd HH:MM:SS'格式,更改只需替换中间连接符号就行'YYYY年]]></description><category></category></item><item><title><![CDATA[在vue3.0项目中使用tinymce富文本编辑器]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/121648927</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/121648927</guid><author>mrjimin</author><pubDate>Thu, 02 Dec 2021 10:00:36 +0800</pubDate><description><![CDATA[在 vue3.0 安装tinymce
使用npm安装tinymce-vue包
npm install --save "@tinymce/tinymce-vue@^4"
会安装@tinymce和tinymce这两个包，不需要再单独安装tinymce包

注意：
tinymce-vue包的版本 4支持 Vue3.0版本，但不支持vue2.0版本。
对于 Vue2.0项目，就要安装tinymce-vue版本 3  （npm install --save “@tinymce/tinymce-vue@^3”）]]></description><category></category></item><item><title><![CDATA[css一些好用的知识点]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/121404047</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/121404047</guid><author>mrjimin</author><pubDate>Fri, 19 Nov 2021 16:56:18 +0800</pubDate><description><![CDATA[一些常会用到的css，文字超出隐藏、文字颜色渐变、整块div元素渐变、图片自适应、div宽高按比例适应]]></description><category></category></item><item><title><![CDATA[js获取地址栏(或者指定地址)参数]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/120935771</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/120935771</guid><author>mrjimin</author><pubDate>Sun, 24 Oct 2021 16:17:27 +0800</pubDate><description><![CDATA[  自己写了个方法，使用原生js获取地址栏(或者指定地址)的参数

getParams(name,url)
1、name，需要获取参数的名称，为空的话，直接返回参数的json对象
2、url , 需要传入的地址，默认为浏览器的地址


/**
 * @function 获取浏览器地址的参数
 * @param {String} [name=''] 获取值的key,默认为空,为空时，函数返回json对象
 * @param {String} [url=window.location.href] 地址，默认为浏]]></description><category></category></item><item><title><![CDATA[vite.config.js里面使用环境变量]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/120546652</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/120546652</guid><author>mrjimin</author><pubDate>Wed, 29 Sep 2021 13:28:28 +0800</pubDate><description><![CDATA[文章目录一、前言二、使用步骤1.创建.env文件2.获取变量3.部署结果三、总结
一、前言
考虑到一个项目可能会有开发版本、上线版本、测试版本等等多个版本，不同的环境会有不同请求api接口，就需更改一些基本配置，基本路径，服务器代理这种都要更改一遍，这时候就显得很麻烦，所以这里就使用了环境变量

提示：以下是本篇文章正文内容，下面案例可供参考
二、使用步骤
1.创建.env文件
  直接在根目录下创建.env后缀的文件，

.env ——全局的，没有设置其他环境变量时，会加载这个文件里的内容，比如所有版本都]]></description><category></category></item><item><title><![CDATA[gulp-file-include静态页面预构建]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/120301455</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/120301455</guid><author>mrjimin</author><pubDate>Wed, 15 Sep 2021 14:46:18 +0800</pubDate><description><![CDATA[  前端写html静态页面时，有很多页面的部分代码都是一样的，在没有用到框架的情况下，没有办法从分离提取出来，然后在需要的页面上引入使用，所以就用前端构建工具来处理，百度一下找到了gulp的一个插件gulp-file-include。

npm安装gulp，基本上安装的是最新版本或者新的稳定版本，新版gulp语法有变化，所以踩了一些坑，记录一下，总结经验

一、初始准备
我这里使用的是npm，npm是nodejs的功能，先检查一下是否安装nodejs
node -v			//查看nodejs对应版本号，可以]]></description><category></category></item><item><title><![CDATA[js对sessionStorage、localStorage的封装]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/119674966</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/119674966</guid><author>mrjimin</author><pubDate>Fri, 13 Aug 2021 15:53:18 +0800</pubDate><description><![CDATA[文章目录一、前言二、 localStorage和sessionStorage三、封装代码四、调用方式
一、前言
  因为localStorage和sessionStorage只能存储字符串类型，平时自己会存一些json数据，存的时候要先json转成字符串，然后取出来的时候在把数据转成json数组，觉得麻烦，然后这里封装成一个构造函数SStorage来调用！localStorage为永久保存，所以这里也设置了过期时间

保存数据时，记录保存数据的时间戳(st)、保存多长时间(t)、数据(val)。
读取数据时]]></description><category></category></item><item><title><![CDATA[vue3.0封装一个图标选择组件]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/118363706</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/118363706</guid><author>mrjimin</author><pubDate>Thu, 01 Jul 2021 10:32:30 +0800</pubDate><description><![CDATA[  基于vite2.0+vue3.0项目写了一个图标选择器,项目引入对应的css字体文件就行，支持模糊搜索

1、IconPicker.vue
&lt;template&gt;
  &lt;div class="pp_picker" @click.stop ref="myRef"&gt;
    &lt;div class="inp_box"&gt;
      &lt;i class="inp_icon" :class="iconText"&gt;&lt;/i&gt;
      &lt;input
  ]]></description><category></category></item><item><title><![CDATA[记录几个图片占位、图片生成的线上地址]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/118297717</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/118297717</guid><author>mrjimin</author><pubDate>Mon, 28 Jun 2021 13:20:54 +0800</pubDate><description><![CDATA[https://dummyimage.com/
一般的话只需要在地址后面加上对应的尺寸就行了

例如：
https://dummyimage.com/300x300
https://dummyimage.com/300x300.png
https://dummyimage.com/300/f00/fff.png&amp;text=Hello+World(大小：300x300；背景：#f00；文字颜色：#fff；text：文字内容)
   		


...]]></description><category></category></item><item><title><![CDATA[vue3.0简单封装一个分页组件]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/117923945</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/117923945</guid><author>mrjimin</author><pubDate>Tue, 15 Jun 2021 17:06:01 +0800</pubDate><description><![CDATA[之前使用的是element-ui二次封装后的分页，然后这里是自己单独写的一个分页组件
Paging.vue
在这里插入代码片

在这里插入代码片

在这里插入代码片

在这里插入代码片sss
&lt;scritp&gt;&lt;/script&gt;

&lt;!--
简单分页封装（vue3.0）
--&gt; 
&lt;template&gt;
  &lt;div class="pagtion" v-if="isShow"&gt;
    &lt;ul class="page_ul"&gt;
      ]]></description><category></category></item><item><title><![CDATA[正则表达式，不含有中文和空格,6-16位]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/117735776</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/117735776</guid><author>mrjimin</author><pubDate>Wed, 09 Jun 2021 14:06:55 +0800</pubDate><description><![CDATA[记录一个自己常用密码验证的正则表达式 ????

请输入不含有中文和空格，至少6位，最多16位的密码

var regPwd = /^[^\u4e00-\u9fa5 ]{6,16}$/; //不含有中文和空格,6-16位

开头^,从最开始匹配
结尾$,匹配到结束
[\u4e00-\u9fa5]表示只能有中文,
[\u4e00-\u9fa5 ]这里多添加了一个空格,表示只能有中文和空格,
[^\u4e00-\u9fa5 ]中括号里面最前添加^,取反,不能有中文和空格
{6,16}表示最少6个，最多16个字符]]></description><category></category></item><item><title><![CDATA[在vue项目使用防抖、节流]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/116985965</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/116985965</guid><author>mrjimin</author><pubDate>Tue, 18 May 2021 14:06:54 +0800</pubDate><description><![CDATA[  这是我的目录结构，在utils文件夹下面创建common.js，这个文件我用来存放一些常用的函数、方法等等，暂时先添加了防抖、节流函数。
  当然这个也不一定就要放在utils文件夹下面，引入的时候，引入对应的文件路径就行

common.js
/**
 * @function 防抖函数，规定时间内点击多次，只执行最后一次
 * @method debounce(callback,wait);
 * @param {function} callback       需要执行的函数
 * @param {]]></description><category></category></item><item><title><![CDATA[vue3.0刷新页面、刷新组件(provide / inject在setup里使用)]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/116533738</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/116533738</guid><author>mrjimin</author><pubDate>Sat, 08 May 2021 17:27:35 +0800</pubDate><description><![CDATA[网上基本上都是vue2.0版本的写法，虽然vue3.0版本也兼容vue2.0的写法，但还是想用vue3.0的写法写一写
在setup()中使用provide / inject传值的方式来想实现页面刷新的效果，算了直接上代码吧！
在App.vue文件下
&lt;!-- App.vue --&gt;
&lt;template&gt;
  &lt;router-view v-if="isRouterAlive"&gt;&lt;/router-view&gt;
  &lt;!-- 在router-view使用isR]]></description><category></category></item><item><title><![CDATA[div面板分割效果]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/116449402</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/116449402</guid><author>mrjimin</author><pubDate>Thu, 06 May 2021 11:15:05 +0800</pubDate><description><![CDATA[使用原生js、html+css简单实现div面板分割效果（横向、纵向）


完整html代码
&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, init.]]></description><category></category></item><item><title><![CDATA[v-bind指令在vue3.0版本已弃用“.sync”修饰符]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/115556428</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/115556428</guid><author>mrjimin</author><pubDate>Mon, 12 Apr 2021 08:57:03 +0800</pubDate><description><![CDATA[.sync”修饰符已弃用


]]></description><category></category></item><item><title><![CDATA[使用webpack搭建Vue项目（vue2.0）]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/105122325</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/105122325</guid><author>mrjimin</author><pubDate>Thu, 26 Mar 2020 17:54:08 +0800</pubDate><description><![CDATA[前提先安装node.Js,nodejs带npm
在D盘下创建一个vuetest空文件夹，命令行切换路径到该文件下，
首先查看一下是否安装对应的模块环境,没有的按照下面的命令进行安装


npm install -g webpack				//全局安装webpack
npm install -g webpack-cli		//全局安装webpack-cli

接下来使用vue-cli脚手架构建项目
...]]></description><category></category></item><item><title><![CDATA[js自执行函数写法,不用调用直接执行  、 调用执行 、 传值]]></title><link>https://blog.youkuaiyun.com/mrjimin/article/details/105112720</link><guid>https://blog.youkuaiyun.com/mrjimin/article/details/105112720</guid><author>mrjimin</author><pubDate>Thu, 26 Mar 2020 11:08:51 +0800</pubDate><description><![CDATA[//自执行写法1
	(function () {
	    alert(1)
	})()
	
	
	//自执行写法2
	var a = function () {
	    console.log(1);
	}();
	
	
	//调用执行的方式
	function b(e) {
	    console.log(e)
	}
	b(8);//调用
	
	
	//传值1
	var arr = { ...]]></description><category></category></item></channel></rss>