1. return false   ES6函数的扩展：箭头函数  数组 arr.map()   arr.filter()

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<script>

  var o = {

      num (a) {

          if(a>4){

              a=1;

              return false;   // return false 表示 不执行了。

          }

          a=10;

          return a;

      }

  }

  console.log(o.num(21));   //  false

  var arr = [1,2,3];

  console.log(arr.map(x => x * x));  // 相当于for循环

  console.log(arr.filter(x => x > 1)); // 过滤条件  把x>1的过滤出来 【2，3】

  //函数的扩展，箭头函数

  var f = x=>x*12;

  console.log(f(2));

  var f2 = ()=>10;

  console.log(f2());

  var f3 = (a,b)=>a+b;

  console.log(f3(4, 5));

</script>

</body>

</html>

2.  Test.vue   TestOne.vue 路由传值等

Test.vue

<template>

  {{mes}}

  <button @click="test">btn</button>

  <group>

    <x-input

      title='名字'

      placeholder='请输入你的名字'

      :value.sync="name">

    </x-input>

    <x-input

      title='爱好'

      placeholder='请输入你的爱好'

      :value.sync="hobby">

    </x-input>

    <x-button type="primary" @click="goToTestOne">立即申请</x-button>

  </group>

  <div>

    <img :src="arrowSrc" alt="">

    <p :class="{'red-font':isRed}">红色字体</p>

  </div>

</template>

<style>

  .red-font{color:red;}

</style>

<script>

  export default{

    components: {

      Group: require('vux-components/group'),

      XInput: require('vux-components/x-input'),

      XButton: require('vux-components/x-button')

    },

    data () {

      return {

        name: '',

        hobby: '',

        mes: '123234',

        arrowSrc: require('../assets/images/helper/help-arrow-down.png'),

        isRed: true

      }

    },

    methods: {

      test () {

//        this.$data.mes = '456'

        this.$set('mes', '中国')    //   两种写法

      },

      goToTestOne () {

//        this.$router.go('/testOne')

        this.$router.go({path: '/testOne', query: {name: this.$data.name, hobby: this.$data.hobby}})

      }

    }

  }

</script>

Test.vue

TestOne.vue

<template>

  {{mes}}

  <p>{{name}}</p>

  <p>{{hobby}}</p>

</template>

<script>

  export default{

    data () {

      return {

        name: '',

        hobby: '',

        mes: '123234'

      }

    },

    created () {          //  用  create ()

      this.$data.name = this.$route.query.name        // 注意这里是 $route  没有'r'

      this.$data.hobby = this.$route.query.hobby

    }

  }

</script>

TestOne.vue

3. 判断 变量 a 是否未定义 undefined

<script>

  if (typeof(a) !== 'undefined') {

    console.log(a);

  } else {

    console.log(111);

  }

  </script>
// good

if (typeof person === 'undefined') {

  ...

}

4.限制 Input 只能输入  a-zA-Z0-9 - /\ 汉字等

@keyup="validInput()"

    validInput () {

        this.$data.address = this.$data.address.replace(/[^A-Za-z0-9\u4e00-\u9fa5\\_\/\.\-()·]/, '')

      }

