01 2021 档案

Vue通信常见使用场景
摘要：常见使用场景可以分为三类： 父子通信：父向子传递数据是通过 props，子向父是通过 events（$emit）；通过父链 / 子链也可以通信（$parent / $children）；ref 也可以访问组件实例；provide / inject API；$attrs/$listeners 兄弟通信 阅读全文
posted @ 2021-01-24 21:41 ben_simmons 阅读(114) 评论(0) 推荐(0)
vue组件之间8种组件通信方式总结
摘要：对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有8种方式。1. props和$emit父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的。 Vue.component('child',{ data(){ 阅读全文
posted @ 2021-01-24 21:13 ben_simmons 阅读(153) 评论(0) 推荐(0)
css3 transition的各种ease效果
摘要：http://www.w3school.com.cn/tiy/t.asp?f=css3_transition-timing-function2 linear 平均速度 ease 快启动，慢停止，物理原则 ease-in 先慢，后快 ease-out 先快，后慢 ease-in-out 先慢，再快，再 阅读全文
posted @ 2021-01-20 16:12 ben_simmons 阅读(590) 评论(0) 推荐(0)
UI 图标库
摘要：Font Awesome 中文网 阅读全文
posted @ 2021-01-17 11:43 ben_simmons 阅读(64) 评论(0) 推荐(0)
vue props
摘要：vue的一个核心概念是组件化，组件化就是把整个页面分成不同的组件来进行管理，分成了不同的组件就会出现不同的组件之间进行传值的问题。现在介绍一种利用vue的props来实现父子组件的传值。 首先实现父组件给子组件传值 第一种，父组件给子组件传值的情况 直接加上属性名goodlist,前面用v-bind 阅读全文
posted @ 2021-01-16 00:57 ben_simmons 阅读(52) 评论(0) 推荐(0)
JavaScript中原型对象的彻底理解
摘要：一、什么是原型 原型是Javascript中的继承的基础，JavaScript的继承就是基于原型的继承。 1.1 函数的原型对象 在JavaScript中，我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B，而且每个函数都默认会有一个属性 prototype 指向了这个对 阅读全文
posted @ 2021-01-14 00:32 ben_simmons 阅读(77) 评论(0) 推荐(1)
css3变换过渡动画
摘要：一.变换1.2D变换1.1位移translatetransform: translateX(20px);指定对象X轴（水平方向）的平移transform: translateY(50px);指定对象Y轴（垂直方向）的平移transform: translate(20px, 50px);第一个参数对应 阅读全文
posted @ 2021-01-10 18:01 ben_simmons 阅读(359) 评论(0) 推荐(0)
es6学习总结 （this，Promise）
摘要：this指向问题 es5中一句话可有概括谁调用this就指向谁（运行时生效），es6中箭头函数中没有this，所以es6中的this相当于一个变量，她永远继承外层作用域的this（定义时生效），需要注意的对象不构成作用域，当然函数在生效时才能行车作用域。 function f(){ this.s1= 阅读全文
posted @ 2021-01-07 23:32 ben_simmons 阅读(103) 评论(0) 推荐(0)
数据存储在sessionstorage与vuex存储的区别
摘要：vuex存储数据改变会实时跟新，sessionStorage读取要比vuex慢 1、对于表单页面，需要校验表单数据的填写，数据存储在sessionStorage，不会实时更新，校验较为繁琐， 就可以使用vuex的set 和get进行校验 1 policyName: { 2 get() { 3 ret 阅读全文
posted @ 2021-01-07 21:41 ben_simmons 阅读(372) 评论(0) 推荐(0)
computed与methods的区别
摘要：computed 计算属性 可用于定义属性的setter和getter方法，一般如果不特意强调的话，申明出来的会被自动当做属性的getter方法调用，也就是说computed中虽然定义的时候，形式和方法很像，其实定义的是属性，可以采用属性的方法去使用，如果采用方法的方式去使用(加上括号)就会报错。 阅读全文
posted @ 2021-01-05 10:39 ben_simmons 阅读(237) 评论(0) 推荐(0)