摘要: 众所周知Vue项目的开发就是组件化的开发,既然是组件化的开发就少不了组件间的通信。对与小的项目来说组件通信尚且还可但对于 大的项目来说组件间的通信就会显得十分的麻烦。这个时候就需要vuex来对数据进行集中的管理。 什么是vuex? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采 阅读全文
posted @ 2020-03-17 13:33 布偶123 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 创建Vue项目必须确保你已经安装好了node和npm,如果没有,进行如下这几步 从nodejs.org中下载nodejs 下载之后进入安装界面一直next就行了,之后打开控制命令行程序(CMD),检查是否正常 分别输入node -v和npm -v如果不是最新版本可以npm install -g np 阅读全文
posted @ 2020-03-17 12:52 布偶123 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 我们知道Vue开发是组件化的开发,那么组件化开发就绕不过组件间的通信这一点,以往在vue项目的开发之中 用vuex进行数据的集中处理,但这是对于大的项目来说,如果只是一个小的项目使用vuex就划不来了。所以这个时候 就需要组件间的通信了。 组件间的通信主要有三个类别: 1.父子组件的通信 2.子与父 阅读全文
posted @ 2020-03-16 23:10 布偶123 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 关于Vue的生命周期我们来看下这个官方的图: 从图中我们很容易看的出Vue组件的生命周期的钩子函数有以下这些: beforeCreate() 创建前 created()创建 beforeMount()挂载前 mounted()挂载 beforeupdate()更改前 updated()更改 befo 阅读全文
posted @ 2020-03-16 12:27 布偶123 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 1、click300ms延迟? fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块,tap事件也是为了解决在click的延迟问题 触摸事件的响应顺序为 touchstart --> touchmove --> touchend --> click,也可以通过绑定o 阅读全文
posted @ 2020-03-16 11:39 布偶123 阅读(1680) 评论(0) 推荐(0) 编辑
摘要: $nextTick() 是 Vue.js 框架中的一个方法,主要用于在 DOM 更新之后执行回调函数。 $nextTick() 的工作原理基于 Vue.js 的异步更新机制。当 Vue 组件中的数据发生变化时,Vue.js 不会立即更新视图,而是将变化的数据记录下来,并在下一次事件循环时更新视图 阅读全文
posted @ 2020-03-15 22:42 布偶123 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 1.原型/原型链/构造函数/实例/继承 原型:_proto_ 原型对象:prototype 用作构造函数中有prototype(原型对象),实例中有_proto_ 2.有几种方式可以实现继承 原型继承,构造继承,实例继承,拷贝继承,组合继承,寄生组合继承,class继承 3.用原型实现继承有什么缺点 阅读全文
posted @ 2020-03-15 22:08 布偶123 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 1.什么是盒模型? 盒模型主要分为w3c盒模型和IE盒模型,盒模型主要包括content,padding,border,margin。其中w3c盒模型的width=content,IE盒模型的width=content+padding+border。 2.flex flex为弹性布局,webkit内 阅读全文
posted @ 2020-03-15 22:06 布偶123 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 1.语义化 就是用合理、正确的标签来展示内容,比如h1~h6定义标题。更易于seo 2.input和textarea的区别 <textarea>标签是成对的,有结束标签进行闭合,标签的内容写在标签对中间;<input>是单个标签,标签的内容通过 value 属性设置; <textarea>的值是纯文 阅读全文
posted @ 2020-02-26 14:20 布偶123 阅读(103) 评论(0) 推荐(0) 编辑