oceanheaven_web-优快云博客

原创 vue中的数据监听

vue中监听数据可以通过watch和计算属性来实现，如下：数据监听 {{fullName}} var vm = new Vue({ el:"#app", data:{ firstName:"罗", lastName:"潇", fullName:"罗潇" }, watch:{ //watch:主要作用监听数据改变，计算属性也可以监听

2018-01-05 21:30:25 3295

原创 javascript 操作符

1.位操作符中的一元加或减：就是将非数字类型转换为数字类型，其实调用的是valueof和toString方法。 var a = "123"; var b = "1.1" var c = "0012" var d = "z"; var e = "false"; var f = { valueof : function(){ return -1; } } s1 = +

2018-01-05 21:29:57 317

原创 js中的参数传递arguments

7 js中的参数传递和访问在javascript中函数的参数在内部是以数组的形式存放，所以它不在意传进来多少个参数，也不介意是什么类型的参数，我们可以通过arguments[]来访问数组中的参数，arguments只是和数组类似，并不是Arrey的实例， eg1： function sayHi(name,message){ alert("hello"+name+"...."+

2018-01-05 21:29:35 990

原创 JavaScript遍历

JavaScript遍历 //遍历方法一 var a=arr01.every(function(item,index,array){ alert(item);//遍历数组item相当于i return true;//如果不写return true，那么只会遍历第一个元素，因为默认的是return false，默认只编列第一个元素 }) //遍历方法二 //刚好与every

2018-01-05 21:29:14 626

原创 JavaScript重排序方法

function compare(value1,value2){ if(value1 return -1;

2018-01-05 21:28:41 350

转载 Ajax运作机制介绍

关于ajax，是最近炒得非常火的一种技术，并且时下它也是非常流行。当然，它并不是什么新技术，而是在各种已有的技术和支持机制下的

2018-01-05 21:28:07 1107

转载 vue-cli起的webpack项目用localhost可以访问，但是切换到ip就不可以访问我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用

vue-cli起的webpack项目用localhost可以访问，但是切换到ip就不可以访问我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用http://localhost:8081/访问的挺好的，但是换到ip就访问不了，期初我以为是代理的原因，将电脑的代理给关掉了。还是不行，然后改为127.0.0.1访问，发现可以

2018-01-05 21:26:55 1992

转载 Vue-router小结

Vue-router小结 Oct 19, 2017 主要记录vue路由问题,基于vue^2.3.3 路由动态跳转 this.$router.push({path:'studentEmployerList',query:{id:'12'}})//动态跳转页面路径this.$router.replace({path:'studentEmplo

2017-11-02 18:15:27 398

转载 html中meta标签详解

声明文档使用的字符编码 meta charset='utf-8'> 优先使用 IE 最新版本和 Chrome meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 页面描述 meta name="description" cont

2017-11-02 18:09:06 620

原创 vue 中axios的封装

axios方法封装，主要封装方法get,post,put,delete。当我们封装好了之后就可以在main.js中引入使用这样我们就能使用封装的axios了

2017-11-02 17:53:08 3572

原创 vue中引入jQuery

vue库发展很快，但是相比jQuery目前还不够完善，许多功能使用jQuery可以快速实现但是vue实现却比较麻烦，那么我们怎么在vue中使用jQuery呢！与大家分享一下： 1.使用npm安装jQuery，当然也可以使用cnpm这个淘宝镜像安装 npm install jquery 2.找到build目录下的webpack.base.conf.js文件在这个文件中首先引入：var

2017-11-02 17:41:25 649

原创去除vue路由跳转地址栏后的哈希值#

去除vue路由跳转地址栏后的哈希值#，我们只需要在路由跳转的管理文件router目录下的index.js中加上一句代码即可去掉哈希值# import Vue from 'vue' //1.引入vue-router import Router from 'vue-router' import find from '../components/find' import mall from

2017-11-02 17:35:34 10474 1

原创 vue 非父子组件通信

vuex模块状态管理进行模块间的通信 //1.创建名为store;//2.创建名为index.js文件;//内容:import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);const state = { show: 1,};export default new Vuex.Store({ state,});//3.在main.j

2017-11-02 17:24:56 325

原创 vue-cli脚手架安装

和大家分享一下vue-cli脚手架怎么安装使用的 1.首先你需要在电脑上有npm包管理器，在电脑上配置node环境是会自动安装npm 2.安装淘宝镜像cnpm，这可以看做npm的一个翻墙，以后安装插件或模块的时候速度会提高不少 npm install cnpm -g 3.可以通过vue list命令来查看可以使用的模块 4.安装成功后使用vue init webpack vuecli

2017-11-02 13:52:53 244

原创 vue prop 父组件向子组件通信

vue父组件向子组件传递数据，prop，附上代码供大家参考 js 代码 Vue.component("todo-list",{ template:'代办事项：{{todosItem}}', // template:'代办事项：{{todos-Item}}',//这里不能使用“-”字符串(todos-Item),在js中-会被识别为减号 props:["todos-

2017-11-01 19:58:06 392

原创 vue自定义事件子组件向父组件通信

vue的自定义事件非常有趣，大意为子组件使用了一个事件，比如click然后产生了一个效果，这样的效果便可以为自定义事件了。然后将这样的效果命名放入父组件中，当做一个事件来触发，每当这样的效果发生一次时，这样父组件的事件也被触发了，即可以产生另一种效果，下图代码分享给大家仅供参考效果图如下

2017-11-01 19:51:32 891

原创 vue tab切换

给大家分享一个vue tab切换小demo，代码如下图效果图如下：

2017-11-01 19:41:28 834

原创 vue slot 内容分发

内容分发简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slot分发负责的活。例如代码

2017-11-01 19:35:38 330

原创 vue-cli监听组件加载完成

在使用vue-cli开发项目时遇到过一个问题，要求是页面组件全部加载完成后再执行某个函数，给上代码参考，方法可能有点笨，好在实现了功能。 1.安装vuex npm install vuex --save 2.在项目目录下找到store.js文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) //监听nav

2017-11-01 19:13:46 8683

原创 vue重定向

在vue开发项目中经常遇到路由重定向问题，什么是重定向，怎么用呢，给大家分享一个小案例：当页面需要登录时用户未登录则跳转到登录页面怎么做呢！我们只需要在组件的钩子函数mounted（）中添加一个判断进行重定向即可，如下图

2017-11-01 19:03:14 1832

我们在使用iframe内联框架加载子页面时会发现iframe的高度和子页面的高度不一样，这是因为ajax请求服务器数据会有一个过程，iframe已经获取到的高度是ajax回显的数据还未加载到我们的子页面时的高度，所以iframe的高度会比我们子页面的高度要小一些，怎么解决这个问题呢，其实很简单，我们只需要在页面给一个监听事件，当ajax完成后重新获取页面高度传给iframe就行了，话不多说直接上代

2017-08-30 09:29:48 1798 1

oceanheavenweb的博客