默默code-CSDN博客

原创生成个性化二维码

一、需求背景目的很简单，前端生成一个二维码；二维码中间有个性化的logo即可。【VUE框架示例】二、上效果三、需要的工具【插件】1.qrcodejs2 npm安装即可；四、具体代码分析<template> <el-dialog :visible.sync="clientShow" :modal-append-to-body="false" center custom-class="clien-dialog" :show-close="false" :append-to-

2022-03-10 15:30:52 1542

原创 vue插件开发

一、背景由于定时任务需求是以一个管理后台为基础，定时任务以一个外部引入或者插入的形式出现在管理后台中的；所以需要该组件（插件）要能够与管理后台拆分开来，在前端层面不能与管理后台的代码和功能耦合太强；所以针对此问题设计出以下方案来实现。二、功能概要（1）定时任务列表包括已创建的定时任务列表、分页功能、必要的操作按钮；（2）创建定时任务弹窗包括创建定时任务所需的输入框和按钮（3）查看已创建定时任务弹窗包括显示定时任务详细信息的展示三、实现方式（1）概述以插件和组件混合形式实现，其中列表、分

2022-02-17 10:57:29 4764

原创 vue项目中所有错误的收集

/* * 为了能收集更多的错误，建议在页面一开始就引入并初始化构造函数 * * 浏览器错误日志自动收集方案 * 能及时发现偶现性、隐蔽性、不同手机终端兼容性的错误，在修复的时候可作为重要的排查依据。 * { callback } callback 日志回调处理函数, 回调参数：errorMsg, url, lineNumber, columnNumber, errorObj */function Log(callback) { window.onerror = function (erro

2022-02-16 10:18:51 702

原创 vscode：代码格式化，编辑首选项中设置中的setting.json文件

{ "[dart]": {}, // 配置语言的文件关联 "files.associations": { "*.vue": "vue", "*.wpy": "vue", "*.wxss": "css", "*.less": "less", "*.tpl": "vue", "*.md@xxx": "markdown", "*.wxml": "html", "*.cjson": "jsonc", "*.wxs": "javasc

2022-02-16 10:14:30 573

原创日期时间选择器如何控制某时段时间不能选择

elementUI日期时间选择器如何控制某时段时间不能选择使用参数picker-options,建议使用参数time-arrow-control，用箭头进行选择（用鼠标滚轮操作稳定性很差）pickerOptions:{ disabledDate(time) { return time.getTime() >Date.now() 控制只能选择今天及以后的日期 }, selectableRange ："10:41:40 - 23:59:59 "//控制选择的时间段。如果是今天，则

2022-02-16 10:10:59 1053

原创回显分页复选框（纯前端）

需求：列表中有多条分页数据，可复选框也可单选，要求能将每页所选的数据展示出来，并传给后端，且能正常回显，后端存储时不会完整存储所选数据（如果后端存储完整，可将其做更大优化）；保证在列表外删除其中任意数据也可以正常回显。单选还是多选：首先你在自己的组件中接收一个参数来区分是单选还是多选：checkType: {//单选还是多选，radio单选；checkBox多选 required: false, type: String, default: 'radio' },其次如果是多选的话你

2022-02-15 18:28:25 1334 2

原创访问一个url并且携带一个表单通过post传递给网站

访问一个url并且携带一个表单通过post传递给网站参数解析：url【跳转地址】；data【需要传输的数据，JSON格式】；name【打开新窗口的标签名】 openPostWindow(url, data, name) { var tempForm = document.createElement("form"); tempForm.id = "tempForm1"; tempForm.method = "post"; tempForm.action

2022-02-15 17:10:41 519

原创类似SKU等问题，JS逻辑处理及VUE框架展示（H5）

H5的SKU实例：前言：上一篇文章说到“管理系统SKU”的相关功能的代码书写；这一篇就讲解一下H5端该怎么用管理系统设置好的sku信息来渲染商品购买时的动态界面。一、需求1.首先这个功能其实就是普遍意义上的用户选择好商品后，弹出规格选择框的页面；网上有很多类似SKU相关的插件，用起来也是屡试不爽，但是我这里写出来主要是与上一个管理系统相照应，同时在有些朋友需要个性化的时候可以拿来用，因为一般那种sku插件都是有限制几个规格的，而我这个就比较开放，可以任意添加，同时样式也可以直接进行更改，加以修改就可以

2020-09-16 15:11:42 640

原创 vue项目中遇到需要输入两位小数时校验通过，并且后面多余的0是可以输入的情况如何处理？

vue项目中遇到需要输入两位小数时校验通过，并且后面多余的0是可以输入的情况如何处理？一、需求分析1.首先要知道需求具体是什么，简单讲就是我们在一个输入框中输入数字，但是这个数字有可能是6位、7位等；输入后需要对数字进行校验并且在输入错误时输入框要有对应的提示。2.既然要有提示，那么就成了一个表单校验。校验不通过就要callback对应的错误提示；3.处理方式可以有正则、JS逻辑，本文介绍JS逻辑；二、相关代码讲解html<template> <el-form :model

2020-09-15 15:08:34 1196

原创类似SKU等问题，JS逻辑处理及VUE框架展示（管理系统）

管理系统SKU实例：一、需求1.首先我们要了解你此次拿到的SKU相关的需求和普通的SKU功能有什么不同点；2.以下示例以求完善所有SKU相关功能会涉及到的情况；3.需求举例：（1）要拥有多个规格，且没有限制（这里一般情况为4个规格，这里扩大范围来增加难度）（2）每一个规格又拥有多个规格值，且没有限制（一般情况是有限制的，但是根据产品不同又有多又少，这里直接无限制）（3）规格和规格值再新增、编辑、删除时都要同步出一个SKU所有可能的列表，并且列表每一行拥有单独设置售价和库存的输入框；（4）能够支

2020-09-09 20:58:44 558

weixin_46356574的博客