- 博客(88)
- 收藏
- 关注
RSS订阅原创 需要将a-input-number的默认值改为空
如上 这个设置了 最小值为0 保留2位小数，当我编辑回显时，为null的数据也会被附上 0作为默认值显示，就算是将最小值删掉也是一样。在回显时 首先遍历循环整个数组，当这个值为NULL时，就将值给删掉，这样就可以实现。因此要实现 默认值为空的情况 可以使用undefined的操作来实现下面如图。
2025-01-15 11:29:33
275
原创 uniapp编译支付宝小程序
问题分析：toJSON全局搜索没有发现，搜索说是要加toJSON：null 或者在method中添加toJSON(){}，均无效。解决：将点击事件里面的console.log，以及弹窗里面的console.log注释掉可以正常打开不报错了。点击商品一直报错，导致弹窗的打开速度很慢。
2024-02-28 14:16:08
821
1
原创 ant-design_a-table问题
a-table 勾选后selectedRowKeys，可以追加进数组，selectedRow不会追加进数组，解决代码如下。
2023-10-11 15:17:00
329
原创 el-checkbox修改选中和未选中的值
由于在checkbox选中的时候，默认的是为true和false。后端定义的绑定字段不是为布尔值，而是为0，1。
2023-08-08 15:51:30
3507
原创 Vue将弹窗页面作为pdf下载下来
1、新功能是在这个查看报告的弹窗中添加一个表格，表格里面可以在点击详情，查看一个弹窗（弹窗功能页面不下载到PDF）,表格上的详情按钮在下载时要去掉。需求：点击某个查看报告按钮后，出现的是一个弹窗，可以浏览，滚动等操作，底部有下载PDF，将整个报告下载成PDF文件。导出为PDF方法，网上有很多 我这里就把代码贴出来 仅供参考。
2022-09-21 23:03:16
1071
原创 Vue+Element关于数据在数组进行回显，并进行修改数组当前的数量
说一下我遇到的问题吧，我在按钮2页面，当我模糊搜索点击后，后端返回给我的值是 b,但是我绑定的是a,后端需要的也是a,这个时候我就要将b赋值给a,去修改a,然后保存将a传给后端。说明：在按钮1页面的操作是将商品购买进库，点击按钮保存，按钮2页面的操作是将刚刚采购进来的商品进行库存的变更，商品的信息不能做修改，只能修改数量。名称是，是做的模糊搜索，点击搜索出来的物资，将当前的信息回显到当前的一行，并且进行数据的修改。我这种只能算很low的解决办法吧，有更好的办法可以评论区讨论讨论。1、第一种（直接赋值）...
2022-08-29 22:22:02
1763
原创 使用正则格式化HTML标签进行页面渲染
需求今天是做了1个需求，我在1个富文本里面编辑的文字，需要渲染到一个预览的PDF上展示(Vue项目)可以看到我使用v-html会将html标签进行解析，样式并不是想要的。v-text或者{{}}，这样又将标签直接展示出来了。我在富文本存的文字内容给到后端时，是会带上标签的，比如。这样我在根据后端返回的字段里面获取参数进行渲染。...
2022-07-17 16:30:10
620
原创 关于使用elemenUI下拉筛选选中问题
题目与题目之间的逻辑关系，将左边题目选中后会到右边进行处理，点击逻辑编辑后，可以设置题目与题目之间的逻辑关系（选中某个题目后，才会另外1题），这个不做展开说明
2022-07-12 10:25:09
251
原创 如何在keep-alive中使用倒计时
项目：基于安卓设备开发的H5描述：头部为状态栏，中间内容区域使用的是keep-alive，来进行的切换需求1：在Home页面点击某个按钮，跳转至页面A需求2：在页面A有一个关闭按钮，一个倒计时，点击关闭跳转至Home页，倒计时结束后也跳转至Home这里就不展开了在路由页面添加路由后，就可以点击跳转this.$router.push('/路由名称')<div class="modeCountDown">{{ modeCount }}秒</div>下面代码为.
2022-05-25 10:20:53
347
原创 v-router 路由基础
导读：由于本篇文章我是在juejin上面发了后，复制过来的，所以会有一些动态图没有动，图片有水印，排版等问题一、路由的基本概念与原理1.什么是路由路由（英文：router）就是对应关系。2.SPA 与前端路由SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这唯一的一个页面内完成。此时，不同组件之间的切换需要通过前端路由来实现。 结论：在 SPA 项目中，不同功能之间的切换，要依赖于前端路由来完成！3.什么是前端路由概念：Hash 地址与组.
2022-03-20 13:16:19
2162
原创 JQ动态多选div（非Checkbox）
写这篇文章是，今天项目中有使用到了一个多选盒子并且是非Checkbox的，，网上找了一圈都是说使用Checkbox来实现多选，我这里就简单说一下吧需求：3个盒子 选中状态，来进行组合，根据后端的组合的值，前端传递给后端后端给的判断是 ：选中晨 ：给他传值为1选中午 ：给他传值为2选中晚 ：给他传值为3选中 晨+午： 给他传值为4选中 晨+晚：给他传值为5选中 午+晚：给他传值为6都选中：给他传值为0一、div结构盒子的大致样式就是外面一个大盒子 里面3个小盒子 <d.
2022-03-20 12:20:11
1289
原创 Vue组件之间的数据共享
导读： 本篇文章会讲到Vue中重要的一个问题，就是组件与组件之间怎么进行数据共享?之前我们有说过，每个组件之间是相互独立的，可以通过导入组件以及注册组件的方式进行使用，那我们组件之间怎么传递数据呢？1、组件之间的关系在开发中 经常见到的关系分为以下几种：父子组件（父子关系）兄弟组件（兄弟关系）可以看下关系图A——B A——C 父子关系B-C 兄弟关系#mermaid-svg-H9vkRwclTBeIS6nt .label{font-family:'trebuchet ms',.
2021-12-27 18:53:22
709
原创 Vue生命周期详解
前面Vue入门基础（二)的时候里面有说过Vue的生命周期，说的比较浅。本篇文章会详细的讲解Vue的生命周期生命周期&生命周期函数生命周期（Life Cycle）是指一个组件从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。注意：生命周期强调的是时间段，生命周期函数强调的是时间点。1.1 组件生命周期函数的分类1.2 生命周期图示1.3 创建阶段1. befo.
2021-12-27 18:52:01
14378
原创 Vue入门基础（四）—— 动态组件&插槽&自定义指令
本篇文章主要讲述的是 动态组件&插槽&自定义指令一、动态组件1、什么是动态组件动态组件指的是动态切换组件的显示与隐藏2、如何实现动态组件渲染Vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下 data(){ //1、当前要渲染的组件名称 retrn{ comName:'Left'} } <!--2. 通过is属性，动态指定要渲染的组件 --> <component :is='.
2021-12-27 18:50:07
785
原创 Vue入门基础（三）
经常会听到说组件化开发，那到底什么是组件呢？怎么组件化开发呢？组件与组件之间是什么关系呢？组件之间的数据共享是怎么共享呢？看下面文章来带你了解Vue组件1.1 什么是组件化开发组件化开发指的是：根据封装的思想，把页面上可重用的 UI 结构封装为组件，从而方便项目的开发和维护。1.2 Vue中的组件化开发vue 是一个支持组件化开发的前端框架。vue 中规定：组件的后缀名是 .vue。之前接触到的 App.vue 文件本质上就是一个 vue 的组件。1.3 Vue组件的组成3部分.
2021-12-27 17:51:19
1573
原创 Vue入门基础（二）
本篇文章是接着上一篇文章的，可以先看下 上一篇文章4.Vue常用特性4.1 常用特性概览表单操作自定义指令计算属性过滤器侦听器生命周期4.2 表单操作1. 基于Vue的表单操作input 单行文本textarea 多行文本select 下拉多选radio 单选框checkbox 多选框1、单行文本 绑定数据 <span>姓名：</span> <span> <input type.
2021-12-27 17:45:23
1513
原创 在Vue中使用$refs来引用DOM
Jquery 在操作DOM上大大简化了过程Vue：MVVM在Vue 中 程序猿不需要去操作DOM，只需要把数据维护好就可以了（数据驱动视图）结论：在Vue 项目中，JQ与Vue 的理念相背离，所以不建议安装和使用Jquery假设：我们在Vue 中需要操作DOM，需要拿到页面上某个DOM元素的引用，此时怎么办？ref引用1.什么是ref引用ref 用辅助开发者在不依赖于Jquery 的情况下，获取DOM元素或组件的引用。每个Vue的组件实例上，都包含一个$refs对象，里面存储着对应.
2021-12-21 15:21:55
959
原创 ajax与 axios的基础讲解（附代码及接口）
看这篇文章前，你的小脑袋瓜子 想一想ajax和axios他们有什么区别？他们能做什么？要带着问题来看，这样会事半功倍1、Ajax注意事项：本Ajax中的代码片段 发起的请求 都是自己本地文件夹中的app.js接口，我会在Ajax 章节的最后附上源文件。Ajax 全称（Asynchronous JavaScript and XML）是用于在发送请求的时候 无刷新发送请求，也就是说 用JavaScript执行异步的请求如果仔细观察一个Form的提交，你就会发现，一旦用户点击“Submit”按.
2021-12-14 19:50:27
3090
原创 Vue入门基础（一）
目录1. Vue基础1.1 概述2 Vue基本使用2.1 Vue.js之Hello word 细节分析3. Vue模板语法3.1 模板语法概述3.1.1 原生JS拼接字符串3.1.2 前端模板引擎3.1.3 模板语法3.2 指令（v-）3.2.1 什么是指令？3.2.2 v-cloak指令用法3.2.3 数据绑定指令（v-text/v-html/v-pre）3.2.4 数据响应式（v-once）3.3 双向数据绑定（v-model/MVVM设计思想）3.4 事件绑定1.Vue 如何处理事件？2.事件函数参数
2021-11-08 17:34:20
423
原创 一篇文章让你了解什么是art-template模板引擎
目录1、模板引擎1.1 以前的项目存在的问题1.2 模板引擎的作用1.3 模板引擎渲染1、模板引擎art-template是由腾讯出品的一款比较流行的模板引擎，易上手art-template官网atr-template文档1.1 以前的项目存在的问题数据和HTML标字符串拼接导致，代码混乱，拼接容易出错，不易维护业务逻辑和数据界面混合，代码容易出错且字符串拼接中 不能换行 要是换行的话 需要 ‘\’ 来转义字符for(var i = 0; i<res.length;i++
2021-09-15 12:52:32
5588
原创 高频面试题-“原型对象与原型链”
目录什么是原型？代码实例（__proto__）获取原型的方法：代码实例（prototype）什么是原型？每一个对象都有它的原型对象，他可以使用自己原型对象上的所有属性和方法代码实例（proto）let dog = { name:"旺旺"}//给这个追加一个eat 属性，并且打印出来dog.__proto__.eat = function(){ console.log("啃骨头")}dog.eat();获取原型的方法：1、通过对象的__proto__获取2、通过构造函数的
2021-09-08 12:52:38
388
原创 高频面试—“箭头函数和普通函数的区别”
在面试的时候，面试官有时候会问这个样一个问题？面试官：“你说一下，箭头函数和普通函数有什么区别”那现在我们就来讨论一下这个问题？普通函数const fun = function(){ return 100; } console.log(fun())//在控制台打印的结果就是 100箭头函数//多个参数const fun = (x,y) =>{return 100}//一个参数const fun = x => 100//无参数const fun .
2021-08-23 12:47:17
263
原创 Vue2基础——Tap栏切换案例
本篇文章需要有一丢丢的Vue基础 ，或者可以参考Vue官网，本篇文章会用到的知识点有 v-on,v-bind,v-if,v-for业务需求：点击tab 栏内容去切换相对应的显示内容比如：点击栏目一 内容区域显示栏目一 内容一可以自己先敲一下，想想该怎么实现这个业务需求呢？下面我会提供静态代码，只需要在这个基础上进行修改即可我也会在文章的最后，写一遍demoHTML静态代码<div id="app" class="vertical-tab"> <!-- 左侧.
2021-08-01 21:35:09
1920
2
原创 高频面试—“闭包的基本概念及应用”
什么是闭包闭包：函数嵌套函数。内部函数就是闭包正常情况下，函数执行完成后内部变量会销毁（销毁，释放内存空间）//fn1是外部函数function fn1(){ let a = 10; //fn2是内部函数 function fn2(){ console.log(a); } return fn2; }let fn3 = fn1;fn3()闭包应用在封装上 //立即执行函数let module = (function(){ let a = 1; let b =
2021-07-28 16:20:53
107
原创 高频面试—“var、let、const的区别”
目录var和let的区别const(常量不能修改)什么时候使用const？let?var和let的区别代码演示var定义的变量没有块级作用域的概念 if(true){ var a = 10; } console.log(a) //函数内部定义的变量 都是全局变量let定义变量是有块级作用域的if(true){ let a = 10; } console.log(a)现在
2021-07-26 19:26:03
129
原创 高频面试题—“原始类型与引用类型”
目录赋值原始类型赋值引用类型赋值比较原始类型的比较引用类型的比较函数传参原始类型传参引用类型传参原始类型与引用类型三种情况下的对比：赋值原始类型赋值//原始类型赋值 let str1 = "小hu";//给str1 赋值一个变量 小hu let str2 = str1;//将str1 又赋值给str2 小hu str1 = "同学"; // 同学赋值给了 str1//打印 console.log(str1);//同学
2021-07-19 19:42:02
112
3
原创 高频面试题—“什么是防抖节流？”
什么是防抖？防抖：用户触发时间过于频繁，只要最后一次事件的操作案例：我在输入框中输入了 123 但是控制台打印出来的 是 1 12 123测试代码<body> <input type="text"> <script> <!--获取input标签 --> let ip = document.querySelector("input") <!--onin
2021-07-17 18:54:58
342
原创 一篇文章让你了解Git操作
目录一、Git基础1.1 版本管理1.1.1 什么是版本管理1.1.2 人为维护文档版本的问题1.2 Git是什么1.3 Git下载和安装1.4 Git 基本原理1.5 Git使用1.5.1 Git使用前配置(信息)1.5.2 提交步骤1.5.3 撤销1.5.3.1 用暂存区中的文件覆盖工作目录（git checkout ）1.5.3.2、将文件从暂存区删除 使用git rm --cached 文件名称1.5.3.3 将更新记录恢复出来，并且覆盖暂存区和工作目录二、Git进阶2.1 分支2.1.1 分支细
2021-07-06 17:19:32
590
原创 跟着博主一起学Ajax（三）
jQuery中的ajax一、$.ajax()1.1 $.ajax()方法概述1.2 serialize方法1.3 $.ajax()发送jsonp请求二、$.get() .post()方法概述一、$.ajax()1.1 $.ajax()方法概述作用：发送ajax请求 $.ajax({ //请求方式 type:'get', //请求地址 //在同源情况下可以简写
2021-06-26 20:10:48
105
2
原创 跟着博主一起学Ajax（二）
本篇文章是接着跟着博主一起学Ajax（一）写的，有不是很懂的可以回顾一下上一篇文章目录一、模板引擎1.1 模板引擎使用步骤二、案例2.1 验证邮箱地址唯一性（案例一）2.2 搜索框内容自动提示（案例二）一、模板引擎模板引擎概述作用：使用模板引擎提供的模板语法，可以将数据和 HTML 拼接起来。官方地址：https://aui.github.io/art-template/zh-cn/index.html1.1 模板引擎使用步骤下载art-template模板引擎库文件并在HTML页面.
2021-06-18 23:39:06
146
原创 跟着博主一起学Ajax（一）
本篇文章是博主在学习Ajax的过程中，一个一个代码敲出来的，尽可能的将每行代码都写上了注释，让大家能够看懂，也为了我自己做一个总结回顾吧，Ajax还没肝完，下一篇继续！
2021-06-09 21:29:54
152
转载 高级JavaScript第（四）篇
本篇文章为高级JavaScript第四篇，主要说的是正则表达式，说了那么多，其实要真正的了解，还是有一定难度的
2021-05-01 20:05:40
264
原创 高级JavaScript第（三）篇
本篇文章为高级JavaScript第（三）篇，主要讲了函数的定义和调用、this的指向问题、严格模式、高级函数、闭包、递归
2021-04-24 12:16:11
443
原创 “Gulp”前端开发的好帮手
一、第三模块Gulp构建工具基于Node平台开发的前端构建工具（需要安装node.js）将机械化操作编写任务，想要执行机械化操作时执行一个命令行命令任务就能自动执行了用机器代替手工完成一些代码的压缩二、Gulp能做什么项目上线，HTML、CSS、JS文件压缩合并语法转换（es6、less…）公共文件抽离修改文件浏览器自动刷新三、Gulp使用使用npm install gulp下载gulp库文件（不要加-g）-g是全局安装 不加则是本次项目安装在项目根目录下建立gulpfil
2021-03-19 23:19:22
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人