<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[代码随想录]]></title><description><![CDATA[纸上得来终觉浅，绝知此事要躬行]]></description><link>https://blog.csdn.net/THcoding_Cat</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; THcoding_Cat]]></copyright><item><title><![CDATA[【react】基础知识补充及原理【粗略版】]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/128166232</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/128166232</guid><author>THcoding_Cat</author><pubDate>Sat, 03 Dec 2022 21:22:52 +0800</pubDate><description><![CDATA[PureComonent默认给类组件添加了一个shouldComponentUpdate的钩子函数，在这个钩子中，会对新旧状态及属性做一个浅比较，以此达到优化组件渲染的目的。]]></description><category></category></item><item><title><![CDATA[vxe-table使用碰到的问题]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/125166188</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/125166188</guid><author>THcoding_Cat</author><pubDate>Thu, 09 Jun 2022 17:54:17 +0800</pubDate><description><![CDATA[vxe-table踩坑]]></description><category></category></item><item><title><![CDATA[【js】ES6进阶学习]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/121764027</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/121764027</guid><author>THcoding_Cat</author><pubDate>Tue, 07 Dec 2021 11:24:42 +0800</pubDate><description><![CDATA[1.Symbol

Symbol是ES6引入的，继undefind，null，String，Number，Boolean，Object之后的第七种原始数据类型。Symbol变量通过Symbol函数生成，可以传入一个字符串用于描述(主要是方便在控制台打印和遍历识别)symbol.Symbol表示独一无二的值。


