04 2018 档案

子、父组件的数据传递(实战篇)
摘要：做一个selection 组件进行实战。效果图片如下 以下是模拟的data 数据 以下为子组件伪代码 以下为父组件的关键伪代码 阅读全文
posted @ 2018-04-25 22:40 蓝色丶格调 阅读(263) 评论(0) 推荐(0)
前端路由rooter 组件（API 使用）
摘要：路由API： 1、引入rooter import VRrouter from 'vue-router' 2、使用该组件 Vue.use（VRrouter） Vue.user 的意义：会自动阻止多次注册相同插件，届时只会注册一次该插件。 3、和后台开发一样 new VRrouter 的一个对象出来 并 阅读全文
posted @ 2018-04-24 21:47 蓝色丶格调 阅读(356) 评论(0) 推荐(0)
子、父组件的数据传递(理解篇)
摘要：组件之间是需要通信的，可以理解为子组件是一个空壳，而调用子组件的父组件赋予了它灵魂。 业务逻辑举栗： 使用select 组件 父组件需要往子组件传入数据表示使用哪些select 数据.如{"text":"重庆","v":"cq"} --父传子 当选择重庆后子组件需要返回给父组件一个value-->c 阅读全文
posted @ 2018-04-22 21:50 蓝色丶格调 阅读(653) 评论(0) 推荐(0)
promise理解
摘要：理解图： 以下promise 使用了链式调用的方式 传入一个成功 与失败的函数作为参数使用 1 API实现： 2 //立即执行 简单实例 3 let promise = new Promise(function(resolve, reject) { 4 console.log('Promise'); 阅读全文
posted @ 2018-04-16 22:59 蓝色丶格调 阅读(250) 评论(0) 推荐(0)
Vuex (二) 代码实战
摘要：关于API的使用步骤 1、在通用的main.js 引入vuex 使用（Vue.use(Vuex)）组件并注册该组件到Vue中，使其成为为公用组件 2、可定位全局的store 提供出motations 的相关方法改变状态。例如（add(state,price)） 也可使用getter 属性通过这个获取 阅读全文
posted @ 2018-04-10 22:36 蓝色丶格调 阅读(365) 评论(0) 推荐(0)
ES6 模块加载
摘要：ES6中的import 是singleton 的加载方式只会加载一次，并且是编译是运行，在编译时进行运算等是会报错的 export :注册接口 export {firstName, lastName, year}; 使用方法 import ：引入接口 import : import {firstNa 阅读全文
posted @ 2018-04-10 18:08 蓝色丶格调 阅读(210) 评论(0) 推荐(0)
let与var声明区别
摘要：1、在以往的js中只存在函数作用域而不存在块级作用域。只在是var声明的在整个fn中都有效。 导致结果如下 2、使用let 将会存在暂时性死区 解释：使用let 声明的变量，在其声明前不可使用。规范js 在ESC6中 新增 coenst 声明 向高级编辑语言看齐。final static const 阅读全文
posted @ 2018-04-10 18:07 蓝色丶格调 阅读(638) 评论(0) 推荐(0)
vue 常用指令v-if v-else v-show v-for
摘要：v-show ：将元素display v-if :remove dom元素 v-else 的运用：else 必须跟在v-if 或者v-show后面 <div v-if="Math.random() > 0.5"> Now you see me </div> <div v-else> Now you 阅读全文
posted @ 2018-04-10 18:04 蓝色丶格调 阅读(295) 评论(0) 推荐(0)
动态路由的意义，以及路由重定向
摘要：to 和：to 的区别： ******** <router-link to="apple/123456">to red apple</router-link> //表示跳转只apple的子路由为123456的页面去 不带 :to <router-link :to="{path:'apple/ip'} 阅读全文
posted @ 2018-04-10 18:02 蓝色丶格调 阅读(1447) 评论(0) 推荐(0)
前端路由的理解
摘要：前端路由实现方式分为history +pushState popState 与hash +hashchange hash +hashchange: 原理： 使用www.hao123.com/#XXX #xxx是不会发给服务器的，浏览器会认为是相同的路径，所以不会对后端发起请求， 而通过按钮可以改变# 阅读全文
posted @ 2018-04-10 18:02 蓝色丶格调 阅读(179) 评论(0) 推荐(0)
socpe 与 包的引入
摘要：socpe : 控制作用域 在单文件组件里有一个 <style socped> 标签里有个socped :该属性表示在局部作用域（该组件中）下使用。 如果没有这个属性则会污染全局（引入的子组件会被污染） 对于缺少依赖包 可以在启动VUE项目的时候 使用cnpm insall vue-router s 阅读全文
posted @ 2018-04-10 18:01 蓝色丶格调 阅读(242) 评论(0) 推荐(0)
VUE 组件注册（全局、局部）
摘要：注册全局组件 也可注册局部组件。 // 注册全局 Vue.component('my-component', { template: '<div>A custom component!</div>' }) // 创建根实例 new Vue({ el: '#example', data: functi 阅读全文
posted @ 2018-04-10 18:00 蓝色丶格调 阅读(238) 评论(0) 推荐(0)
跨域的理解
摘要：跨域前需要提及一点： 同源策略：所谓同源策略是浏览器遵循的一个原则，当服务器处于相同的 ip、协议、端口号 才能使用ajax 返回拿数据 如果非同源则需要跨域。 跨域则可以使用反向代理、jsonp ,等方式实现跨域，不同源进行通信。 1、JSONP 式跨域 由于js 是可以远程获取的，例如<scri 阅读全文
posted @ 2018-04-10 17:58 蓝色丶格调 阅读(163) 评论(0) 推荐(0)
关于前后端分离的理解
摘要：http://blog.csdn.net/piantoutongyang/article/details/65446892#reply#reply 个人理解： 前后端并未分离的时候：javaweb 以前使用sparingMVC+mybatis 等方式将jsp经过容器解释成servlet 再画成htm 阅读全文
posted @ 2018-04-10 17:57 蓝色丶格调 阅读(203) 评论(0) 推荐(0)