摘要:
本文开始,首先我们来看这两个词的意思,provide:提供 inject:注入 用处: 父组件可以向其所有子组件传入数据,而“不管子组件层次结构有多深(非父子和父子咱都能传)” 特性: 父组件有一个provide选项来提供数据 子组件有一个inject选项来开始使用这个数据 本文参考组件层级: In 阅读全文
摘要:
当我们使用vuex的时候,时不时能看到“更改Vuex中的store中的状态的唯一办法就是提交mutations”,但是有没有试想过,我们不提交mutations其实也能修改state的值?答案是可以的 我们可以直接使用如下方式; this.$store.state.num=666; 其中,这样修改的 阅读全文
摘要:
用第三方组件或者UI框架会自带自身封装的事件,如keyup等,会覆盖原生的组件而无法起效果 而 .native 修饰符就是用来注册元素的原生事件而不是组件自定义事件的 如下: <el-input v-model="QueryText" placeholder="请输入内容" id="myInput" 阅读全文
摘要:
以下全部属性皆为横向(因为竖向的话只需要把x改为y即可,就不在本文列出) 1.clientWidth:元素内部宽度 =width+padding 2.offsetWidth:元素内部宽度=width+padding+border+scroll 3.clientLeft:元素左边框的宽度 4.offs 阅读全文
摘要:
区别: 1.Canvas使用笔刷来绘制2D图形,而svg主要是用标签来绘制不规则矢量图的 2.Canvas画的是位图(放大会模糊),svg话的是矢量图(放大不会失真) 3.Canvas性能好一些,但写起来更为复杂,svg节点过多时,渲染会慢 4.Canvas不支持分层和事件,但可以用库来实现,svg 阅读全文
摘要:
用户行为描述: 当用户点击右上角的“发布”按钮时候,会从首页发送一个值给“发布页” “发布页”接收该值 “发布页“效果图: 此时可以看到页面显示了用户是首页进来的,如何做呢?如下 动态绑定placeholder,然后利用计算属性完成该操作 如下 这样的话,如果用户不是从首页点进来的“发布页”,“发布 阅读全文
摘要:
自适应布局和响应式布局的区别? 1.响应式的概念覆盖了自适应,但响应式包含的东西更多,响应式的布局可以根据屏幕的大小自动调整页面的展示方式 2.自适应有一个致命缺点:如果屏幕尺寸太小,即使网页能够根据屏幕大小进行适配,也会感觉在小屏幕上查看,内容过于拥挤 3.响应式解决了自适应布局的问题,响应式能自 阅读全文
摘要:
执行vuex中的函数,有两种方法: 1.commit,例如this.$store.commit("GETMODULESELECTLIST"); //mutations中的方法 2.dispatch,例如 this.$store.dispatch("getModuleSelectList"); //a 阅读全文