codesWay的博客

踏踏实实走好每一步路

javascript高级程序设计之---继承

对象的继承 1.继承的思想:关键是将一个构造函数A的原型指向给另一个构造函数B的实例本身,那么A实例将拥有(继承)B实例的所有的属性和方法(继承在原型);  2.原理:将一个构造函数A的原型指向给另一个构造函数B的实例本身,也就意味着A原型将继承B实例本身拥有的所有的属性和方法;而对于A实例而言,...

2018-04-28 17:11:09

阅读数 103

评论数 0

javascript高级程序设计之--自运行函数

什么是自运行函数? 顾名思义.就是不用调用,自己自动就会执行的函数; 为什么要用自运行函数? 自运行函数内部是一个独立的作用域,这样就保持了一个相对独立的命名空间,避免污染全局作用域 怎么创建自运行函数? 写法一:(function(param){…})(re—param); 写法二:...

2018-04-25 16:46:49

阅读数 89

评论数 0

javascript高级程序设计--创建对象的那些事儿

了解完了对象,也了解了常用的创建对象的方式--构造函数式和字面量式,那么除此自外,还有哪些创建对象的方式呢?工厂模式说白了就是一个封装函数,在函数内部定义对象的细节,最后返回之 function createObj(name,job,age){ var obj = new...

2018-04-24 12:50:04

阅读数 104

评论数 0

javaScript高级程序设计--对象

对象 1.定义:就是无序属性的集合,其属性可以包含基本值、对象或者函数。 2.用法:字面量的形式创建对象,说白了就是“{}”。 3.对象中的属性,分为两种:数据属性和访问器属性; 3.1 数据属性:这种属性会有对应的值(可以认为就是我们常见的对象的属性),该属性的特性(如是否可以修改值,是否可以删...

2018-04-23 18:00:01

阅读数 84

评论数 0

javascript高级程序设计--单体内置对象

global:单体内置对象; encodeURL(url):对url进行编码,事实上只会对url中的空格进行编码(%20),其他的都不会变,与之对应的是decodeURL(),换句话说只能反解析%20; encodeURLComponent(url):也是对url进行编码,与encodeURL...

2018-04-18 12:59:35

阅读数 102

评论数 0

MUI页面间传值问题

在使用MUI做APP的时候,很多情况下都需要页面间通信传值,mui提供了一个机制来解决这个问题:自定义事件; 比如在A页面,需要传参到B页面,那么此时B页面就是目标界面; 在A页面: mui.fire(target,event,data) 在这里target是需传值的目标webview(p...

2018-04-17 17:14:16

阅读数 956

评论数 0

Vue路由--router(未完待续)

在前端开发的生涯中,很有可能会开发SPA(single page appaication)单页面应用,单页面应用少不了用到路由,那么Vue中的路由是怎么用的呢,下面我们就来探讨一下: 一、Vue路由简介: 用来开发SPA(单页面应用),根据不同的url地址显示不同的内容,但显示在同一个页面中。...

2018-03-27 17:47:39

阅读数 181

评论数 0

Vue组件之--slot内容分发

以前,Vue组件总是一个个的空标签的形式出现的,那么如果说组件标签里面有内容,那么要获取这些内容要怎么办呢?Vue提供了一个解决方案:slot内容分发,其作用就是用来获取组件中的原内容(就是组件标签内部的内容)。用法分为两种情况:当组件内的原内容结构比较简单的时候可以使用单一slot,当原内容结构...

2018-03-20 18:12:43

阅读数 131

评论数 0

Vue组件--非父子组件间的通信

父子组件的通信已经知道了,但是在实际的项目中如果需要拿到兄弟组件上的数据(非父子)那该如何是好呢? 其实Vue已经为我们提供了一套解决方案:使用中央事件总线;  非父子组件间的通信,使用一个空的Vue实例来作为中央事件总线(就相当于中介一样),用它来抛出和监听事件          1.定义...

2018-03-16 18:05:04

阅读数 88

评论数 0

Vue组件之单向数据流

子组件能够通过自身的props选项获取父组件上的数据,但是在默认情况下,props是单向绑定的---当父组件数据(属性)发生变化的时候会传递给子组件,引起子组件的变化,但不能反过来并且不允许子组件直接改变父组件的数据,会报错的。例如: 也就是说当通过一种方法改变父组件数据的时候,子组件与之相关联...

2018-03-15 18:19:21

阅读数 418

评论数 0

Vue组件--父子组件以及组件间的互相通信

父子组件 在一个组件内定义另一个组件,称之为父子组件。 但是要注意的是:1.子组件只能在父组件内部使用(写在父组件tempalte中);     2.默认情况下,子组件无法访问父组件上的数据,每个组件实例的作用域是独立的; 例如: JS部分 var compo1 = new Vue({...

2018-03-10 17:46:26

阅读数 263

评论数 0

Vue组件--动态组件

所谓的动态组件,就是利用Vue内置组件,来实现在同一个挂载点,多个组件的切换;在这里所谓的"同一个挂载点"就指的是组件本身,is的值时某一自定义组件的组件id例如: JS部分: var app = new Vue({ el:"#contai...

2018-03-08 18:02:36

阅读数 1016

评论数 0

Vue组件--引用模板

如果说组件的template内容结构比较简单,可以直接写在template选项中;但是当自定义组件的template内容比较复杂的时候,直接写就不合适了,也容易出错,所以: 对于这种状况Vue给出了自己的解决方案:使用模板,使用Vue的内置template模板来包裹着模板内容 ...

2018-03-08 13:00:56

阅读数 3065

评论数 0

Vue-组件

组件是Vue最强大的功能之一,那么到底什么是Vue组件呢?通俗点说就是一个自定义标签: Vue组件的分类:全局组件(在任何Vue实例中均可以使用)和局部组件(只有在当前Vue实例中使用); 全局组件的定义方式: 方式一: 创建组建构造器,然后再由组件构造器创建组件(不常用),例如: //1...

2018-03-06 12:54:48

阅读数 84

评论数 0

Vue自定义指令

Vue有很多内置的指令,比如说v-on,v-model,v-clock等等,每一个指令会完成一定的功能,但是这些内置的指令总会有些局限性,要是能够自定义指令就好了--Vue的自定义指令分类:全局指令和局部指令Vue指令的定义和用法(以全局指令为例):1.语法:Vue.directive(指令ID,...

2018-02-28 18:15:07

阅读数 1731

评论数 0

Vue实例方法 $watch

可能会经常遇到这样的问题,怎么监视数据的变化,当数据发生变化的时候,要做一些事情该如何实现,其实不用担心,Vue有一个方法来解决这个问题: vm.$watch(data,callback,[option]):监视数据的变化,当数据发生变化的时候,执行callback函数,这里的callback函...

2018-02-27 12:55:50

阅读数 836

评论数 0

Vue实例的属性和方法

属性: vm.$el:获取Vue实例关联的DOM元素     vm.$data:获取Vue实例的data选项(对象);     vm.$options:获取Vue实例的自定义属性(如vm.$options.name,获取Vue实例的自定义属性name);     vm.$refs:获取页面中所有含...

2018-02-12 13:22:57

阅读数 548

评论数 0

Vue的计算属性

Vue模板({{}})可以用来展示一些数据,但是遇到数据的逻辑比较复杂的时候,此时要怎么办呢?,这个时候就会用到Vue的计算属性: 基本用法 计算属性也是用来存储数据的,常用于逻辑比较复杂的计算但有着一下几个特点:           a)所有的计算属性一般以函数的形式写在Vue实例的com...

2018-02-12 12:51:24

阅读数 369

评论数 0

Vue的生命周期

Vue的生命周期,就是从Vue实例被创建开始到实例销毁时的过程,整个过程主要可以分为八个阶段分别是:创建前(beforeCreate)、已创建(created)、编译前(beforeMount)、编译后(mounted)、更新前(beforeUpdate)、更新后(update)、销毁前(befo...

2018-02-09 12:59:35

阅读数 2022

评论数 0

Vue中Ajax请求

前端页面上的数据,大部分都不会是静态的,而是来自于服务器,正是因为这样,所以前端也变得强大起来,那么在Vue中怎么使用Ajax请求呢? Vue本身不支持ajax请求,需要使用“axios”的第三方插件(2.0),axios是基于promise的http请求客户端,用来发送请求,是Vue2.0推荐...

2018-02-07 22:47:45

阅读数 10707

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