<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_46356574的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_46356574</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_46356574]]></copyright><item><title><![CDATA[生成个性化二维码]]></title><link>https://blog.youkuaiyun.com/weixin_46356574/article/details/123402445</link><guid>https://blog.youkuaiyun.com/weixin_46356574/article/details/123402445</guid><author>weixin_46356574</author><pubDate>Thu, 10 Mar 2022 15:30:52 +0800</pubDate><description><![CDATA[一、需求背景
目的很简单，前端生成一个二维码；二维码中间有个性化的logo即可。【VUE框架示例】
二、上效果

三、需要的工具【插件】
1.qrcodejs2  npm安装即可；
四、具体代码分析
&lt;template&gt;
  &lt;el-dialog :visible.sync="clientShow" :modal-append-to-body="false" center custom-class="clien-dialog" :show-close="false" :append-to-]]></description><category></category></item><item><title><![CDATA[vue插件开发]]></title><link>https://blog.youkuaiyun.com/weixin_46356574/article/details/122978122</link><guid>https://blog.youkuaiyun.com/weixin_46356574/article/details/122978122</guid><author>weixin_46356574</author><pubDate>Thu, 17 Feb 2022 10:57:29 +0800</pubDate><description><![CDATA[一、背景
由于定时任务需求是以一个管理后台为基础，定时任务以一个外部引入或者插入的形式出现在管理后台中的；所以需要该组件（插件）要能够与管理后台拆分开来，在前端层面不能与管理后台的代码和功能耦合太强；所以针对此问题设计出以下方案来实现。
二、功能概要
（1）定时任务列表
包括已创建的定时任务列表、分页功能、必要的操作按钮；
（2）创建定时任务弹窗
包括创建定时任务所需的输入框和按钮
（3）查看已创建定时任务弹窗
包括显示定时任务详细信息的展示
三、实现方式
（1）概述
以插件和组件混合形式实现，其中列表、分]]></description><category></category></item><item><title><![CDATA[vue项目中所有错误的收集]]></title><link>https://blog.youkuaiyun.com/weixin_46356574/article/details/122957828</link><guid>https://blog.youkuaiyun.com/weixin_46356574/article/details/122957828</guid><author>weixin_46356574</author><pubDate>Wed, 16 Feb 2022 10:18:51 +0800</pubDate><description><![CDATA[/*
 * 为了能收集更多的错误，建议在页面一开始就引入并初始化构造函数
 *
 * 浏览器错误日志自动收集方案
 * 能及时发现偶现性、隐蔽性、不同手机终端兼容性的错误，在修复的时候可作为重要的排查依据。
 * { callback } callback 日志回调处理函数, 回调参数：errorMsg, url, lineNumber, columnNumber, errorObj
 */
function Log(callback) {
  window.onerror = function (erro]]></description><category></category></item><item><title><![CDATA[vscode：代码格式化，编辑首选项中设置中的setting.json文件]]></title><link>https://blog.youkuaiyun.com/weixin_46356574/article/details/122957701</link><guid>https://blog.youkuaiyun.com/weixin_46356574/article/details/122957701</guid><author>weixin_46356574</author><pubDate>Wed, 16 Feb 2022 10:14:30 +0800</pubDate><description><![CDATA[{
  "[dart]": {},
  // 配置语言的文件关联
  "files.associations": {
    "*.vue": "vue",
    "*.wpy": "vue",
    "*.wxss": "css",
    "*.less": "less",
    "*.tpl": "vue",
    "*.md@xxx": "markdown",
    "*.wxml": "html",
    "*.cjson": "jsonc",
    "*.wxs": "javasc]]></description><category></category></item><item><title><![CDATA[日期时间选择器如何控制某时段时间不能选择]]></title><link>https://blog.youkuaiyun.com/weixin_46356574/article/details/122957567</link><guid>https://blog.youkuaiyun.com/weixin_46356574/article/details/122957567</guid><author>weixin_46356574</author><pubDate>Wed, 16 Feb 2022 10:10:59 +0800</pubDate><description><![CDATA[elementUI日期时间选择器如何控制某时段时间不能选择
使用参数picker-options,建议使用参数time-arrow-control，用箭头进行选择（用鼠标滚轮操作稳定性很差）
pickerOptions:{
	disabledDate(time) {
     return time.getTime() &gt;Date.now() 控制只能选择今天及以后的日期
    },
	selectableRange ："10:41:40 - 23:59:59 "//控制选择的时间段。如果是今天，则]]></description><category></category></item><item><title><![CDATA[回显分页复选框（纯前端）]]></title><link>https://blog.youkuaiyun.com/weixin_46356574/article/details/122948728</link><guid>https://blog.youkuaiyun.com/weixin_46356574/article/details/122948728</guid><author>weixin_46356574</author><pubDate>Tue, 15 Feb 2022 18:28:25 +0800</pubDate><description><![CDATA[需求：
列表中有多条分页数据，可复选框也可单选，要求能将每页所选的数据展示出来，并传给后端，且能正常回显，后端存储时不会完整存储所选数据（如果后端存储完整，可将其做更大优化）；保证在列表外删除其中任意数据也可以正常回显。
单选还是多选：
首先你在自己的组件中接收一个参数来区分是单选还是多选：
checkType: {//单选还是多选，radio单选；checkBox多选
  required: false,
  type: String,
  default: 'radio'
 },

其次如果是多选的话你]]></description><category></category></item><item><title><![CDATA[访问一个url并且携带一个表单通过post传递给网站]]></title><link>https://blog.youkuaiyun.com/weixin_46356574/article/details/122948548</link><guid>https://blog.youkuaiyun.com/weixin_46356574/article/details/122948548</guid><author>weixin_46356574</author><pubDate>Tue, 15 Feb 2022 17:10:41 +0800</pubDate><description><![CDATA[访问一个url并且携带一个表单通过post传递给网站
参数解析：url【跳转地址】；data【需要传输的数据，JSON格式】；name【打开新窗口的标签名】
    openPostWindow(url, data, name) {
      var tempForm = document.createElement("form");
      tempForm.id = "tempForm1";
      tempForm.method = "post";
      tempForm.action]]></description><category></category></item><item><title><![CDATA[类似SKU等问题，JS逻辑处理及VUE框架展示（H5）]]></title><link>https://blog.youkuaiyun.com/weixin_46356574/article/details/108618549</link><guid>https://blog.youkuaiyun.com/weixin_46356574/article/details/108618549</guid><author>weixin_46356574</author><pubDate>Wed, 16 Sep 2020 15:11:42 +0800</pubDate><description><![CDATA[H5的SKU实例：
