- 博客(23)
- 收藏
- 关注
RSS订阅原创 a-checkbox-group 赋值后不能点击问题
问题：编辑时，多选框会默认赋值，在重新选择后，打印的数据为新数据，但页面上选值没有变。<a-checkbox-group v-model="data.channel" :options="plainOptions" @change="onCheckboxChange" />如图：解决：v-model 是二级字段，修改 v-model 为一级字段可解决，即 v-model="data.channel" 修改为 v-model="channel" ，然后在 onCheckbo
2020-10-15 17:08:13
2982
2
原创 数组对象去重合并
1、数组示例：let arr1 = [ { CurrentState: '1', OperDate: '2020-09-07 11:13:51' }, { CurrentState: '2', OperDate: '2020-09-07 12:17:41' }, { CurrentState: '3', OperDate: '2020-09-07 14:07:52' }]let arr2 = [ { CurrentState: '1',
2020-09-08 12:05:56
200
原创 小程序scroll-view 设置scroll-y=false 不管用的问题
问题：利用scroll-view组件横向滚动实现步骤条效果，每个子元素下使用到scroll-view组件纵向滚动。小程序开发工具上正常，在真机上滚动子元素内容时，页面会跳到第一个子页面。正常情况下如下图：滚动疫苗页面后内容错位，如下图：排查，在真机上查看元素结构时，发现父元素scroll-view允许纵向滚动。查看代码，发现设置了scroll-y=“false”，貌似并未起作用。仔细查看文档，发现了自己的错误。凡是布尔类型的属性，都跟 HTML5 标准是一样的，写值了就是 true
2020-07-14 09:41:35
2912
原创 ES6之函数优化
在ES6中，对函数的操作进行优化，使我们在操作函数时变得更加便捷。1、函数参数默认值在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法：function add(a, b) { // 判断b是否为空，b为空就设置默认值 // 第一种设置默认值方法 // b = b || 1; // 第二种设置默认值方法 if(!b) { b = 1; ...
2020-01-12 19:54:20
193
1
原创 ES6之字符串扩展
在ES6中，为字符串扩展了几个新的API：includes() ，返回布尔值，表示是否找到了参数字符串。startsWith()，返回布尔值，表示参数字符串是否在原字符串的头部。endsWith()，返回布尔值，表示参数字符串是否在原字符串的尾部。示例如下：let str = "hello ES6";console.log(str,"中是否包含了ES6：",str.includes...
2020-01-12 17:28:55
193
原创 Vue之scoped
scoped属性作用在Vue文件中的style标签上有一个特殊的属性scoped。当一个style标签拥有scoped属性时候，它的css样式只能用于当前的Vue组件，可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性，相当于实现了样式的模块化。<template> <div class="box">dom</div>...
2020-01-11 22:42:25
222
原创 css之文本溢出显示省略号
1、单行文本溢出像是省略号.text_overflow { overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}2、多行文本溢出显示省略号.text_line{ /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/ display: -webkit-box; /*必须结合的属性...
2020-01-11 21:58:27
695
原创 input输入框去除点击后出现的蓝色边框
问题：在 table 中嵌入 input 输入框，根据需求，input 在点击输入时，需要去除如下图所示的默认边框：解决：1、一般的常规做法，给 input 一个 css 样式即可：input { outline: none;}2、如果公用 css 样式里给过:focus样式，则：input:focus { outline: none;}3、但我这次设置了outline...
2020-01-10 10:17:59
2572
1
原创 css实现对勾图标
用伪元素的content放置一个勾号，然后设置颜色大小就可以了。示例：<span class="icon-success"></span>.icon-success { display: inline-flex; justify-content: center; align-items: center; width: 28px; height: 28px;...
2020-01-09 22:16:35
1954
原创 Vue项目编译，浏览器报错：[Vue warn]: Invalid handler for event "cancel": got undefined
描述：定义了关闭事件，但使用的时候该方法没有起作用，查看控制台发现报错。1、如图，定义了该方法：2、打开控制台，报错如图：原因：绑定的方法不是放在methods:{}里，我不小心把绑定的函数写在了methods外面。如图：把方法放在methods:{}里就可以解决问题了，所以做项目写代码的时候一定要仔细。...
2020-01-09 21:08:23
3804
原创 Vue组件之自定义组件&全局组件&局部组件
VUE中的组件将页面中重复的的功能抽离出来封装成一个单独的组件，在任何需要的地方使用该组件，这样既减少了 逻辑复杂度 , 又能提高代码的可复用程度和可维护性。Vue 中的组件是自定义的标签,可以扩展原生的html元素,封装可重用的代码。一个 自定义标签 Vue 就会把他看成一个组件， 自定义标签原本没有实际意义，但是 Vue 会给这些标签赋予一定的意义。每个组件都是一个 Vue 的实例，...
2020-01-08 20:36:11
581
原创 小程序分包Error: 分包大小超过限制,main package source
问题：1、根据开发需求，项目基础模块开发完成后，在微信开发者工具上预览正常，点击"预览"的时候，提示分包大小超过限制。如图：上官网查了下，目前小程序分包大小有以下限制：请参考：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html（1） 整个小程序所有分包大小不超过 8M。（2 ）单个...
2020-01-07 22:44:32
21157
1
原创 CSS 之 居中
1、多块级元素水平居中（1）利用inline-block通过设置块级元素的显示类型为inline-block和父容器的text-align属性从而使多块级元素水平居中。.container { padding: 8px; text-align: center; border: 2px solid red;}.box { padding: 8px; width:...
2020-01-05 22:21:54
76
原创 var、let、const的区别
区别1、let、const不存在变量提升，var存在变量提升。2、let、const有块级作用域，var没有块级作用域。3、let、const不能重复声明，var可以重复声明。详解1、变量提升：JavaScript中，函数及变量的声明都将被提升到函数的最顶部。JavaScript中，变量可以在使用声明后，也就是变量可以先使用再声明。示例：console.log(a);var a ...
2020-01-05 19:12:27
114
原创 JavaScript的防抖与节流
前言在前端开发的过程中，我们经常会需要绑定一些持续触发事件，如窗口的resize、scroll，输入框内容校验等等，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕，这时候就要用到防抖（debounce）和节流（throttle），减少调用频率的同时又不影响实际效果。函数防抖（debounce）当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，...
2020-01-03 22:03:41
70
原创 使用Sourcetree进行Git操作时失败提示：Unable to create '../.git/index.lock': File exists.
今天使用git时发现无法切换分支，也无法拉取更新代码，报错：fatal: Unable to create ‘…/.git/index.lock’: File exists.分析原因应该是：我在使用Sourcetree拉取代码时电脑突然重启，导致Git在操作过程中被中断出现错误使得部分资源被上锁但没有被释放。解决办法：进入项目文件，使用Git命令rm -f ./.git/index.l...
2020-01-02 17:49:18
1241
原创 js数组技巧
1、数组去重ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。可以使用两种方法，一种使用.from()方法，第二种使用展开运算符(...)。var arrStr = ["Java","C++","JavaScript","C语言","C++","Java"];// 第一种方法var uniqu...
2020-01-01 00:00:19
75
原创 Vue之过滤器
一、概述Vue.js允许使用自定义过滤器（filters），用于文本的格式化。其特点是，渲染格式化的文本却不改变其本身内容。过滤器可以用在两个地方：双花括号插值，v-bind表达式（v2.1.0+）。过滤器应该被添加在表达式的尾部，然后由管道操作符“ | ”进行指示。<!-- 在双花括号中 -->{{item.price | filterPrice}}<!-- 在 v-...
2019-12-30 22:50:15
101
原创 js继承
一、继承的原理复制父类的方法和属性来重写子类的原型对象。二、原型链机制JavaScript将原型链作为实现继承的主要方法，其基本思想就是利用原型让一个引用类型继承另一个引用类型的属性和方法。构造函数、原型和实例的关系：每个构造函数都有一个原型对象（prototype），原型对象都包含一个指向构造函数的指针（constructor），而实例都包含一个指向原型对象的内部指针（propto）。...
2019-12-30 00:36:20
80
原创 Vue中的watch和computed
一、watch1、介绍：主要用于监控 Vue 实例的变化，监控的变量必须在data里面声明，可以监控一个变量或者一个对象。通过 vm 对象的$watch或watch配置来监视指定的属性，当属性变化时，回调函数自动调用，在函数内部进行计算，回调函数得到的参数为新值和旧值。2、实例：input输入框：<template> <div> ...
2019-12-29 02:14:21
111
原创 v-if和v-show的区别
vue使用过程中，v-if和v-show必不可少，但是很多人在用的时候都不知道两者到底有什么区别，大都是按照习惯使用，其实二者是要分场合使用的。共同点：v-if和v-show都能实现元素的显示或隐藏。不同点：1、手段及编译：v-if：在首次渲染的时候，如果条件为假，什么也不操作，页面也没有该元素；当条件为真的时候，开始局部编译，动态的向 DOM 元素里添加该元素；当条件由真变为假的时候，...
2019-12-28 17:39:12
64
原创 JS编程: 递归
1、什么是递归递归就是一个函数调用自身，直到达到某个特定状态。注意：使用递归函数一定要注意，处理不当就会进入死循环。2、简单例子（阶乘）function factorial(num) { if (num <= 1) { return 1; } else { return num*factorial(num-1); }}factorial(3); // 结果为6...
2019-12-26 23:06:57
90
原创 js创建对象
创建对象对象的定义：‘无序属性的集合，其属性可以包含基本值、对象或者函数。’ 严格来讲，这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。创建一个Object的实例，然后再为它添加属性和方法。var person = new Object()person.name = 'xiaoming'person.age = 25person.jo...
2019-12-24 00:04:17
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人