双重监听俩个值的变化 vue2.0 -- 飞机票项目

今天给写自己吧!或者说做一个笔记!就是双重监听俩个值的变化。到底是什么呢?先看截图需求: 1.点击成人 + 号 最多添加到 9 2.点击成人 - 号 最少 为 1 3.点击儿童 + 号 最多添加到 9 4.点击儿童 - 号 最少为 0 5.1个成人数量最...

2017-11-12 00:41:17

阅读数 425

评论数 0

过滤数据以及数组去重。2.0vue -- 飞机票项目

大家好! 我是杨小宝,项目马上结束,下几篇提供数据交互,以及渲染的难点。这一篇讲解过滤数据以及数组去重。效果: 在项目中,我们会经常遇到 筛选 功能,那么 既然需要筛选,我们就要用到数组的去重,数据的整理,等等。先上一张图,我们的要的效果是什么? 知识: create...

2017-10-31 10:02:36

阅读数 2493

评论数 2

Session Storage(本地缓存) -- 飞机票项目

大家好!我是杨小宝,之前写过一篇 Local Storage ,今天给大家介绍一下Session Storage区别: Local Storage 删除数据需要手动删除 Session Storage 删除数据关闭浏览器即可 (对于我们现在的需求而言,如需了解深层知识,可以去...

2017-10-23 13:44:25

阅读数 365

评论数 0

60秒的倒计时?30分钟的倒计时!!! vue2.0 --飞机票项目

Hello,在项目中我们经常遇到 手机验证码的倒计时60秒!网上一艘一大片,为什么我们不能动脑思考去实现呢?今天分享一个倒计时30分钟的demo,也是我这个项目中遇到的一个。虽然不难,但是理解,思路最重要!上图看效果: 分析需要的方法: 1. 函数调用 ==>...

2017-09-22 16:32:24

阅读数 5038

评论数 3

下拉框的年限循环(2017~1917)vue2.0--飞机票项目

Hello,项目开发过程中,需要很多项目需要是不能使用插件实现的,是需要我们通过自己去手写的。比如今天我们要实现一个下拉的年限范围。(出生日期、证件日期……)还是上图先看效果: 我们要循环出一个范围年限,分析需要的方法: 1. 我们需要v-for循环 ...

2017-09-22 15:54:27

阅读数 987

评论数 0

支付,配送....流程,模拟后台返回状态码 --飞机票项目

Hello,我们做项目的时候经常会遇到一些支付流程啊,配送流程啊。说白的就是一个’时间表’,虽然我这么说是‘时间表’,可能在术语上不对,我也不知道怎么解释了。 请看下图:我们要实现的效果图: 一看图,相信大家都明白了,项目中会遇到很多这种交互。 逻辑思路分析: 1.背景条跟...

2017-09-21 16:55:07

阅读数 226

评论数 0

localStorage本地缓存到第二个页面接收!--飞机票项目

为什么要说到localStorage呢?因为我这个项目的首页点击搜索按钮的时候,是需要跳转页面,以及将数据在第二个页面进行请求数据并渲染。 我的思路有俩种: 1.点击搜索直接传给后台生成接口后在第二个页面调用接口接受! 2.直接在前端页面本地缓存,后在第二个页...

2017-09-21 11:43:21

阅读数 387

评论数 1

vue2中的“$(this)” === JQ中$(this)--飞机票项目

Hello, 我是杨小宝!商城项目就不更新了,因为我突然换项目了!!!是不是很尴尬,不过这个项目是一个订飞机票的项目,逻辑思维也是很强的!持续更新该项目的知识点。能触及到的都是关于vue2的知识!今天给大家写一个vue中的 ‘$(this)’说起¥this,(不知道为什么不让打 美元符号我就用¥ ...

2017-09-21 11:22:15

阅读数 1179

评论数 0

商城项目--产品的加减中的watch监听

Hello 我是杨小宝!上一个复选框的demo写完后,我觉得还是写一下全局的watch监听吧!又不能重复写复选框,所有这里写了一个非常简单的加减的判断!看一下项目图: 就做一下 数量的加减判断即可!简单说一下项目需求: 1.当点 + 号 时 左侧 - 号 改变颜色 ...

2017-09-15 16:15:16

阅读数 179

评论数 0

商城项目--全选,反选 vue2.x+JQ代码(俩种实现方式)

Hello 大家好我是杨小宝!最近刚刚接手公司内一个商城项目,里面一些业务逻辑其实学习与记录一下挺好的,如果你也正好做商城类似的项目,看一下我们有相同的问题吗?首先这个全选,反选一开始做的时候我进入了一个盲区就是一直想判断 每一个checkbox选中的状态全等于true的时候 要 All =&...

2017-09-15 15:53:17

阅读数 214

评论数 0

Axios数据请求post与node进行传参,node中处理json

hello,我是杨小宝,学习了几个月的vue终于到了与后台的数据交互,但是进行数据交互的时候我遇到了一些问题,今天就写一下这些问题,作为以后的用处!!!axios的get请求写法:axios.get('/user',{ params:{ ID:12345 } }) .then(fu...

2017-09-10 14:32:27

阅读数 704

评论数 0

vue2.0逻辑思维选项卡。

Hello,选项卡?很简单嘛!那项目中所有数据都是‘活’的,而不是一个静态页面怎么通过vue写出vue中的选项卡呢?页面部分:<!DOCTYPE html> <html lang="en"> <head> <meta chars...

2017-08-31 10:12:44

阅读数 1187

评论数 0

通过自定义属性添加样式(css+js,动态判断背景颜色)

今天我们要写一个写死的背景色,通过我们的JS把背景色变成活的。 当我们通过点击  “ + ”  “ - ” 号  来控制  右边   标签的 隐藏显现!!!  一开始背景色是直接写上的,点击第一个  “+” 右边就是 对应的标签 也相对应的背景颜色。 后来觉得太难看了...

2017-08-15 10:05:28

阅读数 1803

评论数 0

Vue2.x通过id参数数据请求

一:使用Vue进行数据请求,需要用到Vue的生命周期 需要引入三个库 1.jquery.min.js 2.vue.min.js 3.vue-resource.js 点击页面<html> <head> <title>点击页面</title&g...

2017-07-23 23:28:04

阅读数 1756

评论数 0

JQ面向对象的封装步骤

一:函数自己调用自己/*CSS页面*/ #box1{ width: 200px; height: 200px; background: red; margin :100px auto; } .box2{ ...

2017-07-16 15:42:49

阅读数 1307

评论数 0

Vue1.x - 2

模版+组件结合 1.. 模版第一种写法 2..模板第二种写法 3..动态组件写法,切换内容模版(选项卡) 父子组件 1..基本写法: 2..父亲参数传递给儿子 3..儿子的数据传递给父亲 ...

2017-07-06 18:22:38

阅读数 224

评论数 0

Vuejs1.x - 1

一.数据的传递<div id='box'>{{msg}}</div>var v = new Vue ({ el:'#box', data:{msg:'hello vue'} })二.数据绑定 v-model<div class=...

2017-07-06 18:06:54

阅读数 162

评论数 0

模仿百度API接口搜索框

<!DOCTYPE html> <html> <head> <title>模仿百度API</title> <meta charset="utf-8"> <script type...

2017-06-14 19:01:22

阅读数 2902

评论数 0

angular.js

Angularjs        使用angular:                 1.引入框架 2.声明一块angular模板      è   ng-app=’app’ 3.使用ng-model=’xxx’,来绑定简单的数据 4.应用(插值)       è   {{ xxx }} ang...

2017-06-12 23:17:04

阅读数 174

评论数 0

Nodejs

nodejs表单验证

2017-06-12 22:39:50

阅读数 173

评论数 0

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