<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[八佾舞于庭]]></title><description><![CDATA[幸对清风皓月，苔茵展，云幕高张。江南好，千钟美酒，一曲满庭芳。]]></description><link>https://blog.youkuaiyun.com/D_claus</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; D_claus]]></copyright><item><title><![CDATA[列表元素事件委托绑定鼠标右键事件]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/120676246</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/120676246</guid><author>D_claus</author><pubDate>Sat, 09 Oct 2021 17:51:21 +0800</pubDate><description><![CDATA[let divBox = document.querySelector('#workspace_row-grid'); //事件委托 给对应的元素列表绑定事件
                divBox.addEventListener('mouseover', function(e){
                    let target = e.target || e.srcElement
                    let className = target.classNam.]]></description><category></category></item><item><title><![CDATA[浏览器打开pdf文件默认全屏设置方法]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/108756068</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/108756068</guid><author>D_claus</author><pubDate>Wed, 23 Sep 2020 16:37:36 +0800</pubDate><description><![CDATA[打开地址如http://txt.pdf#view=FitH,top,在文件地址后面添加#view=FitH,top，可以实现一打开全屏查看pdf文件。#view=FitH,top参数默认是全屏打开文件，当前测试本地文件也可以用这种方法打开预览，本人只测试了Google浏览器，是没有问题的。

...]]></description><category></category></item><item><title><![CDATA[nginx部署react build静态资源以及解决刷新路由404]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/106404902</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/106404902</guid><author>D_claus</author><pubDate>Thu, 28 May 2020 15:11:55 +0800</pubDate><description><![CDATA[准备环境：nginx-1.14.2 // node v12.16.1 // npm 6.13.4
	前端代码为react+typescript
	




"homepage": "../"

在package.json文件中添加，保证build出来的资源引入正常，添加位置与version name平级



将静态资源拖拽到htm文件夹替换，如下图





打开conf文件夹在nginx.conf文件夹中修改配置启动ip与端口，代码如下



下面conf中try_files$uri/ind...]]></description><category></category></item><item><title><![CDATA[vue嵌入react组件]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/105735221</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/105735221</guid><author>D_claus</author><pubDate>Fri, 24 Apr 2020 17:12:50 +0800</pubDate><description><![CDATA[vue中嵌入react组件，直接上图，下图为一个开源的jsoneditor组件，由react编写，在项目中需要集成到vue工程中，组件名称为jsonEditor.jsx





在需要引入的vue组件中引入，









package.json文件需要引入的资源包vuerareact react-dom等等







.babelrc文件中需要修改的地方





vue...]]></description><category></category></item><item><title><![CDATA[vue element-ui实现table表格可编辑修改]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/105734896</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/105734896</guid><author>D_claus</author><pubDate>Fri, 24 Apr 2020 16:52:19 +0800</pubDate><description><![CDATA[代码如下：点击编辑按钮可编辑当前行，点击保存可以保存当前行，可以结合业务需要，进一步修改



&lt;template&gt;
  &lt;div class="st-table"&gt;
    &lt;el-table :data="tableData" border style="width: 100%"&gt;
      &lt;el-table-column prop="date...]]></description><category></category></item><item><title><![CDATA[Vue项目运行报错"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件"报错]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/104024926</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/104024926</guid><author>D_claus</author><pubDate>Fri, 17 Jan 2020 21:18:50 +0800</pubDate><description><![CDATA[这种问题一般是依赖包的问题，将node_modules删除，尝试用cnpm/yarn 重新安装一遍即可解决问题。



]]></description><category></category></item><item><title><![CDATA[Mysql 插入中文错误：Incorrect string value: '\xE7\xA8\x8B\xE5\xBA\x8F...' for column 'course' at row 1]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/104004045</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/104004045</guid><author>D_claus</author><pubDate>Thu, 16 Jan 2020 14:20:07 +0800</pubDate><description><![CDATA[​​​​​​​create table grade(
 id int primary key auto_increment,
  name char(20) not null default '',
  phone char(20) not null default '',
  addr char(20) not null default '',
  birthday d...]]></description><category></category></item><item><title><![CDATA[安装image-webpack-loader后，运行报错Module build failed: Error: ϵͳ�Ҳ���ָ����·����]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/103768545</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/103768545</guid><author>D_claus</author><pubDate>Mon, 30 Dec 2019 16:27:04 +0800</pubDate><description><![CDATA[cnpm重新安装一遍image-webpack-loader

]]></description><category></category></item><item><title><![CDATA[uniapp--mqtt.js连接rabbitmq频繁断线重连解决办法]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/103610012</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/103610012</guid><author>D_claus</author><pubDate>Thu, 19 Dec 2019 10:39:11 +0800</pubDate><description><![CDATA[项目中使用uniapp接入mqtt.js,服务搭配Rabbitmq,在连接中出现mqtt连接成功之后频繁性的掉线自动重连，一个小时左右能出现十几二十次，报错Socket closed

在option中添加


keepAliveInterval:10

可以解决当前问题。测试半个小时后没有出现掉线重连

因为了解不多，具体原因目前没有排查出来，有知道的欢迎留言交流，有更好的办法的也欢迎留言。
...]]></description><category></category></item><item><title><![CDATA[基于MQTT.js入门以及windows环境下搭建apache-apollo-1.7.1服务器]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/103362755</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/103362755</guid><author>D_claus</author><pubDate>Tue, 03 Dec 2019 10:42:20 +0800</pubDate><description><![CDATA[关于mqtt的基本介绍（demo基于mqtt.js实现）
Mqtt是基于二进制消息的发布/订阅编程模式的消息协议，最早由IBM提出的，如今已经成为OASIS规范。由于规范很简单，非常适合需要低功耗和网络带宽有限的IoT场景。
	MQTT 协议在网络中定义了两种实体类型：一个消息代理和一些客户端。代理是一个服务器，它从客户端接收所有消息，然后将这些消息路由到相关的目标客户端。客户端是能够与代理交互来...]]></description><category></category></item><item><title><![CDATA[uniapp使用canvas]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/103345683</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/103345683</guid><author>D_claus</author><pubDate>Mon, 02 Dec 2019 15:18:12 +0800</pubDate><description><![CDATA[页面中加入组件

&lt;canvas canvas-id="canvas" class="canvas" @touchstart="cas_start" @touchmove="cas_move" @touchend="cas_end"&gt;&lt;/canvas&gt;

onReady获取页面宽度，加入条件编译

onReady() {
			//#ifdef APP-PLUS
		...]]></description><category></category></item><item><title><![CDATA[uniapp监听手机左键退出弹框拦截最佳办法]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/103345331</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/103345331</guid><author>D_claus</author><pubDate>Mon, 02 Dec 2019 11:12:28 +0800</pubDate><description><![CDATA[当前方法可以直接放在main.js文件中,本文代码中使用原生子窗体做拦截。

// #ifdef APP-PLUS //条件编译,在app-plus下编译
 plus.key.addEventListener('backbutton', function () {
	 var _bool = true;
	 plus.nativeUI.toast = (function(str){//因为un...]]></description><category></category></item><item><title><![CDATA[HBuilder连接genymotion模拟器真机测试]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/103234323</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/103234323</guid><author>D_claus</author><pubDate>Mon, 25 Nov 2019 11:02:22 +0800</pubDate><description><![CDATA[启动genymotion，进入tools目录，运行：.\adb devices，记下ip和port，模拟器不要关闭


可右键genymotion桌面图标打开文件属性进入安装位置，找到tools文件，可以用powershell运行上述命令

示例和hbuilder进入安装位置




再进入hbuilderx工具tools界面。填入模拟器所在adb文件路径，以及查看到得端口555



...]]></description><category></category></item><item><title><![CDATA[webpack配置uglifyjs-webpack-plugin压缩代理(最简配置)]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/103085271</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/103085271</guid><author>D_claus</author><pubDate>Fri, 15 Nov 2019 14:55:22 +0800</pubDate><description><![CDATA[代码压缩前大小





安装代码压缩插件

npm i -D uglifyjs-webpack-plugin





webpack配置

const path = require('path');
const webpack = require('webpack');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')...]]></description><category></category></item><item><title><![CDATA[js变量命名规则]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/102149961</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/102149961</guid><author>D_claus</author><pubDate>Sat, 05 Oct 2019 14:57:17 +0800</pubDate><description><![CDATA[变量命名规则如下：
1、变量命名必须以字母、下划线”_”或者”$”为开头。其他字符可以是字母、_、美元符号或数字。
2、变量名中不允许使用空格和其他标点符号，首个字不能为数字。
3、变量名长度不能超过255个字符。
4、变量名区分大小写。(javascript是区分大小写的语言)
5、变量名必须放在同一行中
6、不能使用脚本语言中保留的关键字、保留字、true、false 和 null 作为标识...]]></description><category></category></item><item><title><![CDATA[URL地址栏传递字符（中文、=、&）乱码解决办法]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/90025599</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/90025599</guid><author>D_claus</author><pubDate>Sat, 05 Oct 2019 09:39:12 +0800</pubDate><description><![CDATA[encodeURI() 方法可把字符串作为 URI 进行编码，转码之后就不会乱码，同时如果传递参数中包含&amp;、=等特殊字符转码之后不会在接受参数页面出现错误截取。必须进行两次编码，一次解码。


menu_manage_add.html?id=' + (id || '') + '&amp;name=' + (name ? encodeURI(encodeURI(name)) : '')

d...]]></description><category></category></item><item><title><![CDATA[vuex安装及最基本使用入门(严格模式下)]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/101098373</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/101098373</guid><author>D_claus</author><pubDate>Sat, 05 Oct 2019 09:31:37 +0800</pubDate><description><![CDATA[安装vuex



 npm install vuex --save

main.js中引入安装
 


 import Vuex from 'vuex';
Vue.use(Vuex);

配置vuex（非严格模式下可直接操作state数据，只是无法跟踪数据状态变化）
 


 //Vuex配置
  const store = new Vuex.Store({
   ...]]></description><category></category></item><item><title><![CDATA[npm配置淘宝镜像]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/100707277</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/100707277</guid><author>D_claus</author><pubDate>Tue, 10 Sep 2019 18:11:00 +0800</pubDate><description><![CDATA[1：设置新的registry 配置：


npm config set registry https://registry.npm.taobao.org

2：查看是否配置成功


npm config get registry

出现如下图所示，就算成功了



]]></description><category></category></item><item><title><![CDATA[javascript扩展运算符 ...]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/100535915</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/100535915</guid><author>D_claus</author><pubDate>Wed, 04 Sep 2019 11:42:51 +0800</pubDate><description><![CDATA[es6中引入扩展运算符（...），它用于把一个数组转化为用逗号分隔的参数序列，它常用在不定参数个数时的函数调用，数组合并


用法如下：


1、获取数组最大值


function getMaxArray(arr){
    return Math.max(...arr);
}

2、数组合并


var arr=[1,2,3,4];
var arr1=[1,2];
var arr2=[....]]></description><category></category></item><item><title><![CDATA[git常用命令行及其作用汇总]]></title><link>https://blog.youkuaiyun.com/D_claus/article/details/92120166</link><guid>https://blog.youkuaiyun.com/D_claus/article/details/92120166</guid><author>D_claus</author><pubDate>Sat, 15 Jun 2019 17:20:32 +0800</pubDate><description><![CDATA[git常用命令汇总：


			命令
			
			
			含义
			
		
			git init
			
			
			初始化仓库
			
		
			git add .
			
			
			把工作区中未保存的文件保存到暂存区
			
		
			git commit -m '注释'
			
			
			把文件从暂存区提交到仓库
			
		
			git status
			
			
...]]></description><category></category></item></channel></rss>