//由于 Symbol 表示独一无二的值，则使用Symbol()生成的值不存在和别的值相等
const s1 = Symbol('s1');
const s2 = Symbol('s2');
con]]></description><category></category></item><item><title><![CDATA[【vue】配置cdn加速]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/121243917</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/121243917</guid><author>THcoding_Cat</author><pubDate>Wed, 10 Nov 2021 11:02:46 +0800</pubDate><description><![CDATA[//vue.config.js

let cdn = { css: [], js: [] };
// 通过环境变量 来区分是否使用cdn
const isDev = process.env.NODE_ENV === 'development'; // 判断是否是开发环境
let externals = {};
if (!isDev) {
	// 如果是非开发环境 就排除打包 否则不排除
	externals = {
      // key(包名) / value(这个值 是 需要在CDN中获取js, 相.]]></description><category></category></item><item><title><![CDATA[【部署】docker容器化 前端学习]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/120579409</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/120579409</guid><author>THcoding_Cat</author><pubDate>Fri, 01 Oct 2021 17:47:54 +0800</pubDate><description><![CDATA[待续
]]></description><category></category></item><item><title><![CDATA[vscode常用插件(个人)]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/120383547</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/120383547</guid><author>THcoding_Cat</author><pubDate>Sun, 19 Sep 2021 19:21:41 +0800</pubDate><description><![CDATA[前提：当前不使用的插件最好禁用

常规











布局计算



        直接按配置设置设计稿尺寸，使用Alt + Z快捷键即可转换


]]></description><category></category></item><item><title><![CDATA[【vue】event bus简单使用(在js文件与vue文件之间通信)]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/120350014</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/120350014</guid><author>THcoding_Cat</author><pubDate>Fri, 17 Sep 2021 15:41:08 +0800</pubDate><description><![CDATA[bus是vue自身就携带的，不用引入，方便但不适合广泛使用。

前情提要：

vue+ant design vue

ant design vue这个ui框架那是真不好用，我想要做全局的弹窗，需要在http工具js中根据axios的请求情况来控制到App.vue中spin组件。。。


//@/utils/bus.js

import Vue from 'vue'
const bus = new Vue()
export default bus

//这里为什么没选择挂载在this上呢？因为js文件中莫得t]]></description><category></category></item><item><title><![CDATA[【vue】elementui Form和rules注意事项及规则]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/120288410</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/120288410</guid><author>THcoding_Cat</author><pubDate>Tue, 14 Sep 2021 15:24:16 +0800</pubDate><description><![CDATA[该博客基于此篇博客：Element UI各种使用问题汇总（Input、Form篇）

一直以来，elementui用起来form和rules问题一大堆（小问题），但是积小成大，每次写明明很简单，但总有头疼之时。故将form各种注意事项和rules规则进行整理记录。
...]]></description><category></category></item><item><title><![CDATA[【vue】使用provide，inject来刷新页面]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/120222749</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/120222749</guid><author>THcoding_Cat</author><pubDate>Fri, 10 Sep 2021 15:22:30 +0800</pubDate><description><![CDATA[问题：使用其他方式刷新当前页面有时会出现一段时间的空白，用户体验不好(利用这些方式来重新加载数据也不好)

provide代码：


//被控制页面
&lt;template&gt;
  &lt;div id="app"&gt;
    &lt;router-view v-if="isRouterAlive" /&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
export default  {
  name:  'App',
  provide()]]></description><category></category></item><item><title><![CDATA[vue 萤石云视频监控对接]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/120205547</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/120205547</guid><author>THcoding_Cat</author><pubDate>Thu, 09 Sep 2021 17:18:15 +0800</pubDate><description><![CDATA[萤石云文档(web开发)

参考博客：https://www.jianshu.com/p/5b104ce25724

参考博客：https://www.jianshu.com/p/00b6331f3aff




]]></description><category></category></item><item><title><![CDATA[js 常用正则表达式]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/119949880</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/119949880</guid><author>THcoding_Cat</author><pubDate>Fri, 27 Aug 2021 12:01:36 +0800</pubDate><description><![CDATA[//正整数
/^([0]|[1-9][0-9]*)$/

//金额(两位小数)
/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/

//手机号
/^1[3|4|5|6|7|8|9][0-9]\d{8}$/

/^[1][3,4,5,6,7,8,9][0-9]{9}$/


//座机号码
/^([0-9]{3,4}-)?[0-9]{7,8}$/

//电子邮箱
/^(([^&lt;&gt;()\[\]\\.,;:\.]]></description><category></category></item><item><title><![CDATA[【工具】vue 文件上传(单个/多个)，拖拽上传]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/119777336</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/119777336</guid><author>THcoding_Cat</author><pubDate>Wed, 18 Aug 2021 12:11:21 +0800</pubDate><description><![CDATA[本文单传组件取自若依微服务为版ruoyi-ui：http://doc.ruoyi.vip/ruoyi-cloud/

环境：

vue@2.6.12
	
	element-ui@2.15.3
	
1.文件上传(单个)

组件代码：


//components/FileUpload

&lt;template&gt;
  &lt;div class="upload-file"&gt;
    &lt;el-upload
      :accept="accept"
      :action="upl...]]></description><category></category></item><item><title><![CDATA[【工具】vue 图片上传(单张/多张)]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/119776981</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/119776981</guid><author>THcoding_Cat</author><pubDate>Wed, 18 Aug 2021 11:55:05 +0800</pubDate><description><![CDATA[本文单传组件取自若依微服务为版ruoyi-ui：http://doc.ruoyi.vip/ruoyi-cloud/

环境：

vue@2.6.12
	
	element-ui@2.15.3
	
1.图片上传(单张)

组件：


//components/ImageUpload

&lt;template&gt;
  &lt;div class="component-upload-image"&gt;
    &lt;el-upload
      accept=".png,.jpg,.jpeg"
 ..]]></description><category></category></item><item><title><![CDATA[【工具】vue excel导入通用组件-模板导出组件]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/119776368</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/119776368</guid><author>THcoding_Cat</author><pubDate>Wed, 18 Aug 2021 11:37:08 +0800</pubDate><description><![CDATA[环境：

vue@2.6.12
	
	element-ui@2.15.5
	


1.excel导入

组件代码：


//components/ExcelImport
&lt;template&gt;
  &lt;div class="component-upload-image"&gt;
    &lt;el-upload
      accept=".xls,.xlsx"
      :action="uploadImgUrl"
      :on-success="handleUploadSucc.]]></description><category></category></item><item><title><![CDATA[【工具】vue excel导出]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/119775924</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/119775924</guid><author>THcoding_Cat</author><pubDate>Wed, 18 Aug 2021 11:15:31 +0800</pubDate><description><![CDATA[本文中的excel导出工具取自花裤衩的https://gitee.com/panjiachen/vue-element-admin

环境：

vue@2.6.12
	
	element-ui@2.15.5
	
	
	file-saver@2.0.4
	
	
	xlsx@0.14.1
	
工具方法：


//vendor/Export2Excel.js


/* eslint-disable */
import { saveAs } from 'file-saver'
import XLSX from '.]]></description><category></category></item><item><title><![CDATA[react-hooks学习]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/118880945</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/118880945</guid><author>THcoding_Cat</author><pubDate>Sun, 18 Jul 2021 19:11:14 +0800</pubDate><description><![CDATA[react hooks在react16.8版本以后，推出的一组函数式的api.专门用于函数组件，使函数组件也能像类组件一样使用state和生命周期等一些特性。

1.useState

useState可以使函数组件处理数据的状态。它只能放在函数组件中，不可以用在判断和循环语句中。


let [state,setState] = useState(initialState);

useState接收一个state初始值，返回这个state和设置state的函数；设置state的函数不能自动合并state.]]></description><category></category></item><item><title><![CDATA[mock.js了解学习]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/118406194</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/118406194</guid><author>THcoding_Cat</author><pubDate>Fri, 02 Jul 2021 10:44:31 +0800</pubDate><description><![CDATA[mock.js官网

1.安装


npm i mockjs

其他辅助安装


npm i json5
npm i axios



2.语法规范

该部分出自b站李炎恢视频，有兴趣可以去看

1. Mock.js 的语法规范包括两个部分：数据模板定义规范和数据占位定义规范； 2. 数据模板定义的规范包含 3 个部分：属性名、生成规则和属性值


//'属性名|生成规则':属性值
'name|rule':value 

1.字符串/数值（7种）

生成规则
			说明
			示例
		min-max...]]></description><category></category></item><item><title><![CDATA[自动化构建工具-gulp学习]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/118156442</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/118156442</guid><author>THcoding_Cat</author><pubDate>Wed, 23 Jun 2021 17:29:58 +0800</pubDate><description><![CDATA[1.gulp安装


//全局安装
npm install gulp@3.9.1 -g

//本地安装
npm install gulp@3.9.1

//全局及本地都需要进行安装

//安装后检测
gulp -v



2.生成package.json管理gulp依赖


//npm进行初始化，生成package.json
npm init -y

 再在根目录下创建gulpfile.js文件，用于配置gulp任务，并引入gulp：


//gulpfile.js

// gulp定制任务 =&gt;..]]></description><category></category></item><item><title><![CDATA[【js】数据处理]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/117565713</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/117565713</guid><author>THcoding_Cat</author><pubDate>Fri, 04 Jun 2021 17:37:07 +0800</pubDate><description><![CDATA[这里收集一下看到的数据处理方法和技巧，以及在实际工作中碰见的。


1.copy Array 的6种方法



let arr = [1,2,3,4,5,6];
        
// 解构
console.log('[...arr]:',[...arr]);

// Array.from()方法
console.log('Array.from(arr):',Array.from(arr));

// slice方法
console.log('arr.slice():',arr.slice());

// ]]></description><category></category></item><item><title><![CDATA[【微信小程序】基础知识学习]]></title><link>https://blog.csdn.net/THcoding_Cat/article/details/116846820</link><guid>https://blog.csdn.net/THcoding_Cat/article/details/116846820</guid><author>THcoding_Cat</author><pubDate>Sat, 15 May 2021 14:09:05 +0800</pubDate><description><![CDATA[1.工具(vscode环境)


JavaScript (ES6) code snippets ：ES6语法提示，代码片段
	minapp：小程序代码补全（标签/属性）提示
	wechat-sinppet：小程序代码补全（小程序API）提示，如wx-request
	wxapp-helper：小程序助手，模拟 Web 开发者工具的创建等功能
















2.小程序文件结构与基本项目目录

文件结构：

结构
			传统web
			微信小程序
		结构
			HTML
			WX...]]></description><category></category></item></channel></rss>