摘要:
原文链接: 点我 在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。 根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 当你把一个普通的 阅读全文
摘要:
原文链接: 点我 概要: MVVM作为数据绑定的入口,整合Observer、Compile和Watcher三者,通过Observer来监听自己的model数据变化,通过Compile来解析编译模板指令,最终利用Watcher搭起Observer和Compile之间的通信桥梁,达到数据变化 -> 视图 阅读全文
摘要:
原文链接: 点我 在写页面布局时候正方形对我们来说应该很常见,比如商品列表展示,头像展示, 在微博上发布图片的展现等 正方形用固定的形式写很简单 直接长=宽写固定的值如下 1 <div class="square"></div> 2 .square{ 3 width: 50%; 4 height: 阅读全文
摘要:
查了下资料很多都是如下: 1. this.$options.data() 这个可以获取原始的data值,this.$data 获取当前状态下的data,拷贝重新赋值一下就行了。 1 Object.assign(this.$data, this.$options.data()); 2.下面重置某个值的 阅读全文
摘要:
1 禁止复制 2 禁止粘贴 主要就是捕获事件,阻止传播。 禁止复制 在对应的标签上添加@copy.native.capture.prevent='handCopy' 禁止粘贴 在对应的标签上添加@paste.native.capture.prevent='handPaste' Fun: handPa 阅读全文
摘要:
这个错误是什么意思?为什么要写入这个文件?即使我将该文件从项目中排除,该错误仍然存在。我该如何纠正这一点? 我将webpack.config.js文件删除,问题仍然存在。 解决方法: 如果未指定exclude,则仅node_modules和其他几个被排除也包括在内。以下为我工作: "exclud 阅读全文
摘要:
原文链接: 点我 一 悬浮球水波效果 这些效果可谓多种多样,当然用canvas、svg也都能实现奈何对这些有不熟悉(尴尬),不过咱们用css来写貌似也没想象中的那么难吧。 效果图 css 1 .container { 2 width: 100px; 3 height: 100px; 4 border 阅读全文
摘要:
原文链接: 点我 在vscode的settings.json中添加: 1 "prettier.singleQuote": true, 2 "prettier.semi": false, 不管别人有没有用,lz没用 切实有效: 1 "vetur.format.defaultFormatterOptio 阅读全文
摘要:
遇到个功能是要分类就想说在前端过滤,不要从查数据库的时候过滤了。然后就想说除了filter还有啥好用的 发现有个find,测试一番之后发现 const list = [{'name':'1',index:1},{'name':'2'},{'name':'1'}]let list2 = list.fi 阅读全文
摘要:
26. Vue父子间如何双向绑定 第一种:父——>子通过props传递数据,子——>父通过自定义事件通信 第二种:通过v-model实现父子间双向数据绑定 第三种:使用.sync修饰符实现父子间的双向数据绑定 27. 面向对象思想 javascript中的面向对象:ECMA标准定义JS中的对象:无序 阅读全文