自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

codesWay的博客

踏踏实实走好每一步路

  • 博客(103)
  • 资源 (4)

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

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

2018-04-28 17:11:09 210

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

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

2018-04-25 16:46:49 168

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

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

2018-04-24 12:50:04 188

原创 javaScript高级程序设计--对象

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

2018-04-23 18:00:01 148

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

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

2018-04-18 12:59:35 177

原创 MUI页面间传值问题

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

2018-04-17 17:14:16 1372

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

在前端开发的生涯中,很有可能会开发SPA(single page appaication)单页面应用,单页面应用少不了用到路由,那么Vue中的路由是怎么用的呢,下面我们就来探讨一下:一、Vue路由简介:用来开发SPA(单页面应用),根据不同的url地址显示不同的内容,但显示在同一个页面中。二、基本用法引用:需要额外的引用vue-router.js插件HTML部分a).使用内

2018-03-27 17:47:39 271

原创 Vue组件之--slot内容分发

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

2018-03-20 18:12:43 241

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

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

2018-03-16 18:05:04 173

原创 Vue组件之单向数据流

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

2018-03-15 18:19:21 718

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

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

2018-03-10 17:46:26 380

原创 Vue组件--动态组件

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

2018-03-08 18:02:36 1625

原创 Vue组件--引用模板

如果说组件的template内容结构比较简单,可以直接写在template选项中;但是当自定义组件的template内容比较复杂的时候,直接写就不合适了,也容易出错,所以:对于这种状况Vue给出了自己的解决方案:使用模板,使用Vue的内置template模板来包裹着模板内容 标签内部被包裹着的内容必须有且只有一个根元素,在这里的根元素是ul -->

2018-03-08 13:00:56 5106

原创 Vue-组件

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

2018-03-06 12:54:48 166

原创 Vue自定义指令

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

2018-02-28 18:15:07 2163

原创 Vue实例方法 $watch

可能会经常遇到这样的问题,怎么监视数据的变化,当数据发生变化的时候,要做一些事情该如何实现,其实不用担心,Vue有一个方法来解决这个问题:vm.$watch(data,callback,[option]):监视数据的变化,当数据发生变化的时候,执行callback函数,这里的callback函数可以接受两个参数newValue和oldValue作为改变后(前)数据的值,还有option选项,其

2018-02-27 12:55:50 1174

原创 Vue实例的属性和方法

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

2018-02-12 13:22:57 993

原创 Vue的计算属性