前言：上一篇文章说到“管理系统SKU”的相关功能的代码书写；这一篇就讲解一下H5端该怎么用管理系统设置好的sku信息来渲染商品购买时的动态界面。
一、需求
1.首先这个功能其实就是普遍意义上的用户选择好商品后，弹出规格选择框的页面；网上有很多类似SKU相关的插件，用起来也是屡试不爽，但是我这里写出来主要是与上一个管理系统相照应，同时在有些朋友需要个性化的时候可以拿来用，因为一般那种sku插件都是有限制几个规格的，而我这个就比较开放，可以任意添加，同时样式也可以直接进行更改，加以修改就可以]]></description><category></category></item><item><title><![CDATA[vue项目中遇到需要输入两位小数时校验通过，并且后面多余的0是可以输入的情况如何处理？]]></title><link>https://blog.youkuaiyun.com/weixin_46356574/article/details/108599540</link><guid>https://blog.youkuaiyun.com/weixin_46356574/article/details/108599540</guid><author>weixin_46356574</author><pubDate>Tue, 15 Sep 2020 15:08:34 +0800</pubDate><description><![CDATA[vue项目中遇到需要输入两位小数时校验通过，并且后面多余的0是可以输入的情况如何处理？
一、需求分析
1.首先要知道需求具体是什么，简单讲就是我们在一个输入框中输入数字，但是这个数字有可能是6位、7位等；输入后需要对数字进行校验并且在输入错误时输入框要有对应的提示。
2.既然要有提示，那么就成了一个表单校验。校验不通过就要callback对应的错误提示；
3.处理方式可以有正则、JS逻辑，本文介绍JS逻辑；
二、相关代码讲解
html
&lt;template&gt;
	&lt;el-form :model]]></description><category></category></item><item><title><![CDATA[类似SKU等问题，JS逻辑处理及VUE框架展示（管理系统）]]></title><link>https://blog.youkuaiyun.com/weixin_46356574/article/details/108501366</link><guid>https://blog.youkuaiyun.com/weixin_46356574/article/details/108501366</guid><author>weixin_46356574</author><pubDate>Wed, 09 Sep 2020 20:58:44 +0800</pubDate><description><![CDATA[管理系统SKU实例：
一、需求
1.首先我们要了解你此次拿到的SKU相关的需求和普通的SKU功能有什么不同点；
2.以下示例以求完善所有SKU相关功能会涉及到的情况；
3.需求举例：（1）要拥有多个规格，且没有限制（这里一般情况为4个规格，这里扩大范围来增加难度）
（2）每一个规格又拥有多个规格值，且没有限制（一般情况是有限制的，但是根据产品不同又有多又少，这里直接无限制）
（3）规格和规格值再新增、编辑、删除时都要同步出一个SKU所有可能的列表，并且列表每一行拥有单独设置售价和库存的输入框；
（4）能够支]]></description><category></category></item></channel></rss>