pp 总结二的更多相关文章

  1. cglib动态代理

    代理即为访问对象添加一层控制层,使其间接化,控制层可以为对象访问添加操作属性. cglib:Code Generation library, 基于ASM(java字节码操作码)的高性能代码生成包 被许 ...

  2. JAVA基础学习day17--集合工具类-Collections

    一.Collection简述 1.1.Collection与Collections的区别 Collections是集合的静态工具类 Collection:是集合的顶级接口 二.Sort 2.1.sor ...

  3. ACM数论之旅6---数论倒数，又称逆元（我整个人都倒了(￣﹏￣)）

    数论倒数,又称逆元(因为我说习惯逆元了,下面我都说逆元) 数论中的倒数是有特别的意义滴 你以为a的倒数在数论中还是1/a吗 (・∀・)哼哼~天真 先来引入求余概念 (a +  b) % p = (a% ...

  4. C++与C的区别一

    1. C++风格数组初始化: #include <iostream> #include <array> using namespace std; void main() { / ...

  5. java web学习总结(二十八) -------------------JSP中的JavaBean

    一.什么是JavaBean JavaBean是一个遵循特定写法的Java类,它通常具有如下特点: 这个Java类必须具有一个无参的构造函数 属性必须私有化. 私有化的属性必须通过public类型的方法 ...

  6. java web学习总结(二十七) -------------------JSP标签介绍

    一.JSP标签介绍 JSP标签也称之为Jsp Action(JSP动作)元素,它用于在Jsp页面中提供业务逻辑功能,避免在JSP页面中直接编写java代码,造成jsp页面难以维护. 二.JSP常用标签 ...

  7. java web学习总结(二十六) -------------------JSP属性范围

    所谓的属性范围就是一个属性设置之后,可以经过多少个其他页面后仍然可以访问的保存范围. 一.JSP属性范围 JSP中提供了四种属性范围,四种属性范围分别指以下四种: 当前页:一个属性只能在一个页面中取得 ...

  8. Python之路Day19-Django(二)

    本节内容概要: 一.路由系统URL 二.视图 三.模板 四.ORM操作 问题1:Django请求生命周期 -> URL对应关系(匹配) -> 视图函数 -> 返回用户字符串 -> ...

  9. java web学习总结(二十一) -------------------模拟Servlet3.0使用注解的方式配置Servlet

    一.Servlet的传统配置方式 在JavaWeb开发中, 每次编写一个Servlet都需要在web.xml文件中进行配置,如下所示: 1 <servlet> 2 <servlet- ...

随机推荐

  1. cosmic_download-AsyncPool待修正

    # !/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2018/11/16 10:02 AM # @Author : cxa # @File ...

  2. 题解-拉格朗日（bzoj3695变种）

    Problem 在无穷大的水平面上有一个平面直角坐标系,\(N-1\)条垂直于\(x\)轴的直线将空间分为了\(N\)个区域 你被要求把\((0,0)\)处的箱子匀速推到\((x,y)\) 箱子受水平 ...

  3. 2.4G和5G的Wi-Fi各自优缺点对比

    原文地址:http://service.tp-link.com.cn/detail_article_3366.html 1.为什么5G信号的穿墙效果比2.4G信号差? 与路由器的距离相同时,5G信号相 ...

  4. 打造一个上传图片到图床利器的插件（Mac版 开源）

    写markdown博客如何将截图快速上传到图床--记一个工具插件的实现(windows版 开源)(2017-05-31 20:23) 打造一个上传图片到图床利器的插件 鉴于写博客截图手动上传到图床的步 ...

  5. c 中打印格式%g

    C语言中打印float或double类型最常用的是%f格式,最近看书时看到有使用%g格式打印. %f  表示按浮点数的格式打印. 小数点后固定6位 %e 表示以指数形式的浮点数格式输出. %g 表示自 ...

  6. Docker 导出 & 导入

    Docker 容器因为它的快速部署被深受喜爱.本文记录 Docker 容器的导出与导入,分别用到 Docker 的 export 和 import 命令. 1.查看正在运行的容器: [root@loc ...

  7. Android中验证输入是否为汉字、手机号及邮箱

    1,验证是否为汉字 Code// 验证昵称 private boolean verifyNickname() { String nickname = edt_username.getText().to ...

  8. 23)django-缓存

    一:目录 1)简介 2)django缓存方式 3)django应用方式 二:简介 由于Django是动态网站,所有每次请求均会去数据进行相应的操作,当程序访问量大时,耗时必然会更加明显, 最简单解决方 ...

  9. Android 各种路径详细说明

    存储分类: 内部存储路径, 内部缓存存储路径, 外部存储路径, 外部缓存存储路径 在有些手机上内部划出一个内部的sdcard路径和内部存储路径,当有sdcard时候,就有了六个路径 内部存储空间中的应 ...

  10. mabytis的xml一些写法

    1.jdbcType=TIMESTAMP 而不是 jdbcType=DATETIME myabtis 3.4.6 版本jar包中:jdbcType枚举: ARRAY(Types.ARRAY), BIT ...