03 2020 档案

摘要:一·字符串的内置方法 1.length 属性返回字符串的长度: var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var sln = txt.length; 2.indexOf() 方法返回字符串中指定文本首次出现的索引(位置): var str = "The full 阅读全文
posted @ 2020-03-25 09:52 布偶123 阅读(361) 评论(0) 推荐(0) 编辑
摘要:一、命令行依次输入如下的命令 npm install -g create-react-app create-react-app my-app cd my-app npm start 创建完成后文件的结构如下: src中的文件就是我们项目需要编写的文件 如果我们需要在react项目中使用antd 则需 阅读全文
posted @ 2020-03-17 23:18 布偶123 阅读(410) 评论(0) 推荐(0) 编辑
摘要:众所周知Vue项目的开发就是组件化的开发,既然是组件化的开发就少不了组件间的通信。对与小的项目来说组件通信尚且还可但对于 大的项目来说组件间的通信就会显得十分的麻烦。这个时候就需要vuex来对数据进行集中的管理。 什么是vuex? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采 阅读全文
posted @ 2020-03-17 13:33 布偶123 阅读(170) 评论(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 阅读(175) 评论(0) 推荐(0) 编辑
摘要:我们知道Vue开发是组件化的开发,那么组件化开发就绕不过组件间的通信这一点,以往在vue项目的开发之中 用vuex进行数据的集中处理,但这是对于大的项目来说,如果只是一个小的项目使用vuex就划不来了。所以这个时候 就需要组件间的通信了。 组件间的通信主要有三个类别: 1.父子组件的通信 2.子与父 阅读全文
posted @ 2020-03-16 23:10 布偶123 阅读(153) 评论(0) 推荐(0) 编辑
摘要:关于Vue的生命周期我们来看下这个官方的图: 从图中我们很容易看的出Vue组件的生命周期的钩子函数有以下这些: beforeCreate() 创建前 created()创建 beforeMount()挂载前 mounted()挂载 beforeupdate()更改前 updated()更改 befo 阅读全文
posted @ 2020-03-16 12:27 布偶123 阅读(213) 评论(0) 推荐(0) 编辑
摘要:1、click300ms延迟? fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块,tap事件也是为了解决在click的延迟问题 触摸事件的响应顺序为 touchstart --> touchmove --> touchend --> click,也可以通过绑定o 阅读全文
posted @ 2020-03-16 11:39 布偶123 阅读(1716) 评论(0) 推荐(0) 编辑
摘要:$nextTick() 是 Vue.js 框架中的一个方法,主要用于在 DOM 更新之后执行回调函数。 $nextTick() 的工作原理基于 Vue.js 的异步更新机制。当 Vue 组件中的数据发生变化时,Vue.js 不会立即更新视图,而是将变化的数据记录下来,并在下一次事件循环时更新视图 阅读全文
posted @ 2020-03-15 22:42 布偶123 阅读(257) 评论(0) 推荐(0) 编辑
摘要:1.原型/原型链/构造函数/实例/继承 原型:_proto_ 原型对象:prototype 用作构造函数中有prototype(原型对象),实例中有_proto_ 2.有几种方式可以实现继承 原型继承,构造继承,实例继承,拷贝继承,组合继承,寄生组合继承,class继承 3.用原型实现继承有什么缺点 阅读全文
posted @ 2020-03-15 22:08 布偶123 编辑
摘要: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 编辑