一只小菜鸟呀！

2020年7月28日

摘要：数组的响应式操作 //this.letters.push('123');//在末尾添加一个元素 //this.letters.pop();//从末尾删除一个元素//this.letters.unshift('111');//在开端添加一个元素//this.letters.shift();//从开端删阅读全文

posted @ 2020-07-28 15:21 一只小菜鸟呀！阅读(290) 评论(0) 推荐(0) 编辑

考虑左位补0，只能输入数字，限位15位且规避掉空格的方法

摘要： leftAdd0(){ var value=this.form.inputNum; var inputNum=this.form.inputNum.replace(/\s+/g,'') var reg=/^[\d\s]+$/; if(!reg.test(value) && inputNum){ th 阅读全文

posted @ 2020-07-28 15:11 一只小菜鸟呀！阅读(187) 评论(0) 推荐(0) 编辑

2020年7月23日

考虑左位补0且规避掉空格的方法

摘要： this.form.inputNum = (rule,value,callback) => {// 保单号码校验左位补零&&去除空格 var reg = /^[\d\s]+$/; if(!reg.test(value) && this.form.inputNum){ this.$message({ 阅读全文

posted @ 2020-07-23 09:50 一只小菜鸟呀！阅读(182) 评论(0) 推荐(0) 编辑

2020年7月22日

数字位数不够，进行前补零的JS实现方案

摘要： /** * 自定义函数名：PrefixZero * @param num：被操作数 * @param n：固定的总位数 */ function PrefixZero(num, n) { return (Array(n).join(0) + num).slice(-n); } 使用原理下：： Ar 阅读全文

posted @ 2020-07-22 17:00 一只小菜鸟呀！阅读(5805) 评论(0) 推荐(0) 编辑

2020年7月4日

computed和watch的区别

摘要：计算属性computed : 1. 支持缓存，只有依赖数据发生改变，才会重新进行计算 2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中阅读全文

posted @ 2020-07-04 16:44 一只小菜鸟呀！阅读(724) 评论(0) 推荐(0) 编辑

2020年5月21日

Vue 中scoped 和 deep 的用法深究

摘要：众所周知，在组件中给style 标签添加属性 scoped 属性可以避免组件内样式对外界造成污染，scoped使得组件内的样式变成局域样式，只作用于当前组件。原理如下在编译组件的时候，如果当前组件内style标签上有scoped属性，那么会在当前所有标签上添加一个【data-v-hash】属性，阅读全文

posted @ 2020-05-21 20:18 一只小菜鸟呀！阅读(4563) 评论(0) 推荐(1) 编辑

2020年4月21日

展示pdf文件接收为数据流

摘要：需求： HTML部分：  <div ng-show="step == 5" style="background:#f6f5f5; height: 100%; width: 100%;"> <div class="weui-panel weui-panel_access cpxq-h 阅读全文

posted @ 2020-04-21 17:42 一只小菜鸟呀！阅读(984) 评论(0) 推荐(0) 编辑

分页展示数据

摘要：需求要求： HTML部分：  <ion-content delegate-handle="contentScroll" style="background: #f5f5f5;" overflow-scroll="true"> <div ng-show="step == 3 阅读全文

posted @ 2020-04-21 17:24 一只小菜鸟呀！阅读(412) 评论(0) 推荐(0) 编辑

滑动滑块动态展示表格数据

摘要：需求描述：如下图，四部分呈响应式关联第1部分：年龄的下拉选，范围为输入年龄+1至105岁；第2部分：接口返回数据的动态展示；第3部分：加减号控制在可允许展示年龄里的加1或减1；第4部分：滑块可左右拖动引起展示数据、年龄下拉选的变化和自身偏移量的变化。 HTML部分： <!--②　万能账户“ 阅读全文

posted @ 2020-04-21 17:12 一只小菜鸟呀！阅读(563) 评论(0) 推荐(0) 编辑

select详解

摘要： <select name="" value=""> <option>内容1</option> <option value="值">内容2</option> ..... </select> 1.name写在select中 2.提交的值分两种情况 2.1 如果option没写value,那么select 阅读全文

posted @ 2020-04-21 16:23 一只小菜鸟呀！阅读(680) 评论(0) 推荐(0) 编辑

一只小菜鸟呀！

公告