<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[小米人的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Mweb_demo</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Mweb_demo]]></copyright><item><title><![CDATA[Vue packages version mismatch]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/125810339</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/125810339</guid><author>Mweb_demo</author><pubDate>Fri, 15 Jul 2022 18:25:23 +0800</pubDate><description><![CDATA[删除底版本，重新安装。]]></description><category></category></item><item><title><![CDATA[elementui表格多选实现单选的效果]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/113309741</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/113309741</guid><author>Mweb_demo</author><pubDate>Thu, 28 Jan 2021 10:48:46 +0800</pubDate><description><![CDATA[ts写法
着重点

// 全选
on-select-all={this.onSelectAll}
// 选择多选触发
on-selection-change={this.selectItem}
// 模板，页面显示多选框
&lt;el-table-column type="selection" reserve-selection={false} /&gt;
ref="multipleTable"


解释

  // 清空所有选中
  onSelectAll(): void {
    const sel.]]></description><category></category></item><item><title><![CDATA[javascript小工具函数]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/112303651</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/112303651</guid><author>Mweb_demo</author><pubDate>Thu, 07 Jan 2021 10:16:06 +0800</pubDate><description><![CDATA[JS 获取某月的天数
function getMonthCountDay (year, month) {
  return 32 - new Date(year, month-1, 32).getDate()
}
获取某月的天数，是周几
new Date(2020,11-1,16).getDay() // 11月16日，周一


]]></description><category></category></item><item><title><![CDATA[echarts图形样式的控制]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/112215213</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/112215213</guid><author>Mweb_demo</author><pubDate>Wed, 06 Jan 2021 09:27:22 +0800</pubDate><description><![CDATA[grid: {
  top: 0,
  bottom: 0,
  left: 0,
  right: 0
}
控制每个图形的位置。可以是多个图形。
series: [{
  type: 'line',
  data: this.orderTrend,
  areaStyle: {
    color: 'purple'
  },
  lineStyle: {
    width: 0
  },
  itemStyle: {
    opacity: 0
  },
  smooth: true
}]
以折线图]]></description><category></category></item><item><title><![CDATA[vue.component和vue.use的用法]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/112234995</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/112234995</guid><author>Mweb_demo</author><pubDate>Tue, 05 Jan 2021 14:54:25 +0800</pubDate><description><![CDATA[vue.use和Vue.component
Vue.extend和vue.prototype.$xxx = xxx;

]]></description><category></category></item><item><title><![CDATA[左侧树形结构，右侧表格多选，表格多选回显问题]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/112008489</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/112008489</guid><author>Mweb_demo</author><pubDate>Thu, 31 Dec 2020 14:36:00 +0800</pubDate><description><![CDATA[场景复原

注意点
1、回显的数据，必须要有对应的唯一值。
实现思路
主要是回显的时候，问题提交大。
首先，需要一个大的集合{};来存储勾选的数据。
例如：{树形唯一值id:[表格勾选的数据01，表格勾选的数据01....]}

其次，表格☑️勾选的时候，需要把值存起来，如上结构。
然后，切换左侧树分组的时候，需要将集合中的数据，取出来，在表格中，做对应的回显。
最后，将数据回填在input框内时，循环处理集合即可。
在做编辑的时候，先初始化后端返回来的数据，放到集合中。这样就不会存在遗漏。
只是个人的思路]]></description><category></category></item><item><title><![CDATA[表格显示名称，通过id查找名称]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/111944432</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/111944432</guid><author>Mweb_demo</author><pubDate>Wed, 30 Dec 2020 10:19:14 +0800</pubDate><description><![CDATA[/**
   * 表格查询
   *
   * @public
   * @param {*} options
   * @memberof TableHandle
   */
  public queryMetaDataJobs(): void {
    console.log(this.treeRowData);
    if (!this.treeRowData.id) {
      this.$notify.error('请选择分组!');
      return;
    }
    c..]]></description><category></category></item><item><title><![CDATA[HTML ＜picture＞ 元素]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/110004373</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/110004373</guid><author>Mweb_demo</author><pubDate>Mon, 23 Nov 2020 18:32:35 +0800</pubDate><description><![CDATA[根据屏幕匹配的不同尺寸显示不同图片，如果没有匹配到或浏览器不支持 picture 属性则使用 img 元素：
&lt;picture&gt;
    &lt;source srcset="banner_w1000.jpg" media="(min-width: 801px)"&gt;
    &lt;source srcset="banner_w800.jpg" media="(max-width: 800px)"&gt;
    &lt;img src="banner_w800.jpg" alt=""&g]]></description><category></category></item><item><title><![CDATA[input type=file 捕捉完成选择事件]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/110001580</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/110001580</guid><author>Mweb_demo</author><pubDate>Mon, 23 Nov 2020 17:01:41 +0800</pubDate><description><![CDATA[问题：第一次选择文件或每次都选择不同文件时好使，但如果我两次都选择同一个文件，就触发不了了；
解决：将value置为空，就解决了。
  importMetaDataObject(e: any): void {
    if (!window.FileReader) {
      this.$notify.error('您的浏览器不支持FileReader！请升级浏览器');
      return;
    }
    let reader: any = new FileReader();
    co]]></description><category></category></item><item><title><![CDATA[js正则匹配空格]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/109639206</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/109639206</guid><author>Mweb_demo</author><pubDate>Thu, 12 Nov 2020 10:54:53 +0800</pubDate><description><![CDATA[/\s*(\S+)\s*$/g


]]></description><category></category></item><item><title><![CDATA[CSS 与 JS 阻塞 DOM 解析和渲染]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/109533284</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/109533284</guid><author>Mweb_demo</author><pubDate>Fri, 06 Nov 2020 15:49:30 +0800</pubDate><description><![CDATA[CSS 不会阻塞 DOM 的解析，但会阻塞 DOM 渲染。
JS 阻塞 DOM 解析，但浏览器会"偷看"DOM，预先下载相关资源。
浏览器遇到 所以，
]]></description><category></category></item><item><title><![CDATA[vue中router-link和传统a链接的区别]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/109507990</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/109507990</guid><author>Mweb_demo</author><pubDate>Thu, 05 Nov 2020 11:00:10 +0800</pubDate><description><![CDATA[Vue的创新之处在于，它利用虚拟DOM的概念和diff算法实现了对页面的"按需更新";
Vue-router很好地继承了这一点，只需要渲染一次就够了。
a标签，每次跳转都得重渲染一次，在一个浩大的项目里，“渲染"做了许多"无用功”，而且消耗了大量弥足珍贵的DOM性能！


...]]></description><category></category></item><item><title><![CDATA[arguments.length]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/109176111</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/109176111</guid><author>Mweb_demo</author><pubDate>Tue, 20 Oct 2020 10:28:36 +0800</pubDate><description><![CDATA[arguments.length表示的是实际上向函数传入了多少个参数,这个数字可以比形参数量大,也可以比形参数量小(形参数量的值可以通过Function.length获取到).
  function fun(a,b,c){
    var l = arguments.length;
    var num = 0;
    for(var i=0;i&lt;l;i++){
      num+=arguments[i];
    }
    alert(num)
  }

  fun(1,2,3);
  f]]></description><category></category></item><item><title><![CDATA[JavaScript各种类型比较]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/109174567</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/109174567</guid><author>Mweb_demo</author><pubDate>Tue, 20 Oct 2020 09:29:30 +0800</pubDate><description><![CDATA[Number,Boolean,String,Undefined这几种基本类型混合比较时，会将其转换成数字再进行比较
基本类型与复合对象进行比较时，会先将复合对象转换成基本类型（依次调用valueOf与toString方法）再进行比较
undefined被当成基本类型，undefined转换成数字是NaN，因此undefined与除null之外的其它类型值进行比较时始终返回false(注意NaN==NaN返回false)
null被当成复合对象，由于null没有valueOf与toString方法，因此和除.]]></description><category></category></item><item><title><![CDATA[安装了axure插件后，依然跳转到安装插件页面]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/108624125</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/108624125</guid><author>Mweb_demo</author><pubDate>Wed, 16 Sep 2020 16:00:08 +0800</pubDate><description><![CDATA[第一步：

第二步：

第三部：


]]></description><category></category></item><item><title><![CDATA[Module parse failed: Unexpected character ‘@‘ (1:0)]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/108603984</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/108603984</guid><author>Mweb_demo</author><pubDate>Tue, 15 Sep 2020 17:18:37 +0800</pubDate><description><![CDATA[react引入antd的样式时，解析不了@

原因：include的原因

{
   test: /\.(css|less)$/,
    // include: path.resolve(__dirname, './src'),// 这里会直接到 src 文件下找 less/css 文件进行编译，这里是项目优化的一个小技巧
    use: [
        {
            loader: MiniCssExtractPlugin.loader,
            options: {]]></description><category></category></item><item><title><![CDATA[Plugin/Preset files are not allowed to export objects, only functions. In /Users/cpp/Desktop/日常/cil-]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/108582568</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/108582568</guid><author>Mweb_demo</author><pubDate>Mon, 14 Sep 2020 16:47:51 +0800</pubDate><description><![CDATA[wepback配置react失败
{
	test: /\.jsx?$/,
	exclude: /(node_modules)/,
	use: {
	  loader: 'babel-loader',
	  options: {
		presets: ['@babel/preset-react']
	  },
	},
},


]]></description><category></category></item><item><title><![CDATA[iframe配合postmessage注意点]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/108469147</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/108469147</guid><author>Mweb_demo</author><pubDate>Tue, 08 Sep 2020 15:32:12 +0800</pubDate><description><![CDATA[使用iframe的起因：
&nbsp;&nbsp;&nbsp;&nbsp;现存在两个不同的系统，A系统和B系统。因为某中原因，A系统要调用B系统页面中的个别页面，所以引入了iframe；并且两个系统之间需要通信，设计到跨域问题，就有了postmessage;
在系统中的代码示例：
 &lt;div style="height:500px;"&gt;
  &lt;iframe style="width:100%;height:100%;" src={this.iframeUrl} ref="xxxIframe]]></description><category></category></item><item><title><![CDATA[react todolist实践总结]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/107975329</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/107975329</guid><author>Mweb_demo</author><pubDate>Sat, 05 Sep 2020 14:26:12 +0800</pubDate><description><![CDATA[react状态组件state定义在constructor里外的区别
react组件中数据的挂载方式
react代码学习

]]></description><category></category></item><item><title><![CDATA[D3给柱形图添加hover]]></title><link>https://blog.youkuaiyun.com/Mweb_demo/article/details/108418973</link><guid>https://blog.youkuaiyun.com/Mweb_demo/article/details/108418973</guid><author>Mweb_demo</author><pubDate>Sat, 05 Sep 2020 14:17:36 +0800</pubDate><description><![CDATA[重点代码块：
const svg: any = d3.select(this.$refs[ref])
      .attr('width', this.width)
      .attr('height', this.height);
    svg.append('g')
      .selectAll('rect')
      .data(data)
      .join('rect')
      .attr('x', (d: any, i: number) =&gt; x(i))
    ]]></description><category></category></item></channel></rss>