- 博客(16)
- 收藏
- 关注
RSS订阅原创 父子组件传值问题
父组件向子组件传值，父组建传值发生修改 子组件监听传入的对象。发现子组件使用deep watch都不能观察到对象中属性的变化，并且不会重新渲染子组建为啥出现这种问题？受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。请参照https://v1-cn.vuejs.org/guide/reactivity.html解决方式：新建一个对象 然后深度拷贝需要传的对象 然后修改新建对象 在覆盖需要传入的对象...
2021-06-03 10:34:51
156
转载 computed和watche
1.computed1.1 定义是一个计算属性,类似于过滤器,对绑定到view的数据进行处理1.2 get用法 data: { firstName: 'Foo', lastName: 'Bar' }, computed: { fullName: function () { return this.firstName + ' ' + this.lastName } }ullName不可在data里面定义,如果定义会报如下图片的错误,因为对
2021-06-03 10:19:22
157
转载 JS-执行机制 宏任务和微任务
1.关于JavaScriptjs是一门单线程语言。2.javascript事件循环同步和异步任务分别进入不同的执行“场所”，同步的进入主线程，异步的进入Event Table 并注册函数当指定的事情完成时，Event Table 会将这个函数移入Event Queue主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行上述过程会不断重复，也就是常说的Event Loop（事件循环）setTimeout这个函数，是经过指定时间后，把要执行的任
2021-06-02 12:02:47
110
原创 Vue 键盘监事件
在vue中想要使用针对键盘触发事件 使用@keyp监听事件参数直接传入$event 查看我们想要的键盘码Vue 也提供了一些常用的键盘码直接使用修饰符即可遇到的问题 当我们给element-ui input添加键盘事件的时候发现触发不了 通过层级发现element-ui 会在input的外面在嵌套一个div 导致监听不到 所以需要加上.native 从根上监听...
2021-05-31 11:11:59
66
转载 前端小技巧
这是我在工作和学习中总结的一些平时不怎么常用但是很实用的方法技巧:html部分:页面定期刷新，如果加url的，则会重新定向到指定的网页，content后面跟的是时间（单位秒），把这句话加到指定网页的里一般也用在实时性很强的应用中，需要定期刷新的. <meta http-equiv="refresh" content="0; url=">'经过一段时间转到另外某个页面CSS部分:1.盒子实际大小设置2.超过两行就出现省略号3.强制换行4.文字溢出隐藏5.鼠标设置为移动
2021-05-24 15:43:43
101
原创 es6 对象结构复制
解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。let person = {name: 'Matt',age: 27};let { name, age:aa } = person;console.log(name); // Mattconsole.log(aa); // 21不存在的会是underfinde 但可以设置默认值解决这一问题null和undefined 不能被解构，否则会抛出错误let person = {name: 'Ma
2021-05-11 16:23:27
417
原创 props传值修改报错问题
props传来的值需要就行修改绑定到v-model上 但修改会报错总结：父子组件传值时，父组件传递的参数，数组和对象，子组件接受之后可以直接进行修改，并且会传递给父组件相应的值也会修改。如果传递的值是字符串，直接修改会报错。不推荐子组件直接修改父组件中的参数，避免这个参数多个子组件引用，无法找到造成数据不正常的原因解决方法export default { name:"round-search-bar", props:['search'], //父组件传来的值 data(){
2021-04-29 16:38:31
796
1
转载 js es6数组去重
方法一 … new Setlet test=[1,2,1,2,3,5,4,8,6,1];[...new Set(test)]//[1, 2, 3, 5, 4, 8, 6]方法二 Array.from +new Setlet test=[1,2,1,2,3,5,4,8,6,1];Array.from(new Set(test))//(7) [1, 2, 3, 5, 4, 8, 6]方法三 Map.has 存在truelet test=[1,2,1,2,3,5,4,8,6,1];fun
2021-04-26 17:43:57
336
原创 判断JS数据类型的四种方法
判断JS数据类型的四种方法在 JS中共定义了 7 种数据类型，分为 基本类型 和 引用类型 两大类，如下所示：基本类型：String、Number、Boolean、Symbol、Undefined、Null引用类型：Object1、typeoftypeof 是一个操作符typeof 42 //numbetypeof 'blubber' //string对于基本类型，除 null 以外，均可以返回正确的结果。对于引用类型，除 function 以外，一律返回 object 类型
2021-04-25 11:24:55
154
原创 css三角形
实心三角形border-style: solid;border-width: 10px;border-color: transparent transparent #f60 transparent; 线三角使用after伪类content: ""; position: absolute; display: block; border: 1px solid #fff; border-bottom: 0; border-right: 0; left:
2021-04-25 11:24:31
54
原创 js闭包
要理解闭包，首先必须理解Javascript特殊的变量作用域。js的变量作用域var const let全局变量 ：定义在函数体外面的变量局部变量： 函数体内的变量变量访问 会向上寻找 简单说就是当函数体内找不到变量的时候回去windos里面找 一直向上这就是作用域， 就会存在一个问题，全局访问不了局部的变量。 闭包的存在就是为了解决这个问题简单的说闭包就是 函数套函数 再return出来function car(){var speed = 0function fn(){speed+
2021-04-19 17:47:18
65
转载 VUE 引入插件的区别
今天看自己项目代码,引入插件包的main.js，留意到引入包或者文件有两种方式：import Vue from 'vue'import echarts from 'echarts'import global from './global.js' //我自己创建的全局变量函数文件Vue.prototype.$echarts=echarts;Vue.use(global)于是就对上述两种方式引入产生了疑问，这两种方式引入有什么区别吗？通过资料查询，了解到：1、不是为了vue写的插件(插件
2020-10-15 17:50:50
333
转载 下载文件的方法
HTML页面点击下载文件的两种实现方法1.使用<a>标签来完成1 <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“download”;以下为例子移到标签<a>标签上可以显示文件路径，
2020-10-15 13:55:27
1001
转载 e.target.files[0] 解析
转载： https://www.cnblogs.com/lwwen/p/6210126.html$(‘input’).change(function(e){1️⃣、console.log(e)==>得到的是什么呢得到的是：下面这些altKey:undefinedbubbles:truecancelable:falsectrlKey:undefinedcurrentTarget:inputdata:nulldelegateTarget:inputdetail:undefinede
2020-08-18 15:10:34
2595
转载 filter() 方法
原文 https://www.jianshu.com/p/578b02b97b8d定义和用法filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意： filter() 不会对空数组进行检测。注意： filter() 不会改变原始数组。一. filter函数的参数: // filter函数的参数 let arr = ['a', 'b', 'c'] let array = arr.filter((item, index
2020-08-17 15:57:13
1493
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人