Vue模板({{}})可以用来展示一些数据,但是遇到数据的逻辑比较复杂的时候,此时要怎么办呢?,这个时候就会用到Vue的计算属性:基本用法计算属性也是用来存储数据的,常用于逻辑比较复杂的计算但有着一下几个特点:          a)所有的计算属性一般以函数的形式写在Vue实例的computed选项中的,并最终返回计算后的结果。(或者是以一个对象的形式写在Vue实例中的computed

2018-02-12 12:51:24 559

原创 Vue的生命周期

Vue的生命周期,就是从Vue实例被创建开始到实例销毁时的过程,整个过程主要可以分为八个阶段分别是:创建前(beforeCreate)、已创建(created)、编译前(beforeMount)、编译后(mounted)、更新前(beforeUpdate)、更新后(update)、销毁前(beforeDestroy)、销毁后(destroyed),以上各个阶分别会有对应的“钩子函数”以Vue实例的

2018-02-09 12:59:35 2592

原创 Vue中Ajax请求

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

2018-02-07 22:47:45 14383

原创 函数function(未完待续)

js中的每一个函数都是 Function类型的实例(new Function()),也就是说函数是一个对象(引用类型),函数名其实包含着的是指向当前函数的指针(你懂的)。定义函数的方法:声明式和表达式的方法// 定义函数的方法:声明式function getSum(num1){ return num1+10}// 表达式的方式var getSum1 = function(num1){ ...

2018-02-06 12:36:40 198

原创 javaScript高级程序设计--正则

正则表达式通常用来匹配一个字符串,返回true(至少匹配到了一次)或者false(一次也没匹配到)。正则表达式分为字面量方式和构造函数的方式var reg = /[abs]/g; //字面量var reg5 = new RegExp("[sbs]jjj", "g");//全局匹配sjjj或者bjjj;字面量形式转换为构造函数的正则要注意的事项:var reg5 = new Reg

2018-01-23 09:06:36 142

原创 javaScript高级程序设计--数组

这里主要介绍一些数组的常用方法:arr.isArray():用来检测一个对象是否是数组。var arr = [2, 4, 6, 3];arr[arr.length] = 12;console.log(Array.isArray(arr));Array.join():传入一个分隔符,返回由当前数组中的每一项的字符串形式拼接,并被分隔符分割的字符串;不操作原数组。var arr = [

2018-01-17 13:09:17 195

原创 javaScript高级程序设计--变量和参数的那些事,垃圾回收机制

函数的形参和实参的个数没有必然的联系,因为函数接收到的永远是一个数组,可以用arguments对象表示这个数组,arguments是一个类似数组的对象,其长度由传入的参数的个数决定的;例如:function hehe(ele1,ele2){ return arguments[0]}//就是ele1JS中的变量js中的变量的值分为两种,一种是包含着基本类型值的变量(5种,因为在内

2018-01-09 13:06:01 155

原创 Vue中的父子组件杂谈

以前总是搞不懂,到底啥是父组件,啥是子组件,踩过了许多坑,到现在终于明白了一些。现总结如下(可能有不对的地方,还望多多指正):1.任何全局定义的自定义组件都是作为根组件root(看不到而已)的子组件的。2.不考虑环境,单纯的说某某组件是父组件是不合理的,一切都是相对的,一个自定义组件相对于根组件root就是root的子组件,但是相对于template就是template的父组件。为什么

2018-01-05 09:06:43 183

原创 javascript中的循环

do-while语句:var i= 0;do{ i++;}while(i<10) console.log(i) do-while语句至少执行一次,为啥?因为他是先执行逻辑代码后判断,这就意味着第一次循环无论条件是否成立。都已经执行了一次逻辑代码,当条件成立的时候接着循环,条件不成立那就跳出循环,常用于至少执行一次的循环中while语句var j = 0;while(j<10)

2018-01-04 12:59:27 204

原创 Vue实践之--非父子组件通信

说完了父子组件的通信,是通过props和$emit来实现的,那么非父子组件之间的通信又如何呢?有以下3种方式:bus总线,父链和子组件的索引;bus总线HTML部分: {{message}} javascript部分:var bus = new Vue();//bus(中央事件总线) //组件 Vue.component("my-component",{

2017-12-21 12:29:55 190

原创 Javscript高级程序设计之-Chapter3总结

1.变量名采用驼峰命名法(以字母、下划线、$开头);js的严格模式,浏览器引擎解析更加严格,杜绝不规范的操作行为,激活方式如下(默认是不激活的):1. js文件整体用严格模式:在文件头部添加"use strict"; 2.在函数体内,只需要在函数体内添加"use strict";

2017-12-20 12:40:32 197

原创 Vue实践--v-model在组件中的应用

父组件既可以绑定自定义事件也可以绑定原生事件,只需要在事件名后加.native修饰符即可,例如HTML部分: JS部分:var myApp = new Vue({ el:"#container", data:{ sum:1, initNum:3 }, methods:{ // 这里的t就是从this.$emit("geta

2017-12-19 12:46:26 1454

原创 js作用域中的那些事儿(you don‘t know javascript)

在《你不知道的javascript(上)》中,了解到javascript在代码执行前会先对代码进行编译,引擎查找变量的过程中提到了LHS查询和RHS查询两个概念,下面就简单谈一下自己对其的理解:LHS查询:在查找变量中,如果查找的目的是为了给变量赋值(“=”),就会执行LHS查询。RHS查询:在查找变量中,如果查找的目的是为了找到该变量是啥,就会执行RHS查询。那么什么是作用域呢,作用

2017-12-16 16:35:21 210

原创 Vue实践--父子组件间的通信(未完待续)

父子组件间的通信(在这里父组件就是你自定义的标签,子组件就是父组件template里面的内容),父组件通过props选项向子组件传递参数或数据,子组件接收到参数后根据参数的不同来执行不同的操作。也就是说,在组件中使用props选项来声明需要从父组件接受的数据(通俗点说就是,组件在注册的时候通过props选项声明子组件(template所指)需要从父组件中接受的数据),props选项的值可以是字符串

2017-12-12 14:19:29 299

原创 Vue实践--初识组件

组件是Vue.js的核心,因为组件可以复用,能够做到一套代码,在任何地方都可以用,所以维护的成本大大缩小。Vue的组件在复用的时候是相互独立的;Vue组件的使用:先注册(局部注册/全局注册),后使用,而且要在实例创建前注册(new之前);注册也分为全局注册和局部注册,下面来说一下两者的区别...全局注册:在全局的vue环境中均可以使用(相当于全局变量一样),注册方法:使用Vue

2017-12-12 13:35:15 165

原创 Vuejs实践--v-model

v-model用于表单类元素的双向绑定数据:既然是双向,也就是说当表单元素的值(value)发生变化后,会导致绑定的Vue数据发生变化。例如:v-model绑定输入框:JS部分var myApp = new Vue({ el:"#container",//指定关联的元素 data:{//用来存储数据 context:"", placehode:"

2017-12-09 13:23:57 966

原创 Vuejs实践--事件绑定

Vue中的事件绑定一般通过v-on指令来绑定事件:事件绑定v-on:事件绑定的表达式的值可以是js语句,也可以是在methods选项中定义好的方法名(有参数的时候当然需要传参),在vue事件中,默认是含有事件对象e的,只不过在methods中定义函数的时候要将其作为形参传进去,在通过v-on调用该方法的时候,就不必写实参$event了 (如果要用的话),这个e包含了一些事件常用的信

2017-12-05 13:39:37 2811

原创 Vue实践--V-for指令

当需要将一个数组或者对象循环遍历显示的时候可以使用v-for指令,其值类似于item in items;其中items是数组或者对象,item自然就是其中的一项,in 也可使用 of。当遍历数组的时候有一个可选项index,是当前项的索引 类似与 v-for = (item,[index]) in items; {{index}}.{{book.bookName}}

2017-12-04 12:59:13 9487

原创 Vuejs的其他指令

v-cloak指令:说白了就是让用户看不到渲染的过程(解决闪屏现象--先出现模板然后才渲染出来页面的过程),当然一般还是要配合css:display:none的才起作用,常放在根元素上HTML部分 {{tasks}} {{tasks}}的感觉真好 点我 点我切换内容 文本 邮箱

2017-12-04 12:49:05 343

原创 Vue实战--v-bind以及动态绑定Class和style

v-bind通常用来绑定属性的,格式是v-bind:属性名 = "值",简写:属性名 = "值" 之前我们知道v-bind主要就是动态更新DOM的属性的,class作为DOM的属性当然也不例外,那么v-bind怎么动态更新class呢,分为三种方法:对象语法和数组语法,还有就是变量语法:变量语法:v-bind:class = "变量",变量形式 ,这里的变量的值,通常是在css定义好的

2017-11-29 13:17:54 8773

原创 Vue实践--计算属性

简单的文本转换可以通过filters来转换,但是当涉及到复杂的逻辑的时候就要通过计算属性完成了计算属性都是以函数的形式写在computed选项中,计算属性中的this指向Vue实例本身,只要最后有返回的值就行,  /* getter与setter (博客上见)*/ var myApp1 = new Vue({ el:"#container1", data:{ fi

2017-11-28 09:37:01 1035

原创 Vue实践--指令和事件

Vue思想是数据驱动DOM,所以你只需要把主要精力放在数据和逻辑上即可,DOM的事情交给Vue就行了;指令的作用是当表达式的值发生变化的时候,将某些行为应用到DOM上:Vuejs中的一些指令:1.v-bind:动态更新DOM元素的属性(通常用来绑定DOM属性),例如:{{greeting|toUpperCase|strClip(3)}}//给该元素绑定href属性,属性的值是对

2017-11-26 14:18:21 951

原创 Vue实践--过滤器(Filters)

Vue过滤器用来过滤模型数据,在显示之前进行数据处理和筛选,按照特定的格式进行输出。使用语法:{{data|filter1(参数)|filter2(参数2)}};在Vue2.0之后就没有内置过滤器了,也就是说以后的过滤器都要自己去定义;Vue过滤器的分类:全局过滤器和局部过滤器,两者的区别:顾名思义,全局过滤器在任何一个Vue实例中均可以使用,而局部过滤器只能在该过滤器所在的Vue实例中使

2017-11-24 13:32:24 366

CSS揭秘.pdf

本书是一本注重实践的教程,作者为我们揭示了47个鲜为人知的CSS技巧,主要内容包括背景与边框、形状、视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。本书将带领读者循序渐进地探寻更优雅的解决方案,攻克每天都会遇到的各种网页样式难题。

2017-10-02

HTML5高级程序设计(完整清晰版)

本书从最早期Netscape浏览器中的JavaScript开始讲起,直到当前它对XML和Web服务的具体支持,内容主要涉及JavaScript的语言特点、JavaScript与浏览器的交互、更高级的JavaScript技巧,以及与在Web应用程序中部署JavaScript解决方案有关的问题,如错误处理、调试、安全性、优化/混淆化、XML和Web服务,最后介绍应用所有这些知识来创建动态用户界面。

2017-10-02

响应式web设计—html5和css3实战_中文版

其实这本书我也没有看过,把它分享出来,希望能帮助更多的人,爱好前端的人儿,前端之路漫漫,希望我们能一起走过。

2017-10-02

你不知道的JavaScript(上卷)

你所不知道的javascript,这是上册,还有中册,你所不知道的javascript,这是上册,还有中册,你所不知道的javascript,这是上册,还有中册

2017-10-02

空空如也

空空如也
提示
确定要删除当前文章?
取消 删除