<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ZkD953的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ZkD953</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ZkD953]]></copyright><item><title><![CDATA[微信、支付宝小程序通过页面劫持，变更生命周期、权限验证、埋点及挂载通用方法]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/117259005</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/117259005</guid><author>ZkD953</author><pubDate>Tue, 25 May 2021 16:34:35 +0800</pubDate><description><![CDATA[useGlobalState.js


const STORAGE_PREFIX = 'USE_GLOBAL_STATE_';
const storageData = {};

/**
 * 对state进行格式化
 * @param {*} storage 
 */
function initStorageData(storage) {
  const { keys = [] } = storage || {};
  const now = new Date().getTime();
  for (let]]></description><category></category></item><item><title><![CDATA[JDK安装及环境变量配置]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/116937751</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/116937751</guid><author>ZkD953</author><pubDate>Mon, 17 May 2021 16:34:17 +0800</pubDate><description><![CDATA[一）安装

安装的过程中避免路径出现中文、空格等

错误的路径：D:\Program Files\Java\jdk1.8.0_291，路径包含空格，安装，配置 会出错 rocketmq

二）配置步骤：

1）右键This PC(此电脑) -&gt; Properties（属性） -&gt; Advanced system settings（高级系统设置） -&gt; Environment Variables（环境变量）

2）新建JAVA_HOME 变量


变量名：JAVA_HOME
变量值：D:\.]]></description><category></category></item><item><title><![CDATA[Vue VScode 开发插件]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/112556151</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/112556151</guid><author>ZkD953</author><pubDate>Wed, 13 Jan 2021 11:10:56 +0800</pubDate><description><![CDATA[Vetur：https://vuejs.github.io/vetur/



Vue VSCode Snippets：https://github.com/sdras/vue-vscode-snippets
]]></description><category></category></item><item><title><![CDATA[如何切换node的版本？]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/110818838</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/110818838</guid><author>ZkD953</author><pubDate>Mon, 07 Dec 2020 15:24:09 +0800</pubDate><description><![CDATA[当多个项目并行时，在不同的项目里需要切换不同版本的Node.js。

NVM (Node Version Manager): Nodejs的版本管理工具

https://github.com/coreybutler/nvm-windows/releases

安装前，需要卸载原node版本，移除环境变量。

常用命令


nvm                           // 会提示nvw下的相关命令
nvm -v                        // 查看nvm版本
nvm li]]></description><category></category></item><item><title><![CDATA[微信小程序自定义图片上传组件，并定义为表单组件]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/110231406</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/110231406</guid><author>ZkD953</author><pubDate>Fri, 27 Nov 2020 15:31:46 +0800</pubDate><description><![CDATA[效果图：



git地址：https://gitee.com/jiuwusan/wx-upload-img.git

1、将组件拷贝到自己的项目文件夹下



2、修改组件参数



3、修改上传方法



4、具体使用

样式：部分样式需要添加 !important 才能生效



属性列表

属性
			类型
			默认
			必填
			说明
		value
			String/Array
			
			否
			组件的值，可以String(用“,”隔开)或者Array
		max
			Numb.]]></description><category></category></item><item><title><![CDATA[Vue封装自定义组件上传图片，并支持v-model语法]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/110135575</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/110135575</guid><author>ZkD953</author><pubDate>Wed, 25 Nov 2020 16:51:15 +0800</pubDate><description><![CDATA[&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,chrome=1" /&gt;
		&lt;meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable.]]></description><category></category></item><item><title><![CDATA[vue中key的作用和工作原理]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/109965077</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/109965077</guid><author>ZkD953</author><pubDate>Sun, 22 Nov 2020 22:27:10 +0800</pubDate><description><![CDATA[&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,chrome=1" /&gt;
		&lt;meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable.]]></description><category></category></item><item><title><![CDATA[Vue组件data为什么必须是个函数而Vue的根实例则没有此限制？]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/109811790</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/109811790</guid><author>ZkD953</author><pubDate>Thu, 19 Nov 2020 15:48:02 +0800</pubDate><description><![CDATA[js示例一：


//定义一个学生
var Student = function(name, age) {
	this.name = name;
	this.age = age;
	//初始化data
	this.data = this.data;
};
//使用JSON形式
Student.prototype.data = {
	score: Math.floor(Math.random() * 101)//随机生成一个分数
}
//创建学生A，B
var studentA = new Student("]]></description><category></category></item><item><title><![CDATA[v-if和v-for哪个优先级更高？如果两个同时出现，应该如何优化？]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/109770111</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/109770111</guid><author>ZkD953</author><pubDate>Wed, 18 Nov 2020 14:28:52 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8" /&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;script type="text/javascript" src="./js/vue.js"&gt;&lt;/script&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;div id="app"&gt;
			&lt;div v-for=".]]></description><category></category></item><item><title><![CDATA[centos7通过yum安装redis,并修改密码]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/100018449</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/100018449</guid><author>ZkD953</author><pubDate>Thu, 22 Aug 2019 16:49:24 +0800</pubDate><description><![CDATA[安装


yum install redis

#安装最新版本，使用下面命令
yum install -y http://rpms.famillecollet.com/enterprise/remi-release-7.rpm

yum --enablerepo=remi install redis

启动redis服务


service redis start
#或者
systemctl st...]]></description><category></category></item><item><title><![CDATA[centos7 用yum安装nodejs]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/100018015</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/100018015</guid><author>ZkD953</author><pubDate>Thu, 22 Aug 2019 16:23:38 +0800</pubDate><description><![CDATA[更新node.js的yum源


#setup_8.x 表示版本，按需修改

$ curl --silent --location https://rpm.nodesource.com/setup_8.x | bash -

安装


yum install -y nodejs

node -v

npm -v

安装npm淘宝镜像


npm install -g cnpm --registry...]]></description><category></category></item><item><title><![CDATA[CentOS7安装Nginx及配置]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/100015194</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/100015194</guid><author>ZkD953</author><pubDate>Thu, 22 Aug 2019 15:59:25 +0800</pubDate><description><![CDATA[1.安装gcc gcc-c++


$ yum install -y gcc gcc-c++

2.安装PCRE库


$ cd /usr/local/
 
$ wget http://jaist.dl.sourceforge.net/project/pcre/pcre/8.33/pcre-8.33.tar.gz
 
$ tar -zxvf pcre-8.36.tar.gz
 
$ cd pcre...]]></description><category></category></item><item><title><![CDATA[centos7搭建git服务器]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/100013586</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/100013586</guid><author>ZkD953</author><pubDate>Thu, 22 Aug 2019 14:06:52 +0800</pubDate><description><![CDATA[1、安装


$ yum install git

2、创建一个git用户组和用户


$ groupadd git
$ useradd git -g git

#设置密码

$ passwd git

3、创建证书登录


#切换到git用户

$ su git
$ cd /home/git/
$ mkdir .ssh
$ chmod 755 .ssh
$ touch .ssh/authoriz...]]></description><category></category></item><item><title><![CDATA[如何使用git把本地代码上传（更新）到远程仓库上]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/93717208</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/93717208</guid><author>ZkD953</author><pubDate>Wed, 26 Jun 2019 10:26:48 +0800</pubDate><description><![CDATA[初始化


git init

查看当前仓库状态


git status

将项目的文件添加到仓库中


git add test.txt


git add -A

将add的文件commit到仓库


git commit -m "提交内容介绍"

将本地的仓库关联到远程仓库上


git remote add origin 你自己的远程仓库地址

代码合并


git pull --reb...]]></description><category></category></item><item><title><![CDATA[微信小程序通过页面栈改变上一页及前几页数据]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/90751233</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/90751233</guid><author>ZkD953</author><pubDate>Mon, 03 Jun 2019 14:21:43 +0800</pubDate><description><![CDATA[函数定义


/**
 * 页面栈，修改数据
 * @param
 * preIdx 页面位置 1～n 1:当前页面 2:上一页 ，依次递增
 * funcName 原页面函数名
 * preData 数据项 JSON
 */
const upDateByCurPage = (preIdx,funcName,preData) =&gt; {
  //获取页面栈
  var pages = getC...]]></description><category></category></item><item><title><![CDATA[改变获取的富文本图片src,并设置宽度为100%]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/90373176</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/90373176</guid><author>ZkD953</author><pubDate>Mon, 20 May 2019 13:27:52 +0800</pubDate><description><![CDATA[var reContent= content.replace(/&lt;img [^&gt;]*src=['"]([^'"]+)[^&gt;]*&gt;/gi,function(match,reSrc){

　　//reSrc,返回每个匹配的字符串
　　var newImg='&lt;img src="http://127.0.0.1:8080'+reSrc+'" alt="" style="w...]]></description><category></category></item><item><title><![CDATA[vue和jQuery，实现简单的图片上传]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/90260112</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/90260112</guid><author>ZkD953</author><pubDate>Thu, 16 May 2019 11:31:38 +0800</pubDate><description><![CDATA[css样式


        .upload-img-box {
            display: flex;
            flex-wrap: wrap;
        }

        .upload-img-box .upload-img-entity {
            width: 100px;
            min-width: 100px...]]></description><category></category></item><item><title><![CDATA[前端常用布局样式]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/88294791</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/88294791</guid><author>ZkD953</author><pubDate>Thu, 07 Mar 2019 11:58:56 +0800</pubDate><description><![CDATA[/*每个页面公共css */

	page {
		background-color: #f4f4f6;
		width: 100%;
	}

	/* 为元素设定的宽度和高度决定了元素的边框盒 */

	view,div {
		box-sizing: border-box;
		display: flex;
	}

	/* 默认图片是行内元素 */

	image,img {
		displa...]]></description><category></category></item><item><title><![CDATA[Centos7服务器启动jar包项目最佳方式]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/84771849</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/84771849</guid><author>ZkD953</author><pubDate>Mon, 03 Dec 2018 16:37:48 +0800</pubDate><description><![CDATA[https://blog.youkuaiyun.com/y799924439/article/details/80230783

收藏，方便以后使用]]></description><category></category></item><item><title><![CDATA[uni-app 利用 scroll-view 和 swiper 制作 顶部导航条 （可复用）]]></title><link>https://blog.youkuaiyun.com/ZkD953/article/details/82968200</link><guid>https://blog.youkuaiyun.com/ZkD953/article/details/82968200</guid><author>ZkD953</author><pubDate>Mon, 08 Oct 2018 15:16:19 +0800</pubDate><description><![CDATA[


&amp;lt;view class=&quot;body-view&quot;&amp;gt;
		&amp;lt;scroll-view class=&quot;top-menu-view&quot; scroll-x=&quot;true&quot; :scroll-left=&quot;scrollLeft&quot;&amp;gt;
			&amp;lt;block v-for=&quot;(menuTab,index) in menuTabs&quot; :key=&quot;index&]]></description><category></category></item></channel></rss>